/* Products page specific styles */
.page-header {
	text-align: center;
	margin-bottom: var(--spacing-3xl);

	h1 {
		font-size: var(--font-size-3xl);
		color: var(--t2-text);
		margin-bottom: var(--spacing-sm);
	}

	p {
		color: var(--t2-text-light);
		font-size: var(--font-size-lg);
	}
}

@media (max-width: 768px) {
	.products-page {
		padding: 100px var(--spacing-xl) var(--spacing-2xl);
	}

	.products-page #producten {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--spacing-sm);
		padding: 0 var(--spacing-xs);
	}

	.page-header h1 {
		font-size: var(--font-size-2xl);
	}
}

@media (max-width: 360px) {
	.products-page #producten {
		grid-template-columns: 1fr;
	}
}