/* [f3d_vetrine] — copia della griglia di [f3h_promos] (farm3d-home/assets/carousel.css),
   così la pagina prova è uguale alla home anche dove carousel.css non è caricato.
   Il player riempie il riquadro: niente 16:9 né 2:3 del telefono. */
.f3vt.f3h-promos { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 240px; gap: 16px; width: 100%; margin-top: 28px; }
.f3vt .f3h-promo { position: relative; display: block; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 14px rgba(0,0,0,.14); text-decoration: none; height: 100%; transition: transform .2s, box-shadow .2s; background: #ece8e1; }
.f3vt .f3h-promo:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,.24); }
.f3vt .f3h-promo > img { width: 100%; height: 100%; object-fit: cover; display: block; object-position: var(--f3h-fx, 50%) var(--f3h-fy, 50%); transform: scale(var(--f3h-z, 1)); transform-origin: var(--f3h-fx, 50%) var(--f3h-fy, 50%); }
.f3vt .f3h-promo:nth-child(1) { grid-column: 1 / span 2; }
.f3vt .f3h-promo:nth-child(2) { grid-column: 3 / span 1; }
.f3vt .f3h-promo:nth-child(3) { grid-column: 1 / span 1; }
.f3vt .f3h-promo:nth-child(4) { grid-column: 2 / span 2; }
.f3vt .f3vt-scr.f3tv-schermo { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; }
/* .f3h-promo img della home (carousel.css) non deve stirare la foto della banda */
.f3vt .f3tv-banda-foto { width: auto; height: auto; object-fit: contain; transform: none; }
/* idem per i personaggi della sfilata: niente cover 100%×100% (li tagliava) */
.f3vt .f3tv-sf-uno { width: auto; height: 76%; max-width: 60%; object-fit: contain; }
.f3vt .f3tv-sf-adesivo { width: calc(24.7 * var(--u)); height: auto; object-fit: contain; transform: rotate(8deg); }
@media (max-width: 640px) {
	.f3vt.f3h-promos { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 12px; }
	.f3vt .f3h-promo { height: auto; }
	.f3vt .f3h-promo > img { height: auto; transform: none; }
	.f3vt .f3h-promo:nth-child(n) { grid-column: auto; }
	.f3vt .f3vt-cella:has(.f3vt-scr) { aspect-ratio: 2 / 1; }
	.f3vt .f3vt-cella:has(.f3tv-sfilata) { aspect-ratio: 1 / 1; }
}