/* MF International v3 : mannequins habillés. */
.manq{position:relative;display:block;height:100%;isolation:isolate}
.manq img{height:100%;width:auto;max-width:none;display:block}
.manq-teinte{position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;mix-blend-mode:multiply;transition:background-color .9s}
.manq-note{font-size:12.5px;color:var(--g3);margin-top:14px;max-width:30ch}
.exp-fiche .surtitre{margin-top:12px}

/* Accueil : le défilé des tenues */
#exp0{grid-template-columns:minmax(240px,.8fr) minmax(0,1.7fr) minmax(200px,.62fr)}
.defile3{position:relative;height:min(70vh,660px)}
.defile3-piste{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 38%}
.silhouette{position:absolute;left:50%;bottom:11%;width:0;height:86%;transition:transform 1.2s var(--doux),opacity .9s,filter .9s;cursor:pointer}
.silhouette .manq{position:absolute;left:0;bottom:0;transform:translateX(-50%);-webkit-box-reflect:below 0 linear-gradient(transparent 78%,rgba(0,0,0,.2))}
.defile3-sol{position:absolute;left:4%;right:4%;bottom:10.6%;height:1px;background:linear-gradient(90deg,transparent,var(--g2) 18%,var(--g2) 82%,transparent)}
.silhouette.face .manq{animation:poser 3s ease-in-out}
@keyframes poser{0%{transform:translateX(-50%) translateY(0)}30%{transform:translateX(-50%) translateY(-6px)}100%{transform:translateX(-50%) translateY(0)}}

/* Chemises : la chemise portée, en bas à droite du portant */
.porte{position:absolute;right:var(--marge);bottom:60px;height:min(38vh,320px);z-index:6;display:flex;align-items:flex-end;gap:8px}
.porte span:last-child{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--g3);font-weight:600;writing-mode:vertical-rl;transform:rotate(180deg);padding-bottom:6px}
[data-page="chemises"] .exp-fiche{align-self:start;margin-top:15vh}

/* Ensembles : le salon d'essayage */
#exp2{background:var(--g1)}
.essayage{--h:min(72vh,680px);position:relative;height:var(--h);display:grid;place-items:end center;perspective:1300px}
.essayage-manq{position:relative;height:calc(var(--h)*.9);margin-bottom:calc(var(--h)*.045);z-index:2}
.essayage-manq.tourne{animation:essayer 1.1s var(--doux)}
@keyframes essayer{0%{transform:rotateY(0)}45%{transform:rotateY(90deg)}55%{transform:rotateY(-90deg)}100%{transform:rotateY(0)}}
.essayage-socle{position:absolute;left:50%;bottom:3%;width:min(46%,330px);aspect-ratio:5/1;border-radius:50%;transform:translateX(-50%);background:radial-gradient(closest-side,#fff,#e9e9e9 70%,#d8d8d8);box-shadow:0 14px 30px rgba(0,0,0,.12)}
.essayage-photo{position:absolute;right:2%;top:8%;width:min(28%,210px);aspect-ratio:4/5;object-fit:cover;border-radius:14px;border:6px solid var(--blanc);box-shadow:0 20px 40px -18px rgba(0,0,0,.35);transform:rotate(4deg) translateY(10px);opacity:0;transition:opacity .5s,transform .6s var(--doux)}
.essayage-photo.vu{opacity:1;transform:rotate(4deg)}
.prix-essai{font-size:17px;font-weight:600;margin-bottom:18px}
#exp2 .pastilles{margin-top:4px}

/* Jeans : la coupe */
.exp.deux .fiche-jean{display:block;margin-top:6px}
.coupe{--h:min(72vh,680px);position:relative;height:var(--h);display:grid;grid-template-columns:1fr 1fr;align-items:end;justify-items:center;gap:10px;perspective:1400px}
.coupe-manq{height:calc(var(--h)*.94)}
.carte3d{position:relative;width:min(92%,340px);aspect-ratio:3/4;align-self:center;transform-style:preserve-3d;transition:transform 1.1s var(--doux);cursor:pointer}
.carte3d span{position:absolute;inset:0;border-radius:18px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 30px 50px -24px rgba(0,0,0,.4);background:var(--g1)}
.carte3d .verso{transform:rotateY(180deg)}
.carte3d img{width:100%;height:100%;object-fit:cover}

.nav{gap:22px}
@media(max-width:980px){
  #exp0{grid-template-columns:1fr}
  .defile3{height:52vh;min-height:350px}
  .essayage,.coupe{--h:max(52vh,350px)}
  .porte{position:static;height:150px;margin-top:6px;justify-content:flex-start}
  [data-page="chemises"] .exp-fiche{margin-top:0}
  .coupe{grid-template-columns:.8fr 1fr}
  .essayage-photo{width:34%;right:0}
}
@media(prefers-reduced-motion:reduce){.essayage-manq.tourne,.silhouette.face .manq{animation:none!important}}