/*
 * Griglia PDP — un solo predicato governa colonne e sticky (decisioni.md §8, Rule 2).
 * Le media query non possono leggere var(): le soglie sono letterali, il commento cita il token.
 * Tutto il resto (larghezze colonna, gap, offset sticky) usa var() dai token del tema.
 */
.flashmac-pdp-grid {
	display: grid;
	gap: var(--wp--custom--pdp--gap);
	align-items: start;
	grid-template-columns: 1fr; /* < --bp-desktop (1024px): impilata */
}

.flashmac-pdp-media {
	position: static;
	/* Card dell'oracolo passa overflow:hidden come override locale, non un default
	   di .is-style-fm-card (molte card contengono elementi che non vanno tagliati) — qui sì,
	   la galleria prodotto deve restare dentro gli angoli arrotondati. */
	overflow: hidden;
}

/* --bp-desktop: 1024px — due colonne, galleria capped, buy prende il resto */
@media (min-width: 1024px) {
	.flashmac-pdp-grid {
		grid-template-columns: minmax(0, var(--wp--custom--pdp--media)) 1fr;
	}
	.flashmac-pdp-media {
		position: sticky;
		top: var(--wp--custom--header-offset);
	}
}

/* --bp-wide: 1280px — griglia bloccata 460+680, non cresce mai oltre */
@media (min-width: 1280px) {
	.flashmac-pdp-grid {
		grid-template-columns: var(--wp--custom--pdp--media) var(--wp--custom--pdp--buy);
	}
}