/* YIFAN AUTO — version 2 : scène studio. La voiture (vue 360° officielle ou détourage) flotte au-dessus d'un halo à sa couleur. */
:root{--tall:"Anton","Noto Sans SC",sans-serif;--halo:150,170,200}
.stage{position:relative;height:520vh}
.stage__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(90% 70% at 50% 46%,#26272b 0,#141518 42%,#060607 100%)}
.stage__word{position:absolute;left:0;right:0;top:calc(var(--hd) - 2vh);text-align:center;font-family:var(--tall);font-size:clamp(120px,27vw,520px);line-height:.86;letter-spacing:.01em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.17);white-space:nowrap;text-transform:uppercase;pointer-events:none;opacity:var(--wo,1);transform:translateY(var(--wy,0));font-stretch:normal;
  -webkit-mask:linear-gradient(#000 30%,transparent 96%);mask:linear-gradient(#000 30%,transparent 96%)}
.stage__floor{position:absolute;left:-10%;right:-10%;top:62%;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 38%);-webkit-mask:radial-gradient(60% 100% at 50% 0,#000,transparent);mask:radial-gradient(60% 100% at 50% 0,#000,transparent)}
.stage__dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}
.stage__car{position:absolute;left:50%;top:54%;width:min(74vw,128vh);aspect-ratio:1316/740;transform:translate(-50%,-50%) translate3d(var(--cx,0),var(--cy,0),0) scale(var(--cs,1));will-change:transform;display:grid;place-items:center}
.stage__car::before{content:"";position:absolute;left:4%;right:4%;bottom:6%;height:26%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--halo),.75),rgba(var(--halo),.22) 55%,transparent 100%);filter:blur(22px);opacity:var(--ho,.8);transform:scale(var(--hs,1))}
.stage__car::after{content:"";position:absolute;left:14%;right:14%;bottom:13.5%;height:5%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.9),transparent);filter:blur(7px)}
.stage__car .bob{position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center;animation:bob 6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-1.1%)}}
.stage__car img{grid-area:1/1;max-width:100%;max-height:100%;object-fit:contain;transition:opacity .7s var(--ease);filter:drop-shadow(0 30px 30px rgba(0,0,0,.55))}
.stage__car img.off{opacity:0}
.stage__ring{position:absolute;left:50%;top:54%;width:min(86vw,150vh);aspect-ratio:1/1;border-radius:50%;transform:translate(-50%,-50%) scale(var(--rs,.4));background:radial-gradient(closest-side,rgba(var(--halo),.0) 46%,rgba(var(--halo),.28) 60%,rgba(255,255,255,.1) 64%,transparent 72%);opacity:var(--ro,0);filter:blur(10px);pointer-events:none}
.sp{position:absolute;z-index:5;opacity:var(--o,0);transform:translateY(calc((1 - var(--o,0)) * 40px));pointer-events:none;visibility:hidden}
.sp.live{pointer-events:auto;visibility:visible}
.sp--a{left:var(--pad);right:var(--pad);bottom:clamp(26px,6vh,70px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.sp--a h1{font-family:var(--tall);font-size:clamp(64px,10.5vw,200px);line-height:.9;text-transform:uppercase;letter-spacing:.005em;font-weight:400;font-stretch:normal}
.sp__tag{color:#c9cdd4;max-width:52ch;margin-top:14px;font-size:clamp(14px,1.2vw,18px)}
.sp__r{display:grid;gap:14px;justify-items:end;text-align:right}
.sp--b{left:var(--pad);top:calc(var(--hd) + 5vh);max-width:min(40vw,520px)}
.sp--b h2,.sp--c h2{font-family:var(--tall);font-weight:400;font-stretch:normal;text-transform:uppercase;letter-spacing:.005em}
.sp--b h2{font-size:clamp(46px,6.4vw,118px);line-height:.92;margin-top:12px}
.sp--b p{color:#c9cdd4;margin-top:16px;font-size:clamp(14px,1.15vw,17px);max-width:42ch}
.schips{position:absolute;inset:0;z-index:4;pointer-events:none}
.chipx{position:absolute;display:inline-flex;align-items:baseline;gap:10px;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(18,19,22,.55);backdrop-filter:blur(12px);font-size:13px;color:var(--mut);opacity:var(--o,0);transform:translateY(calc((1 - var(--o,0)) * 26px)) scale(calc(.94 + var(--o,0) * .06));white-space:nowrap}
.chipx b{font-family:var(--disp);font-size:17px;color:#fff;font-weight:700}
.chipx i{width:6px;height:6px;border-radius:50%;background:rgb(var(--halo));box-shadow:0 0 12px rgb(var(--halo));align-self:center;font-style:normal}
.sp--c{left:0;right:0;top:calc(var(--hd) + 3vh);text-align:center}
.sp--c h2{font-size:clamp(34px,4.4vw,76px);margin-top:10px}
.feats{position:absolute;z-index:5;top:26vh;bottom:8vh;width:min(25vw,330px);display:grid;gap:12px;align-content:center;pointer-events:none}
.feats--l{left:var(--pad)}.feats--r{right:var(--pad)}
.feat{padding:18px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(10px);opacity:var(--o,0);transform:translateX(calc((1 - var(--o,0)) * var(--dx,-40px)))}
.feats--r .feat{--dx:40px}
.feat small{display:block;color:var(--mut);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.feat b{display:block;font-family:var(--disp);font-size:clamp(17px,1.5vw,22px);margin-top:6px;line-height:1.15}
.stage__hint{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:6;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--mut);opacity:var(--o,1)}
.stage__deg{position:absolute;right:var(--pad);top:calc(var(--hd) + 20px);z-index:6;font-family:var(--disp);font-size:12px;letter-spacing:.2em;color:var(--mut);display:flex;align-items:center;gap:10px}
.stage__deg i{width:34px;height:34px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font-style:normal}
.stage__deg i::before{content:"";width:1px;height:12px;background:#fff;transform:rotate(var(--deg,0deg));transform-origin:50% 100%;margin-top:-12px}
/* cartes v2 : voiture détourée sur tuile studio */
.card--v2 .card__img{background:radial-gradient(80% 70% at 50% 60%,#2a2b30,#111215 70%);display:grid;place-items:center}
.card--v2 .card__img::after{content:"";position:absolute;left:12%;right:12%;bottom:12%;height:22%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--halo),.6),transparent);filter:blur(16px);opacity:.55;transition:opacity .6s,transform .8s var(--ease)}
.card--v2:hover .card__img::after{opacity:1;transform:scale(1.25)}
.card--v2 .card__img img{position:relative;inset:auto;z-index:1;width:84%;height:74%;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(0,0,0,.6));transition:transform 1s var(--ease)}
.card--v2:hover .card__img img{transform:scale(1.07) translateX(2%)}
.card--v2 .card__img img+img{display:none}
@media (max-width:900px){
  .stage{height:460vh}
  .stage__car{width:112vw;top:46%}
  .sp--a{grid-template-columns:1fr;gap:14px}.sp__r{justify-items:start;text-align:left}
  .sp--b{max-width:none;right:var(--pad);top:calc(var(--hd) + 2vh)}
  .feats{position:absolute;top:auto;bottom:5vh;width:44vw;gap:8px}.feat{padding:10px 12px}.feat b{font-size:14px}
  .chipx{padding:7px 11px;font-size:11px}.chipx b{font-size:14px}
  .stage__deg{display:none}
}
@media (prefers-reduced-motion:reduce){.stage__car .bob{animation:none}}
.stage__car.is-spin{width:min(108vw,186vh);top:52%}
.stage__car.is-spin::before{left:24%;right:24%;bottom:17%;height:20%}
.stage__car.is-spin::after{left:30%;right:30%;bottom:21%;height:4%}
.stage__floor{top:58%;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 46%);-webkit-mask:radial-gradient(70% 100% at 50% 0,#000 10%,transparent 78%);mask:radial-gradient(70% 100% at 50% 0,#000 10%,transparent 78%)}
@media (max-width:900px){.stage__car.is-spin{width:176vw}}

/* ===== accueil v2 : héros noir, puis salle blanche ===== */
.h2hero{position:relative;height:100vh;height:100svh;min-height:600px;background:#000;overflow:hidden}
.h2hero__car{position:absolute;left:52%;top:50%;width:min(118vw,200vh);aspect-ratio:1316/740;transform:translate(-50%,-50%) scale(var(--hs,1));filter:blur(var(--hb,0));opacity:var(--ho,1);cursor:grab;touch-action:pan-y}
.h2hero__car:active{cursor:grabbing}
.h2hero__car img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 40px 50px rgba(0,0,0,.8))}
.h2hero__car::before{content:"";position:absolute;left:26%;right:26%;bottom:18%;height:18%;border-radius:50%;background:radial-gradient(closest-side,rgba(190,205,230,.5),transparent);filter:blur(26px)}
.h2hero__l{position:absolute;left:var(--pad);top:calc(var(--hd) + 5vh);max-width:290px;z-index:3}
.h2hero__pin{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;margin-bottom:14px}
.h2hero__l p{font-size:15px;line-height:1.45;color:#e9ebee}
.h2hero__w{position:absolute;right:var(--pad);left:var(--pad);bottom:clamp(22px,5vh,54px);display:flex;justify-content:flex-end;align-items:flex-end;gap:clamp(20px,5vw,90px);z-index:3;pointer-events:none}
.h2hero__w span{font-family:var(--body);font-weight:500;font-size:clamp(44px,7.6vw,140px);line-height:.95;letter-spacing:-.045em}
.h2hero__w .g{color:#6d7178}
.h2hero__s{position:absolute;left:var(--pad);bottom:clamp(22px,5vh,54px);font-size:12px;font-weight:600;z-index:3}
.h2hero__drag{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);z-index:3;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#9aa0aa;display:flex;gap:10px;align-items:center;pointer-events:none}
.h2hero__drag::before,.h2hero__drag::after{content:"";width:26px;height:1px;background:#9aa0aa}
.lt{background:#f5f5f3;color:#0b0c0e;position:relative}
.lt .eyebrow{color:#6b7078}
.lt .btn--k{background:#0b0c0e;color:#fff}.lt .btn--k::before{background:var(--acc)}
.lt .btn--o{border:1px solid rgba(0,0,0,.2);color:#0b0c0e}.lt .btn--o::before{background:#0b0c0e}.lt .btn--o:hover{color:#fff}
.h2in{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,70px);padding:clamp(70px,12vh,150px) var(--pad);align-items:center}
.h2in__card{border-radius:18px;background:#000;aspect-ratio:1.3;display:grid;place-items:center;overflow:hidden;position:relative}
.h2in__card img{width:128%;max-width:none;transform:translateX(var(--kx,0))}
.h2in p.big,.h2st p.big{font-family:var(--body);font-weight:500;font-size:clamp(26px,3.5vw,58px);line-height:1.1;letter-spacing:-.035em}
.blurw .w{display:inline-block;opacity:.12;filter:blur(8px);transition:opacity .5s,filter .5s}.blurw .w.lit{opacity:1;filter:none}
.h2brands{display:flex;flex-wrap:wrap;gap:10px 34px;padding:0 var(--pad) 30px;color:#9b9fa6;font-size:13px;font-weight:600;letter-spacing:.04em}
.h2st{padding:clamp(60px,10vh,130px) 0 clamp(50px,8vh,100px);text-align:center;overflow:hidden}
.h2st p.big{max-width:17ch;margin:0 auto;padding:0 20px}
.h2st__row{display:flex;gap:clamp(30px,5vw,90px);align-items:flex-end;margin-top:clamp(50px,9vh,110px);width:max-content;will-change:transform}
.h2st__row img{height:clamp(70px,10vw,150px);width:auto}
.fleet{position:relative}
.fleet__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid}
.fleet__word{position:absolute;left:0;right:0;top:17vh;text-align:center;font-family:var(--tall);font-stretch:normal;font-size:clamp(90px,21vw,400px);line-height:.9;color:#0b0c0e;white-space:nowrap;text-transform:uppercase;overflow:hidden;height:1em}
.fleet__word span{position:absolute;inset:0;transform:translateY(105%);transition:transform 1s var(--io)}
.fleet__word span.on{transform:none}.fleet__word span.past{transform:translateY(-105%)}
.fleet__brand{position:absolute;left:0;right:0;top:calc(var(--hd) + 3vh);text-align:center;font-size:11px;letter-spacing:.5em;font-weight:700;color:#0b0c0e}
.fleet__cars{position:absolute;left:0;right:0;top:25vh;bottom:22vh}
.fleet__car{position:absolute;inset:0;display:grid;place-items:center;transform:translateX(70vw);opacity:0;transition:transform 1.15s var(--io),opacity .5s}
.fleet__car.on{transform:none;opacity:1}.fleet__car.past{transform:translateX(-70vw)}
.fleet__car img{max-width:min(82vw,1150px);max-height:100%;object-fit:contain;filter:drop-shadow(0 34px 26px rgba(0,0,0,.28))}
.fleet__bar{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(18px,4vh,40px);display:grid;grid-template-columns:auto 1fr auto auto auto;gap:8px;align-items:stretch}
.fleet__bar>*{background:#ececea;border-radius:14px;padding:18px 22px;display:flex;flex-direction:column;justify-content:center}
.fleet__nav{width:64px;align-items:center;font-size:20px;transition:background .3s}.fleet__nav:hover{background:#0b0c0e;color:#fff}
.fleet__name b{font-family:var(--body);font-weight:600;font-size:clamp(22px,2.4vw,38px);letter-spacing:-.03em;line-height:1.05}
.fleet__name span{color:#6b7078;font-size:13.5px;margin-top:6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.fleet__st{font-size:12px;font-weight:700;gap:8px;flex-direction:row!important;align-items:center;white-space:nowrap}
.fleet__p small{color:#6b7078;font-size:11px;font-weight:600}.fleet__p b{font-family:var(--body);font-size:clamp(18px,1.6vw,24px);letter-spacing:-.02em;white-space:nowrap}
.fleet__p .btn{height:40px;padding:0 18px;font-size:13px;margin-top:8px}
.fleet__dots{position:absolute;right:var(--pad);top:50%;display:grid;gap:8px;transform:translateY(-50%)}
.fleet__dots i{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,.18);transition:background .3s,transform .3s}.fleet__dots i.on{background:#0b0c0e;transform:scale(1.5)}
/* catalogue v2 : entête de marque */
.bhero{position:relative;overflow:hidden;padding:calc(var(--hd) + 6vh) 0 0;background:#f5f5f3;color:#0b0c0e}
.bhero h1{font-family:var(--tall);font-weight:400;font-stretch:normal;font-size:clamp(90px,22vw,420px);line-height:.86;text-align:center;text-transform:uppercase;white-space:nowrap}
.bhero__row{display:flex;justify-content:center;align-items:flex-end;gap:clamp(14px,3vw,50px);margin-top:-6vw;padding:0 var(--pad) 34px;position:relative}
.bhero__row img{height:clamp(80px,13vw,210px);width:auto;filter:drop-shadow(0 20px 16px rgba(0,0,0,.25));animation:rise 1s var(--ease) both;animation-delay:calc(var(--i) * 90ms)}
@keyframes rise{from{opacity:0;transform:translateX(60px)}}
.bhero__m{display:flex;justify-content:space-between;gap:20px;padding:0 var(--pad) 26px;font-size:13px;color:#6b7078;font-weight:600}
.btabs{display:flex;gap:6px;overflow-x:auto;padding:14px var(--pad);background:#f5f5f3;border-bottom:1px solid rgba(0,0,0,.08);scrollbar-width:none;position:sticky;top:var(--hd);z-index:41}
.btabs::-webkit-scrollbar{display:none}
.btabs a{flex:none;height:38px;padding:0 16px;border-radius:999px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#0b0c0e;border:1px solid rgba(0,0,0,.14);transition:all .3s}
.btabs a:hover,.btabs a[aria-current]{background:#0b0c0e;color:#fff;border-color:#0b0c0e}
.sw{display:flex;gap:10px;align-items:center;margin-top:18px}.sw button{width:28px;height:28px;border-radius:50%;border:2px solid transparent;outline:1px solid rgba(255,255,255,.35);outline-offset:2px;transition:transform .3s}.sw button[aria-pressed=true]{outline-color:#fff;transform:scale(1.12)}.sw span{font-size:12px;color:var(--mut);margin-left:6px}
@media (max-width:900px){
  .h2hero__car{width:190vw;top:46%;left:50%}.h2hero__l{top:calc(var(--hd) + 2vh);max-width:70vw}.h2hero__w{flex-direction:column;align-items:flex-end;gap:0}.h2hero__drag{bottom:27%}
  .h2in{grid-template-columns:1fr}
  .fleet__bar{grid-template-columns:auto 1fr auto}.fleet__name{grid-column:1/-1;order:-1}.fleet__st{display:none!important}.fleet__p{order:0}
  .fleet__bar>*{padding:12px 14px}.fleet__nav{width:50px}.fleet__dots{display:none}
  .fleet__cars{top:26vh;bottom:36vh}.fleet__car img{max-width:118vw}
  .bhero__row img:nth-child(n+4){display:none}
}
.btabs+.filters{top:calc(var(--hd) + 67px)}

body[data-page=cat] .hd{background:rgba(6,7,10,.92);backdrop-filter:blur(18px)}
.fleet__word span{font-size:var(--fs,1em)}

/* téléphone : voiture entière à l'écran, à chaque étape */
@media (max-width:900px){
  .stage__car{width:96vw;top:44%}
  .stage__car.is-spin{width:158vw;top:43%}
  .h2hero__car{width:148vw;top:47%;left:50%}
  .fleet__car img{max-width:96vw}
  .fleet__word{top:19vh;font-size:26vw}
  .sp--a h1{font-size:clamp(46px,15vw,84px)}
  .sp--b h2{font-size:clamp(38px,12vw,64px)}
  .feats{bottom:3vh}
  .schips .chipx{left:auto!important;top:auto!important;position:relative;margin:0 6px 6px 0}
  .schips{inset:auto 0 4vh 0;padding:0 var(--pad);display:flex;flex-wrap:wrap}
  .bhero__row img{height:22vw}
}

/* ===== version 3 (13/11/2026) — fond noir d'origine. Les voitures sont les rendus Flow 2K sur fond blanc, détourés. Héros : les voitures défilent une à une. ===== */
.h2hero__car{left:50%;top:51%;width:min(64vw,106vh);aspect-ratio:16/9}
.h2hero__car::before{left:16%;right:16%;bottom:6%;height:20%}
.hslide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateX(10%);transition:opacity .8s,transform 1.15s var(--io)}
.hslide.in{opacity:1;transform:none}.hslide.out{opacity:0;transform:translateX(-10%)}
.h2hero__car .hslide img{grid-area:1/1;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transition:opacity .9s;filter:drop-shadow(0 34px 34px rgba(0,0,0,.75))}
.h2hero__car .hslide img.off{opacity:0}
.h2hero__car .hslide.is-spin img{width:150%;max-width:none;max-height:none;transition:none}
.h2hero__cap{position:absolute;right:var(--pad);top:calc(var(--hd) + 5vh);z-index:3;text-align:right;display:grid;gap:12px;justify-items:end;min-width:230px}
.h2hero__cap a{display:grid;gap:2px;justify-items:end}
.h2hero__cap small{font-size:11px;letter-spacing:.4em;font-weight:700;text-transform:uppercase;color:#9aa0aa}
.h2hero__cap b{font-family:var(--body);font-weight:600;font-size:clamp(24px,2.6vw,42px);letter-spacing:-.03em;line-height:1.05}
.h2hero__cap a span{font-size:15px;font-weight:600;color:#e9ebee}
.h2hero__cap em{font-style:normal;font-size:13px;font-weight:700;margin-top:6px;border-bottom:1px solid currentColor}
.h2hero__nav{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.12em;color:#9aa0aa}
.h2hero__nav button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.22);font-size:18px;color:#fff;transition:background .3s,color .3s}.h2hero__nav button:hover{background:#fff;color:#0b0c0e}
.h2hero__bar{width:230px;height:2px;background:rgba(255,255,255,.14)}.h2hero__bar i{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(0)}
.h2hero__drag{transition:opacity .5s;bottom:25%}
@media (max-width:900px){
  .h2hero__car{width:98vw;top:42%;left:50%}.h2hero__car .hslide.is-spin img{width:158%}
  .h2hero__cap{top:auto;bottom:calc(clamp(22px,5vh,54px) + 150px);left:var(--pad);right:var(--pad);text-align:left;justify-items:start;gap:8px}.h2hero__cap a{justify-items:start}.h2hero__bar{width:100%}
  .h2hero__drag{display:none}
}

/* téléphone : la voiture reste entière au-dessus du titre, même avec un nom long */
@media (max-width:900px){.stage__car{top:35%}.stage__car.is-spin{top:35%}.sp--a h1{font-size:clamp(38px,11.5vw,64px)}.sp--a .panel__st{font-size:10px;margin-bottom:8px}}

/* ===== version 4 (14/11/2026) — mixte : le noir quand il faut, le blanc quand il faut. Voiture foncée -> studio blanc (rendu Flow entier, avec son ombre). Voiture claire -> scène noire (rendu détouré). Lecture (mesures, fiche technique) sur clair. ===== */
body.lt-top .hd{background:rgba(6,7,10,.92);backdrop-filter:blur(18px)}
/* scène de la fiche */
.stage__pin::before{content:"";position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .7s}
.stage.is-lt .stage__pin::before{opacity:1}
.stage__pin{transition:color .5s}
.stage.is-lt .stage__pin{color:#0b0c0e}
.stage.is-lt .stage__word{-webkit-text-stroke:1px rgba(11,12,14,.15)}
.stage.is-lt .stage__floor,.stage.is-lt .stage__ring,.stage.is-lt .stage__dust,.stage.is-lt .stage__car::before,.stage.is-lt .stage__car::after{display:none}
.stage.is-lt .stage__car:not(.is-spin){width:min(64vw,108vh)}
.stage.is-lt .stage__car img{filter:none}
.stage.is-lt .stage__car.is-spin::after{display:block;background:radial-gradient(closest-side,rgba(0,0,0,.36),transparent)}
.stage.is-lt .stage__car.is-spin img{filter:drop-shadow(0 26px 22px rgba(0,0,0,.16))}
.stage.is-lt .crumb{color:#6b7078}.stage.is-lt .crumb a:hover{color:#0b0c0e}
.stage.is-lt .sp__tag,.stage.is-lt .sp--b p{color:#4c5159}
.stage.is-lt .eyebrow,.stage.is-lt .price small,.stage.is-lt .stage__hint,.stage.is-lt .stage__deg{color:#6b7078}
.stage.is-lt .sp--a h1{font-size:clamp(56px,7.4vw,140px)}
.stage.is-lt .btn--w{background:#0b0c0e;color:#fff}
.stage.is-lt .btn--g{border-color:rgba(0,0,0,.2);color:#0b0c0e;background:transparent}.stage.is-lt .btn--g::before{background:#0b0c0e}.stage.is-lt .btn--g:hover{color:#fff;border-color:#0b0c0e}
.stage.is-lt .chipx{border-color:rgba(0,0,0,.1);background:rgba(255,255,255,.86);color:#6b7078;box-shadow:0 10px 30px rgba(0,0,0,.07)}
.stage.is-lt .chipx b{color:#0b0c0e}.stage.is-lt .chipx i{background:#0b0c0e;box-shadow:none}
.stage.is-lt .feat{border-color:rgba(0,0,0,.1);background:rgba(255,255,255,.88);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.stage.is-lt .feat small{color:#6b7078}
.stage.is-lt .stage__deg i{border-color:rgba(0,0,0,.22)}.stage.is-lt .stage__deg i::before{background:#0b0c0e}
.stage.is-lt .sw button{outline-color:rgba(0,0,0,.25)}.stage.is-lt .sw button[aria-pressed=true]{outline-color:#0b0c0e}.stage.is-lt .sw span{color:#6b7078}
@media (max-width:900px){.stage.is-lt .stage__car:not(.is-spin){width:96vw}.stage.is-lt .sp--a h1{font-size:clamp(38px,11.5vw,64px)}}
/* héros de l'accueil : le fond suit la voiture */
.h2hero{transition:background-color .4s .3s,color .4s .3s}
.h2hero.is-lt{background:#fff;color:#0b0c0e}
.h2hero__car::before{transition:opacity .4s}.h2hero.is-lt .h2hero__car::before{opacity:0}
.hslide.quick{transition:opacity .3s,transform 1.15s var(--io)}
.h2hero__car .hslide.on-lt img{filter:none;max-width:118%;max-height:118%}
.h2hero__car .hslide.on-lt.is-spin img{filter:drop-shadow(0 26px 22px rgba(0,0,0,.16));max-width:none;max-height:none}
.h2hero__l p,.h2hero__cap small,.h2hero__cap a span,.h2hero__nav,.h2hero__nav button,.h2hero__bar,.h2hero__bar i{transition:color .4s .3s,background-color .4s .3s,border-color .4s .3s}
.h2hero.is-lt .h2hero__l p{color:#4c5159}
.h2hero.is-lt .h2hero__cap small,.h2hero.is-lt .h2hero__nav{color:#6b7078}
.h2hero.is-lt .h2hero__cap a span{color:#0b0c0e}
.h2hero.is-lt .h2hero__nav button{border-color:rgba(0,0,0,.16);color:#0b0c0e}.h2hero.is-lt .h2hero__nav button:hover{background:#0b0c0e;color:#fff}
.h2hero.is-lt .h2hero__bar{background:rgba(0,0,0,.1)}.h2hero.is-lt .h2hero__bar i{background:#0b0c0e}
/* cartes : tuile blanche pour une voiture foncée, tuile noire pour une voiture claire */
.card--v2.is-lt .card__img{background:#fff}
.card--v2.is-lt .card__img::after{display:none}
.card--v2.is-lt .card__img img{width:90%;height:84%;filter:none}
.card--v2.is-lt .card__img img[src*="/s1."],.card--v2.is-lt .card__img img[src*="/s2."]{filter:drop-shadow(0 18px 14px rgba(0,0,0,.2))}
/* lecture sur clair : mesures et fiche technique */
.dim,.specs{background:#f5f5f3;color:#0b0c0e;--line:rgba(0,0,0,.1);--line2:rgba(0,0,0,.22);--mut:#6b7078}
.dim{border-block:0}
.dim svg text{fill:#0b0c0e}.dim svg .body{fill:rgba(0,0,0,.03);stroke:rgba(0,0,0,.42)}
/* accueil : barre du haut toujours sombre, pour rester lisible pendant la bascule du fond */
body[data-page=home] .hd{background:rgba(6,7,10,.92);backdrop-filter:blur(18px)}