.category-page {
		min-height: 100vh;
		padding: 2rem 0 4rem 0;
	}

	.container {
		max-width: 1400px;
		margin: 0 auto;
		padding: 0 2rem;
	}

	.category-header {
		text-align: center;
		margin-bottom: 3rem;
	}

	.page-title {
		font-family: var(--font-display);
		font-size: 3rem;
		color: var(--retro-navy);
		margin-bottom: 1rem;
	}

	.category-description {
		font-family: var(--font-heading);
		color: var(--text-muted);
		font-size: 1.125rem;
		margin-bottom: 0.5rem;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.product-count {
		font-family: var(--font-heading);
		color: var(--retro-orange);
		font-weight: 700;
		font-size: 1.125rem;
	}

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

	.empty-state {
		text-align: center;
		padding: 4rem 2rem;
	}

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

	.back-link,
	.back-button {
		display: inline-block;
		padding: 0.75rem 1.5rem;
		background: var(--retro-teal);
		color: white;
		border: 3px solid var(--retro-navy);
		border-radius: 8px;
		text-decoration: none;
		font-family: var(--font-heading);
		font-weight: 700;
		transition: all 0.2s ease;
		box-shadow: 4px 4px 0 var(--retro-navy);
	}

	.back-link:hover,
	.back-button:hover {
		transform: translateY(-2px);
		box-shadow: 6px 6px 0 var(--retro-navy);
	}

	.back-section {
		text-align: center;
		margin-top: 3rem;
	}

	@media (max-width: 768px) {
		.page-title {
			font-size: 2rem;
		}

		.products-grid {
			grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
			gap: 1.5rem;
		}
	}

	@media (max-width: 480px) {
		.products-grid {
			grid-template-columns: 1fr;
		}
	}