/* ============================================================ Tag One Motorsport — Page /partenaires Slater CSS v1.0 (session 51) États JS de la galerie « Nos partenaires en piste » (classes posées par le JS = jamais dans les styles Webflow, règle anti-purge js-only-classes-slater). ============================================================ */ /* Le swipe horizontal appartient à Observer, le scroll vertical à la page */ .t1-pgal { touch-action: pan-y; } /* États des slides : tout caché sauf la courante */ .t1-pgal-slide { opacity: 0; pointer-events: none; will-change: transform, opacity; } .t1-pgal-slide.is--current { opacity: 1; pointer-events: auto; } .t1-pgal-img { will-change: transform; } /* Vignette courante : bordure or (accent bouton/nav autorisé) */ .t1-pgal-thumb.is--current { border-color: #d2b461; } /* Responsive */ @media screen and (max-width: 991px) { .t1-pgal { height: 80vh; } .t1-pgal-thumb { flex: none; } } @media screen and (max-width: 767px) { .t1-pgal { height: 70vh; min-height: 360px; } .t1-pgal-thumb { width: 80px; height: 54px; border-radius: 4px; } .t1-pgal-nav { bottom: 20px; } } /* ⚠️ Les vignettes doivent tenir sur UNE SEULE ligne : à 6 photos elles passaient sur 2 rangées et rognaient le bas de la photo. `nowrap` + une largeur réduite les garde en bande unique, quel que soit leur nombre (au-delà de ~7, la bande devient scrollable au doigt plutôt que de casser). */ @media screen and (max-width: 767px) { .t1-pgal-nav { flex-wrap: nowrap; justify-content: flex-start; padding: 0 16px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; grid-column-gap: 6px; } .t1-pgal-nav::-webkit-scrollbar { display: none; } .t1-pgal-thumb { flex: 0 0 auto; } } @media screen and (max-width: 479px) { .t1-pgal-thumb { width: 52px; height: 36px; } }