/* Les scènes restent visibles pendant leur progression tactile. */
@media(max-width:999px) and (prefers-reduced-motion:no-preference){
 .js .p-covering-vehicules .cvx{height:240svh;overflow:clip}
 .js .p-covering-vehicules .cvx__pin{position:sticky;top:0;height:100svh;min-height:0;padding:0;display:block;overflow:hidden}
 .js .p-covering-vehicules .cvx__veh--photo{top:29%;bottom:auto;left:4%;right:4%;height:44%;width:92%}
 .js .p-covering-vehicules .cvx__head{top:calc(var(--hdr-h,70px) + 18px)}
 .js .p-covering-vehicules .cvx__stage:has(.cvx__veh--photo){inset:0;width:100%;height:100%}
 .js .p-covering-vehicules .cvx__phases{bottom:18px;display:flex;flex-wrap:wrap;gap:8px 12px;padding:12px 5%;font-size:10px}
 .js .p-covering-vehicules .cvx .cvx__stage .cvx__pt{display:grid;gap:4px;position:absolute;opacity:var(--o,0);color:#fff;transform:translateY(calc((1 - var(--o,0))*12px));max-width:46%;font-size:11px;line-height:1.35;pointer-events:none}
 .js .p-covering-vehicules .cvx .cvx__pt b{color:#fff}
 .js .p-covering-vehicules .cvx .cvx__pt--1{left:5%;top:70%}
 .js .p-covering-vehicules .cvx .cvx__pt--2{left:auto;right:5%;top:64%}
 .js .p-covering-vehicules .cvx .cvx__pt--3{left:5%;top:77%}
 .js .p-covering-vehicules .cov-proc{height:420svh;padding:0;clip-path:none;overflow:clip}
 .js .p-covering-vehicules .cov-proc__pin{position:sticky;top:0;height:100svh;padding:calc(var(--hdr-h,70px) + 12px) 0 18px;display:flex;align-items:center;overflow:hidden}
 .js .p-covering-vehicules .cov-proc__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'head' 'stage' 'steps';gap:18px;width:100%;max-height:100%}
 .js .p-covering-vehicules .cov-proc__head{display:block}
 .js .p-covering-vehicules .cov-proc__head .h-sec{font-size:clamp(23px,6vw,35px);line-height:1.08;margin:10px 0 14px}
 .js .p-covering-vehicules .cov-proc__head .kicker{font-size:9px}
 .js .p-covering-vehicules .cov-proc__bar{width:100%}
 .js .p-covering-vehicules .cov-proc__img{aspect-ratio:auto;height:clamp(160px,30svh,300px);border-radius:16px;background:#f2f5f6}
 .js .p-covering-vehicules .cov-proc__img img{object-fit:contain}
 .js .p-covering-vehicules .cov-proc__steps{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:170px}
 .js .p-covering-vehicules .cov-proc__steps li{grid-area:1/1;border:0;padding:0;opacity:0;transform:translateY(14px);transition:opacity .4s,transform .45s;pointer-events:none}
 .js .p-covering-vehicules .cov-proc[data-step="0"] li[data-i="0"],.js .p-covering-vehicules .cov-proc[data-step="1"] li[data-i="1"],.js .p-covering-vehicules .cov-proc[data-step="2"] li[data-i="2"],.js .p-covering-vehicules .cov-proc[data-step="3"] li[data-i="3"],.js .p-covering-vehicules .cov-proc[data-step="4"] li[data-i="4"],.js .p-covering-vehicules .cov-proc[data-step="5"] li[data-i="5"]{opacity:1;transform:none;pointer-events:auto}
 .js .p-covering-vehicules .cov-proc__n{font-size:32px;line-height:1;color:#087ba7}
 .js .p-covering-vehicules .cov-proc__steps h3{font-size:20px;line-height:1.15;margin:10px 0 8px}
 .js .p-covering-vehicules .cov-proc__steps p{font-size:14px;line-height:1.5}
}
@media(max-width:999px){
 .js .p-covering-vehicules .cvx__stage::before,.js .p-covering-vehicules .cvx__stage::after{content:"";position:absolute;z-index:4;pointer-events:none;background:#229ad6;opacity:clamp(0,calc((var(--p,0) - .08)*8),1);height:5px;width:38%;}
 .js .p-covering-vehicules .cvx__stage::before{left:0;top:18%;transform:translateX(calc((1 - var(--p,0))*-120%));}
 .js .p-covering-vehicules .cvx__stage::after{right:0;bottom:18%;transform:translateX(calc((1 - var(--p,0))*120%));}
 .js .p-covering-vehicules .cvx__stage{isolation:isolate}
 .js .p-covering-vehicules .cvx__veh--photo::after{content:"";position:absolute;z-index:6;left:31%;top:0;width:5px;height:42%;background:#229ad6;opacity:clamp(0,calc((var(--p,0) - .16)*8),1);transform:translateY(calc((1 - var(--p,0))*-120%));}
 .js .p-covering-vehicules .cvx{--drive:clamp(0,calc(var(--p,0)/.14),1);--bp:clamp(0,calc((var(--p,0)-.1)/.06),1);--g:clamp(0,calc((var(--p,0)-.2)/.1),1);--f:clamp(0,calc((var(--p,0)-.32)/.26),1);height:380svh}
 .js .p-covering-vehicules .cvx__l--band,.js .p-covering-vehicules .cvx__l--blue{display:block!important}
 .js .p-covering-vehicules .cvx__veh--photo{transform:translate3d(calc((1 - var(--drive))*30vw),0,0) scale(calc(.88 + var(--drive)*.12));opacity:var(--drive)}
 .js .p-covering-vehicules .cvx__l--blue{opacity:calc(var(--bp)*(1 - var(--g)));transform:translate3d(calc((1 - var(--bp))*18vw),calc((1 - var(--bp))*-10vh),0)}
 .js .p-covering-vehicules .cvx__l--band{clip-path:inset(0 calc((1 - var(--f))*100%) 0 0);transform:translateY(calc((1 - var(--f))*12vh))}
 .js .p-covering-vehicules .cvx__l--film{clip-path:inset(0 0 0 calc((1 - var(--f))*100%));transform:translateY(calc((1 - var(--f))*-10vh))}
 .js .p-covering-vehicules .cvx__l--blue svg{display:block!important}
}
@media(max-width:999px) and (max-height:700px) and (prefers-reduced-motion:no-preference){
 .js .p-covering-vehicules .cov-proc__grid{gap:10px}.js .p-covering-vehicules .cov-proc__img{height:24svh;min-height:100px}.js .p-covering-vehicules .cov-proc__steps{min-height:150px}.js .p-covering-vehicules .cov-proc__n{font-size:26px}.js .p-covering-vehicules .cov-proc__steps h3{font-size:18px}.js .p-covering-vehicules .cov-proc__steps p{font-size:12px}
}
@media(max-width:999px) and (prefers-reduced-motion:reduce){
 .js .p-covering-vehicules .cvx{height:auto;min-height:650px}
 .js .p-covering-vehicules .cvx__pin{height:650px;position:relative}
 .js .p-covering-vehicules .cvx__veh--photo{opacity:1;transform:none}
 .js .p-covering-vehicules .cvx__l--film{clip-path:none}
}
@media(max-width:999px) and (prefers-reduced-motion:no-preference){
 .js .p-covering-vehicules .cvx__veh--photo .cvx__l .pic,.js .p-covering-vehicules .cvx__veh--photo .cvx__l img{display:block;width:100%;height:100%;object-fit:contain!important}
 .js .p-covering-vehicules .cvx__phases{position:absolute;left:0;right:0;width:100%;margin:0;z-index:6}
 .js .p-covering-vehicules .cvx__squeegee{display:block;position:absolute;z-index:4;left:calc(4% + var(--reveal)*92%);top:29%;bottom:27%}
 .js .p-covering-vehicules .cov-proc__steps li{visibility:hidden}
 .js .p-covering-vehicules .cov-proc[data-step="0"] li[data-i="0"],.js .p-covering-vehicules .cov-proc[data-step="1"] li[data-i="1"],.js .p-covering-vehicules .cov-proc[data-step="2"] li[data-i="2"],.js .p-covering-vehicules .cov-proc[data-step="3"] li[data-i="3"],.js .p-covering-vehicules .cov-proc[data-step="4"] li[data-i="4"],.js .p-covering-vehicules .cov-proc[data-step="5"] li[data-i="5"]{visibility:visible}
}

/* Comparateur avant/après tactile : les commandes ne concernent que le mobile */
@media (max-width:999px){
  .p-covering-vehicules .covering-transform .cov-ba__range{z-index:10!important;touch-action:none!important;opacity:0!important}
  .p-covering-vehicules .ba-mobile-controls{display:flex!important;gap:10px!important;margin:12px auto 0!important;justify-content:center!important}
  .p-covering-vehicules .ba-mobile-controls button{border:1px solid #229ad6!important;background:#fff!important;color:#1678a5!important;border-radius:999px!important;padding:9px 20px!important;font:600 13px Arial,sans-serif!important}
  .p-covering-vehicules .ba-mobile-controls button.is-active{background:#229ad6!important;color:#fff!important}
}
@media (min-width:1000px){.ba-mobile-controls{display:none!important}}

@media (max-width:999px){
  .p-covering-vehicules .covering-transform .cov-ba{display:flex!important;flex-direction:column!important;gap:22px!important;width:100%!important;margin-top:0!important}
  .p-covering-vehicules .covering-transform .cov-ba__text{width:100%!important;max-width:none!important}
  .p-covering-vehicules .covering-transform .cov-ba__stage{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;aspect-ratio:4/3!important;order:2!important}
}

@media (max-width:999px){
  .p-covering-vehicules .us-scene,.p-covering-vehicules .us-scene__photo{background:#fff!important}
  .p-covering-vehicules .us-scene__photo img{object-fit:cover!important;background:#fff!important}
}

@media (max-width:800px){
  /* Animation covering mobile plus courte : les trois blocs apparaissent en un défilement fluide. */
  .js .p-covering-vehicules .cvx{height:145svh!important}
}

/* Covering mobile : départ en noir et blanc puis révélation progressive du covering bleu. */
@media (max-width:999px){
  .js .p-covering-vehicules .cvx__l--neutral{display:block!important;z-index:1!important}
  .js .p-covering-vehicules .cvx__l--neutral img{filter:grayscale(1) brightness(.98)!important}
  .js .p-covering-vehicules .cvx__l--film{display:block!important;z-index:2!important;transform:none!important;clip-path:inset(0 calc((1 - var(--reveal,0))*100%) 0 0)!important}
  .js .p-covering-vehicules .cvx__l--film img{filter:none!important}
  .js .p-covering-vehicules .cvx__l--band,
  .js .p-covering-vehicules .cvx__l--blue,
  .js .p-covering-vehicules .cvx__l--logo,
  .js .p-covering-vehicules .cvx__l--shine,
  .js .p-covering-vehicules .cvx__frame,
  .js .p-covering-vehicules .cvx__squeegee{display:none!important}
  .js .p-covering-vehicules .cvx__stage::before,
  .js .p-covering-vehicules .cvx__stage::after,
  .js .p-covering-vehicules .cvx__veh--photo::after{display:none!important}
}