/* Products page specific styles */

.products-page {
	padding: 140px var(--spacing-3xl) var(--spacing-4xl);
	max-width: 1400px;
	margin: 0 auto;
}

.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);
	}

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