/* Galerie de stock TPI : intégration au cadre existant, sans modification de sa grille. */
.tpi-web .photo:has(.tpi-rayon-gallery){display:block!important;min-width:0}
.tpi-rayon-gallery{display:flex;flex-direction:column;width:100%;max-width:100%;gap:11px;min-width:0}
.tpi-rayon-stage{aspect-ratio:4/3;min-height:0;width:100%;background:#fff;display:grid;place-items:center;overflow:hidden;border-radius:12px}
.tpi-rayon-stage img.tpi-rayon-main,.tpi-rayon-stage video{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
.tpi-rayon-thumbnails{display:flex;gap:7px;overflow-x:auto;max-width:100%;padding:3px 2px 7px;scrollbar-width:thin;overscroll-behavior-x:contain}
.tpi-rayon-thumb{position:relative;flex:0 0 69px;width:69px;height:62px;border:2px solid #dfe9f2;border-radius:9px;background:#fff;padding:3px;overflow:hidden;cursor:pointer}
.tpi-rayon-thumb.is-active{border-color:#0b5fb3;box-shadow:0 0 0 1px #0b5fb3}
.tpi-rayon-thumb img{display:block;width:100%!important;height:100%!important;object-fit:contain!important}
.tpi-rayon-play{position:absolute;inset:auto 5px 5px auto;background:#0b5fb3;border-radius:99px;color:white;width:24px;height:24px;font-size:12px;display:grid;place-items:center}
.tpi-rayon-caption{font-size:11px;line-height:1.4;color:#677f91}
@media(max-width:760px){.tpi-rayon-stage{aspect-ratio:4/3}.tpi-rayon-thumb{width:64px;height:59px;flex-basis:64px}}

/* Le cadre reste celui de la fiche ; les photos réelles apparaissent en entier, avec marges blanches. */
.tpi-rayon-stage{background:#fff!important;overflow:hidden!important}
.tpi-rayon-stage>img.tpi-rayon-main,.tpi-rayon-stage>video{object-fit:contain!important;object-position:center center!important;background:#fff!important}
.tpi-rayon-thumbnails img{object-fit:contain!important;background:#fff!important}