/* Galerie commune aux six fiches, photos de détail sous le maillot. */
.hero .galerie{display:block}
.hero .photo-principale{background:#fff;aspect-ratio:3/4}
.hero .photo-principale img{object-fit:contain}
.hero .miniatures{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:3px 1px 5px}
.hero .miniatures button{flex:0 0 calc((100% - 40px)/5);min-width:54px}
.hero .miniatures img{object-fit:contain}
.hero .miniatures button{background:#fff;aspect-ratio:3/4}
@media(min-width:960px){
  .hero .galerie{display:grid;grid-template-columns:calc((100% - 56px)/5) minmax(0,1fr);column-gap:14px;align-items:start}
  .hero .photo-principale{grid-column:2;grid-row:1}
  .hero .miniatures{display:grid;grid-column:1;grid-row:1;grid-template-columns:1fr;gap:14px;margin-top:0;overflow:visible;padding:0}
  .hero .miniatures button{min-width:0;width:100%}
}
.fiche-offre{display:flex;align-items:center;gap:20px;background:#e9efdf;border-radius:12px;padding:20px;margin:24px 0 18px}
.fiche-remise{font-family:var(--display);font-size:42px;line-height:1;color:#647f30;white-space:nowrap;font-weight:400}
.fiche-remise small{font-family:var(--corps);font-size:10px;font-weight:400;margin-left:4px}
.fiche-offre strong{font-size:10px;font-weight:500;letter-spacing:.1em;color:#151b19}
.fiche-offre p{font-size:12px;line-height:1.7;color:#5c7050;margin:5px 0 0}
.fiche-garanties{display:flex;gap:10px;margin:0 0 26px}
.fiche-garanties>span{display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:11px;line-height:1.4;color:#5c7050}
.fiche-garanties svg{width:21px;height:21px}
@media(max-width:480px){
  .fiche-offre{gap:16px;padding:16px}
  .fiche-remise{font-size:36px}
  .fiche-offre strong{font-size:9px}
  .fiche-offre p{font-size:10px}
  .fiche-garanties>span{font-size:9px}
}


/* Même présentation que le catalogue de l’accueil. */
.aussi{background:#F6F5F0;padding:48px 0}
.aussi .grille-aussi{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}
.aussi .mini-carte{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transition:none}
.aussi .mini-carte[hidden]{display:none}
.aussi .mini-carte:hover{transform:none;box-shadow:none}
.aussi .mini-photo{background:#E9ECE3;border-radius:10px;aspect-ratio:1/1.08}
.aussi .mini-photo img{object-fit:contain;padding:22px;transition:transform .4s}
.aussi .mini-carte:hover .mini-photo img{transform:scale(1.05) rotate(-2deg)}
.mini-saison{position:absolute;left:15px;top:14px;font:500 10px var(--corps);letter-spacing:.08em;z-index:1}
.aussi .mini-etq{left:auto;right:12px;top:12px;padding:4px 7px;font-size:8px;letter-spacing:.03em;background:transparent;color:#526048;font-weight:500}
.aussi .mini-etq:not(.rupture){color:#23813D;font-weight:700}
.aussi .mini-etq.rupture{background:#151B19;color:#FFF}
.mini-fleche{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;background:white;border-radius:50%;color:#151B19;font-size:21px}
.aussi .mini-corps{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:15px 0 0}
.aussi .mini-club{font:600 13px var(--corps);letter-spacing:0;text-transform:none;color:#151B19}
.aussi .mini-nom{font:400 11px var(--corps);text-transform:none;color:#71786B;grid-column:1;grid-row:2}
.aussi .mini-bas{grid-column:2;grid-row:1;margin:0;padding:0;align-self:center}
.aussi .mini-prix,.aussi .mini-prix small{font:600 12px var(--corps);color:#151B19;letter-spacing:0;white-space:nowrap}

.aussi .mini-nom{font-weight:400;line-height:1.5}
.aussi .mini-carte:focus-visible{outline:3px solid #648A2B;outline-offset:5px}
@media(max-width:619px){
 .aussi .grille-aussi{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .aussi .mini-photo img{padding:10px}
 .aussi .mini-corps{gap:5px}
 .aussi .mini-club{font-size:11px}
 .aussi .mini-prix,.aussi .mini-prix small{font-size:10px}
 .aussi .mini-nom{font-size:10px}
 .mini-saison{left:10px;top:10px;font-size:8px}
 .aussi .mini-etq{right:5px;top:7px;font-size:7px}
 .mini-fleche{width:28px;height:28px;right:10px;bottom:10px;font-size:18px}
}
@media(max-width:360px){.aussi .mini-corps{display:flex;flex-direction:column}.aussi .mini-bas{align-self:start}}
@media(prefers-reduced-motion:reduce){.aussi .mini-photo img{transition:none}.aussi .mini-carte:hover .mini-photo img{transform:none}}

.aussi .mini-photo{aspect-ratio:3/4;background:#fff}
.aussi .mini-photo img{padding:0;object-fit:contain}
.aussi .mini-carte:hover .mini-photo img{transform:none}
