/**
 * Product Grid — Impeccable Luxury Refinement (Bento Layout)
 */
.product-grid-section {
	padding: clamp(80px, 10vw, 160px) 48px;
}

.product-grid-section__header {
	text-align: center;
	margin-bottom: clamp(64px, 8vw, 120px);
}

.product-grid-section__heading {
	font-family: var(--ff-brand);
	font-size: clamp(32px, 5vw, 64px);
	font-weight: 400;
	letter-spacing: clamp(6px, 1.5vw, 16px);
	text-transform: uppercase;
	color: #fff;
}

.product-grid-section__subheading {
	font-family: var(--ff-editorial);
	font-size: 1.2rem;
	font-style: italic;
	color: var(--haze);
	margin-top: 16px;
}

.product-grid__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	max-width: 1600px;
	margin: 0 auto;
}

/* The Bento Treatment */
.product-grid__items .product-card:nth-child(4n+1) {
	grid-column: span 2;
	grid-row: span 2;
}
.product-grid__items .product-card:nth-child(4n+1) .holo-card__media {
	aspect-ratio: auto;
	height: 100%;
}

@media (max-width: 1024px) {
	.product-grid__items { grid-template-columns: repeat(2, 1fr); }
	.product-grid__items .product-card:nth-child(n) { grid-column: span 1; grid-row: span 1; }
}

@media (max-width: 768px) {
	.product-grid__items { grid-template-columns: 1fr; }
}