.brand-header {
		margin: 2rem 0;
		padding: 2rem;
		background: var(--bg-secondary);
		border: 4px solid var(--retro-navy);
		border-radius: 16px;
		box-shadow: 6px 6px 0 var(--retro-navy);
		text-align: center;
	}

	.brand-header h1 {
		font-family: var(--font-display);
		font-size: clamp(2rem, 4vw, 3rem);
		color: var(--retro-navy);
		margin-bottom: 1rem;
	}

	.brand-description {
		font-family: var(--font-heading);
		font-size: 1.25rem;
		color: var(--text-secondary);
		max-width: 600px;
		margin: 0 auto;
	}

	.product-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		gap: 1.5rem;
		margin-bottom: 3rem;
	}

	.empty-state {
		text-align: center;
		padding: 4rem 2rem;
		background: var(--bg-secondary);
		border: 4px solid var(--retro-navy);
		border-radius: 16px;
		margin-bottom: 3rem;
	}

	.empty-text {
		font-family: var(--font-heading);
		font-size: 1.5rem;
		color: var(--text-muted);
		margin-bottom: 1.5rem;
	}