:root{--acc:#2563EB;--on:#fff;--bg:#fff;--soft:#F5F7FB;--ink:#0F172A;--mut:#5B6577;--line:#E5E9F1;--f:'Plus Jakarta Sans','Helvetica Neue',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--f)}
h1,h2,h3{font-family:var(--fh,var(--f));font-weight:var(--fw,700);line-height:1.1;letter-spacing:-.025em;margin:0}
a{color:inherit}.w{max-width:1120px;margin:0 auto;padding:0 22px}
header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;padding:14px 22px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;text-decoration:none;letter-spacing:-.02em}
.mark{width:28px;height:28px;border-radius:9px;background:var(--acc)}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--mut);font-size:15px;font-weight:500;padding:8px 14px;border-radius:99px}
nav a:hover{background:var(--soft);color:var(--ink)}
nav a[aria-current]{background:color-mix(in srgb,var(--acc) 13%,#fff);color:var(--ink)}
.btn{display:inline-block;background:var(--acc);color:var(--on);font:600 15px var(--f);padding:13px 24px;border-radius:var(--rb,12px);text-decoration:none;border:0;cursor:pointer}
.btn:hover{filter:brightness(.93)}
.btn.o{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.btn.o:hover{border-color:var(--acc);filter:none}
.btn.inv{background:var(--on);color:var(--acc)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.hero{padding:92px 0 80px;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 10%,#fff),#fff)}
.kick{display:inline-block;background:color-mix(in srgb,var(--acc) 15%,#fff);font-weight:600;font-size:14px;padding:6px 14px;border-radius:99px;margin-bottom:22px}
.hero h1{font-size:clamp(38px,6.5vw,68px);max-width:12em}
.hero p{font-size:20px;color:var(--mut);max-width:32em;margin:22px 0 32px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
section{padding:72px 0}
h2{font-size:clamp(28px,4vw,40px);margin-bottom:30px}
.lead{font-size:20px;color:var(--mut);max-width:34em;margin:0}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feat>div{background:var(--soft);border-radius:var(--r,20px);padding:28px}
.n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--acc);color:var(--on);font-weight:700;margin-bottom:16px}
.feat h3{font-size:21px;margin-bottom:8px}.feat p{margin:0;color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.c{background:#fff;border:1px solid var(--line);border-radius:var(--r,20px);overflow:hidden;box-shadow:0 8px 28px -16px rgba(15,23,42,.25);transition:transform .2s}
.c:hover{transform:translateY(-3px)}
.c .main{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--soft);display:block}
.th{display:flex;gap:6px;padding:10px 16px 0;overflow-x:auto}.th img{width:56px;height:42px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.7}.th img:hover{opacity:1}
.in{padding:14px 20px 20px}.in h3{font-size:20px}.m{color:var(--mut);font-size:14px;margin:4px 0 10px}.pr{font-weight:800;font-size:22px}
.tag{display:inline-block;background:var(--acc);color:var(--on);font-weight:600;font-size:12px;border-radius:99px;padding:2px 10px;margin-left:8px;vertical-align:middle}
.panel{background:var(--acc);color:var(--on);border-radius:calc(var(--r,20px) + 8px);padding:52px 40px}
.panel h2{margin-bottom:12px}.panel p{margin:0 0 26px;max-width:32em;opacity:.92}
.two{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:start}
.info p{margin:0 0 20px;color:var(--mut)}.info b{display:block;color:var(--ink);font-size:17px}
.chat{background:#fff;border:1px solid var(--line);border-radius:calc(var(--r,20px) + 2px);overflow:hidden;box-shadow:0 18px 44px -24px rgba(15,23,42,.35)}
.ch{padding:16px 20px;border-bottom:1px solid var(--line);font-weight:700}.ch small{display:block;color:var(--mut);font-weight:400;font-size:13px}
#lg{height:400px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--soft)}
.b,.u{max-width:86%;padding:11px 15px;border-radius:16px;font-size:15.5px;line-height:1.5;white-space:pre-wrap}
.b{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}
.u{background:var(--acc);color:var(--on);align-self:flex-end;border-bottom-right-radius:4px}
.r{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.r input{flex:1;min-width:0;font:inherit;font-size:16px;padding:12px 16px;border:1.5px solid var(--line);border-radius:99px;background:#fff;color:var(--ink)}
.off{padding:90px 0;text-align:center;color:var(--mut);font-size:20px}
footer{background:var(--soft);color:var(--mut);font-size:14px;margin-top:20px}
footer .bar{padding:28px 22px calc(32px + env(safe-area-inset-bottom,0px))}
[data-c]{white-space:pre-line}
[hidden],[data-off]{display:none!important}
.dsc{margin:10px 0 0;color:var(--mut);font-size:15px;line-height:1.55;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dsc.open{display:block}
.more{padding:10px 0 0;color:var(--acc);font:600 14px var(--f)}
.c{cursor:pointer}.c:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.hist{display:inline-block;margin-top:12px;padding:9px 16px;font-size:14px}
@media(max-width:780px){.feat,.two{grid-template-columns:1fr}.two{gap:30px}.hero{padding:56px 0}section{padding:52px 0}.panel{padding:36px 24px}}

.logo img.lg{height:54px;width:auto;max-width:240px;object-fit:contain;border-radius:6px}
.hero.photo{background-size:cover;background-position:center;padding:130px 0 120px}
@media(max-width:780px){.hero.photo{padding:80px 0}.logo img.lg{height:42px;max-width:170px}}

.mo{position:fixed;inset:0;z-index:50;background:rgba(15,23,42,.55);display:flex;justify-content:center;align-items:flex-start;padding:24px 14px;overflow-y:auto}
.md{position:relative;margin:auto;background:#fff;border-radius:24px;max-width:980px;width:100%;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;box-shadow:0 30px 80px -20px rgba(15,23,42,.5)}
.md .big{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--soft)}
.md .th{padding:12px 16px 16px}.md .th img{width:76px;height:56px}
.md .tx{padding:34px 30px}.md h2{font-size:clamp(24px,3vw,32px);margin:0 0 10px}
.md .pr{font-size:28px;margin-bottom:6px}
.md h3{font-size:17px;margin:22px 0 6px}
.spec{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:16px 0 0;font-size:15.5px}.spec dt{color:var(--mut)}.spec dd{margin:0;font-weight:600}
.full{margin:0;color:var(--mut);white-space:pre-line;line-height:1.65}
.md .cta{margin-top:26px}
.md .x{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.25);cursor:pointer;font-size:18px;z-index:2}
@media(max-width:780px){.md{grid-template-columns:1fr}.md .tx{padding:24px 20px 28px}}

.fc{display:flex;gap:8px 22px;flex-wrap:wrap}

.mo{padding:20px 12px}
.md{max-width:1240px;grid-template-columns:1.4fr 1fr;min-height:min(640px,92vh)}
.md .big{aspect-ratio:auto;height:min(560px,62vh);min-height:340px}
.md .th img{width:96px;height:68px}
.md .tx{padding:44px 40px}.md h2{font-size:clamp(28px,3.4vw,40px)}
.md .pr{font-size:34px;margin-bottom:10px}
.spec{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0}.spec>div{background:var(--soft);border-radius:14px;padding:12px 14px}.spec dt{font-size:13px;margin:0}.spec dd{font-size:17px;margin:2px 0 0}
@media(max-width:900px){.md{grid-template-columns:1fr}.md .big{height:auto;aspect-ratio:4/3;min-height:0}.md .tx{padding:26px 20px 30px}}

.fm .fb{padding:20px 22px 24px;display:grid;gap:6px}
.fm label{font-weight:600;font-size:14px;margin-top:8px}
.fm input,.fm textarea{font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);width:100%}
.fm textarea{resize:vertical}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fm .btn{margin-top:16px;width:100%}
.msg{margin:8px 0 0;color:var(--mut);font-size:14px;min-height:1.2em}
@media(max-width:560px){.f2{grid-template-columns:1fr}}

.md .cta{display:flex;gap:10px;flex-wrap:wrap}.md .cta .btn{padding:12px 18px}
.rpl{margin:18px 0 0;font-size:14.5px}.rpl a{color:var(--acc);font-weight:600}

/* ---- Mobile : en-tête compact, cartes et fiche plus légères ---- */
@media(max-width:780px){
 body{font-size:16px}
 .bar{padding:10px 22px;gap:6px}
 .logo{font-size:18px}
 nav{flex-wrap:nowrap;overflow-x:auto;width:calc(100% + 44px);margin:0 -22px;padding:0 22px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 nav::-webkit-scrollbar{display:none}
 nav a{white-space:nowrap;padding:7px 13px;font-size:14.5px}
 .hero{padding:40px 0 36px}.hero.photo{padding:64px 0 56px}
 .hero h1{font-size:clamp(32px,9vw,42px)}.hero p{font-size:17px;margin:16px 0 24px}
 .cta .btn{flex:1 1 100%;text-align:center}
 section{padding:40px 0}h2{margin-bottom:20px}
 .lead{font-size:17px}
 .grid{gap:18px}
 .c .main{aspect-ratio:16/10}
 .in{padding:12px 16px 16px}.in h3{font-size:18px}.pr{font-size:20px}
 .md .big{aspect-ratio:16/10}
 .md .th{padding:10px 14px}.md .th img{width:70px;height:52px}
 .md .tx{padding:20px 16px 24px}
 .md h2{font-size:24px}.md .pr{font-size:26px}
 .spec{gap:8px}.spec>div{padding:10px 12px}.spec dd{font-size:15.5px}
 .md .cta .btn{flex:1 1 calc(50% - 5px);text-align:center;padding:12px 10px}
 .panel{border-radius:22px}
 #lg{height:340px}
 footer .bar{flex-direction:column;align-items:flex-start}
}

.promo{background:var(--acc);color:var(--on);text-align:center;padding:9px 16px;font-size:14.5px;font-weight:600}
.fc .soc{font-weight:600}
.flt{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}
.flt input,.flt select{font:inherit;font-size:15.5px;padding:11px 14px;border:1.5px solid var(--line);border-radius:var(--rb,12px);background:#fff;color:var(--ink);min-width:0}
.flt input{flex:1 1 220px}
@media(max-width:560px){.flt select{flex:1 1 45%}}

.bw{position:relative}
.nv{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(15,23,42,.25);font-size:26px;line-height:1;cursor:pointer;color:#0F172A}
.nv.pv{left:12px}.nv.nx{right:12px}.nv:hover{background:#fff}
.legal h2{font-size:22px;margin:34px 0 10px}.legal p{color:var(--mut);white-space:pre-line;max-width:46em;margin:0 0 12px}
.rgpd{font-size:12.5px;color:var(--mut);margin:10px 0 0;line-height:1.45}.rgpd a{color:inherit}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px 0}.chips button{font:600 13.5px var(--f);border:1.5px solid var(--line);background:#fff;color:var(--ink);padding:8px 13px;border-radius:99px;cursor:pointer}.chips button:hover{border-color:var(--acc)}
.mbar{display:none}
@media(max-width:780px){
 .mbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
 .mbar .btn{flex:1;text-align:center;padding:13px 10px}
 body.hasbar{padding-bottom:74px}
 .nv{width:40px;height:40px}
}

/* ---- aperçu éditable ---- */
.prev [data-c]:hover{outline:2px dashed var(--acc);outline-offset:4px;cursor:text;border-radius:4px}
.prev [data-c][contenteditable]{outline:2px solid var(--acc);outline-offset:4px;border-radius:4px}
.prev [data-blk]{position:relative}
.btb{position:absolute;top:8px;right:8px;z-index:9;display:none;gap:4px;background:#0F172A;padding:4px;border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,.35)}
.prev [data-blk]:hover>.btb{display:flex}
.btb button{font:600 12px var(--f);border:0;background:transparent;color:#fff;padding:6px 9px;border-radius:7px;cursor:pointer}
.btb button:hover{background:rgba(255,255,255,.18)}

.pkb{position:absolute;left:14px;bottom:14px;z-index:9;display:none;gap:6px;flex-wrap:wrap}.prev [data-blk=hero]{position:relative}.prev [data-blk=hero]:hover>.pkb{display:flex}.pkb button{font:600 13px var(--f);border:0;background:#0F172A;color:#fff;padding:9px 13px;border-radius:99px;cursor:pointer;box-shadow:0 6px 18px rgba(15,23,42,.35)}.pkb button:hover{background:#1e293b}
.prev #promo:hover,.prev [data-addr]:hover,.prev [data-hours]:hover,.prev [data-name]:hover,.prev .logo:hover,.prev [data-tel]:hover,.prev [data-mail]:hover,.prev .soc:hover{outline:2px dashed var(--acc);outline-offset:3px;cursor:pointer;border-radius:4px}.prev #promo.ghost{background:repeating-linear-gradient(45deg,#EEF2FF,#EEF2FF 10px,#fff 10px,#fff 20px);color:#475569}

/* v5 client */
.hs{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px;max-width:640px;background:#fff;padding:10px;border-radius:calc(var(--r,20px) + 4px);box-shadow:0 18px 44px -22px rgba(15,23,42,.35);border:1px solid var(--line)}
.hs input,.hs select{flex:1 1 200px;margin:0;border:0;background:var(--soft);border-radius:var(--r,14px);padding:14px 16px;font:inherit;font-size:16px}.hs select{flex:0 1 180px}.hs .btn{flex:0 0 auto}
.strip{display:flex;gap:0;flex-wrap:wrap;margin-top:46px;border-top:1px solid color-mix(in srgb,var(--acc) 18%,#d9dee8)}
.strip>div{padding:18px 32px 0 0;margin-right:32px;display:flex;flex-direction:column;gap:2px;min-width:0}.strip b{font-size:22px;letter-spacing:-.01em}.strip span{color:var(--mut);font-size:14.5px}
.n svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.n{margin-bottom:18px;border-radius:calc(var(--r,20px)*.6)}
.cw{position:relative;aspect-ratio:3/2;background:var(--soft);overflow:hidden}.cw .main{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;display:block;transition:transform .5s}.c:hover .cw .main{transform:scale(1.04)}
.cw.np{background:linear-gradient(135deg,var(--soft),color-mix(in srgb,var(--acc) 14%,#fff))}.cw.np::after{content:"Photos bientôt disponibles";position:absolute;inset:0;display:grid;place-items:center;color:var(--mut);font-size:14px;font-weight:600}
.bds{position:absolute;top:12px;left:12px;display:flex;gap:6px}.bd1{background:var(--acc);color:var(--on);font-weight:700;font-size:12.5px;padding:5px 12px;border-radius:99px;box-shadow:0 4px 12px rgba(15,23,42,.25)}.bd1.rs{background:#0F172A;color:#fff}
.pc{position:absolute;right:12px;bottom:12px;background:rgba(15,23,42,.72);color:#fff;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:99px;backdrop-filter:blur(4px)}
.chs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.chs span{background:var(--soft);font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:99px;color:#334155}
.c .in .m{margin-bottom:10px}.c .pr{margin-bottom:6px}
footer{margin-top:40px}.ft3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding:44px 22px 28px}.ft3 b{display:block;color:var(--ink);font-size:15px;margin-bottom:12px}.ft3 .fn{font-size:19px}.ft3 p{margin:0 0 6px}.ft3 a{display:block;color:var(--mut);margin-bottom:7px;text-decoration:none}.ft3 a:hover{color:var(--ink);text-decoration:underline}.ft3 .fc{display:block}.ft3 .fc .soc{display:inline-block;margin-right:14px}
.fbt{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 22px calc(26px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);font-size:13.5px}.fbt a{color:var(--mut)}
@media(max-width:780px){.ft3{grid-template-columns:1fr 1fr;padding-top:32px}.ft3>div:first-child{grid-column:1/-1}.strip>div{padding-right:0;margin-right:0;width:50%;padding-bottom:6px}.hs{padding:8px}.hs select,.hs .btn{flex:1 1 100%}.strip b{font-size:18px}}
.hs{max-width:780px}.hs .btn{white-space:nowrap}.hs input{flex:2 1 220px}

.bud{display:flex;flex-direction:column;gap:8px;margin:0;flex:1 1 220px;background:var(--soft);border-radius:var(--r,14px);padding:9px 16px 10px;font-weight:500;font-size:13.5px;color:var(--mut);cursor:pointer}.bud b{color:var(--ink);font-weight:700}
.bud input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:4px 0 2px;padding:0;border:0;border-radius:99px;background:linear-gradient(90deg,var(--acc) var(--p,100%),#D5DBE6 var(--p,100%));cursor:pointer}
.bud input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--acc);box-shadow:0 2px 8px rgba(15,23,42,.3)}
.bud input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--acc)}
.flt .bud{flex:0 1 260px}
.flt .bud input[type=range],.hs .bud input[type=range]{flex:none;width:100%;height:6px;padding:0;margin:4px 0 2px;border:0;border-radius:99px;min-width:0;background:linear-gradient(90deg,var(--acc) var(--p,100%),#D5DBE6 var(--p,100%))}
.flt{align-items:stretch}.hs .bud{flex:1 1 200px;background:var(--soft);justify-content:center}
@media(max-width:560px){.flt .bud{flex:1 1 100%}}

.sg{display:flex;flex-direction:column;gap:12px;margin-top:4px}.qk{display:flex;flex-wrap:wrap;gap:8px}
.qk button{font:600 14.5px var(--f);border:1.5px solid color-mix(in srgb,var(--acc) 45%,var(--line));background:#fff;color:var(--ink);padding:10px 16px;border-radius:99px;cursor:pointer;transition:background .15s,color .15s}
.qk button:hover{background:var(--acc);color:var(--on);border-color:var(--acc)}
.sgl{font-size:14px;font-weight:600;color:var(--mut);margin-top:6px}
.vcs{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;margin:0 -4px;scrollbar-width:thin}
.vc{flex:0 0 210px;scroll-snap-align:start;display:flex;flex-direction:column;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:var(--rb,14px);overflow:hidden;cursor:pointer;padding:0;font:inherit;color:var(--ink);transition:border-color .15s,transform .15s}
.vc:hover{border-color:var(--acc);transform:translateY(-2px)}.vc img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--soft)}
.vc span{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px}.vc b{font-size:14.5px;line-height:1.3}.vc small{color:var(--mut);font-size:13px;font-weight:600}
.qk button.on{background:var(--acc);color:var(--on);border-color:var(--acc)}.sgw{display:flex;flex-direction:column;gap:8px}


/* v14 */
.op{color:var(--mut);font-weight:500;font-size:.72em;margin-right:4px}
.fv{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.94);font-size:21px;line-height:1;cursor:pointer;color:#475569;box-shadow:0 4px 14px rgba(15,23,42,.25);display:grid;place-items:center;padding:0;transition:transform .15s}.fv:hover{transform:scale(1.1)}.fv.on{color:#E11D48}
.fbar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:70;background:#0F172A;color:#fff;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 20px;border-radius:99px;box-shadow:0 18px 44px -12px rgba(15,23,42,.6);font-weight:600;max-width:calc(100vw - 24px)}
.fbar .btn{padding:9px 18px}.fbar .btn.o{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.fbar .btn:disabled{opacity:.45;cursor:default}
.md.cmp{display:block;max-width:1100px;padding:28px}.md.cmp h2{margin:0 0 18px;font-size:26px}.cmpw{overflow-x:auto}.cmp table{border-collapse:collapse;width:100%;min-width:560px}.cmp th,.cmp td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:15px}.cmp thead th,.cmp tr:first-child th{font-size:15px}.cmp tr>th:first-child{color:var(--mut);font-weight:600;width:130px;white-space:nowrap}.cmp img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;display:block;margin-bottom:8px}.cmp td.bst{font-weight:800;color:var(--acc)}.cmp .lnk{display:block;margin-top:4px}
.rvc{margin:0;background:var(--soft);border-radius:var(--r,20px);padding:26px}.rvc .stars{color:#F59E0B;letter-spacing:2px;font-size:18px;margin-bottom:10px}.rvc blockquote{margin:0 0 14px;font-size:17px;line-height:1.55}.rvc figcaption{font-weight:700;color:var(--mut);font-size:14.5px}.rvc.ghost{border:2px dashed var(--line);background:#fff;color:var(--mut)}
.alr{background:var(--soft);border-radius:var(--r,20px);padding:28px;margin-top:40px;max-width:760px}.alr h3{margin:0 0 6px;font-size:22px}.alr p{margin:0 0 16px;color:var(--mut)}.alr .g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.alr input,.alr textarea{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--rb,12px);background:#fff;color:var(--ink);box-sizing:border-box}.alr textarea{margin-top:10px;resize:vertical}.alr .btn{margin-top:12px}.alr .okm{font-weight:600;margin-top:10px}
@media(max-width:780px){.fbar{bottom:78px}.alr .g2{grid-template-columns:1fr}.cmp tr>th:first-child{width:90px}}
.cmp img{max-height:150px}.cmp .lnk{border:0;background:none;color:var(--acc);font-weight:700;cursor:pointer;padding:0;font:inherit;font-weight:700}body:has(.mo) .fbar{display:none}

@media(max-width:780px){.flt{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flt #q,.flt .bud{grid-column:1/-1}.flt select{min-width:0;width:100%}.hs{margin-top:22px}.hero{padding:44px 0 48px}.hero h1{font-size:clamp(34px,10vw,44px)}.hero p{font-size:18px;margin:16px 0 22px}
.md .cta{position:sticky;bottom:0;background:var(--mdbg,#fff);padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:18px;border-top:1px solid var(--line);z-index:2}.md .cta .btn{flex:1 1 40%;justify-content:center;text-align:center}
.fbar{padding:8px 10px 8px 16px}.alr{padding:20px}.rvc{padding:20px}section{padding:44px 0}h2{margin-bottom:20px}.strip{margin-top:30px}}

.svl{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.svc{background:var(--soft);border-radius:var(--r,14px);padding:22px}.svc .n{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--acc);margin-bottom:12px}.svc .n svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svc h3{margin:0 0 6px;font-size:17px}.svc p{margin:0;color:var(--mut);font-size:15px}.svc.ghost{grid-column:1/-1;border:2px dashed var(--line);background:transparent;text-align:center}

.eqg{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}.eqc{margin:0!important;padding:8px 12px;border:1.5px solid var(--line);border-radius:99px;font-size:14px;cursor:pointer;background:#fff}.eqc:has(input:checked){border-color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,#fff);font-weight:600}.eqc input{margin-right:4px}
.eqs{list-style:none;margin:8px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.eqs li{background:var(--soft);border-radius:99px;padding:7px 14px;font-size:14px;font-weight:500}.eqs li:before{content:'✓ ';color:var(--acc);font-weight:700}

.shop{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--soft);border-radius:var(--r,14px);overflow:hidden}.shopimg{min-height:280px;background:#dfe5ef}.shopimg img{width:100%;height:100%;object-fit:cover;display:block}.shopimg.empty{display:grid;place-items:center;color:var(--mut);font-weight:600;cursor:pointer}.shopimg.empty:empty{display:none}.shop:has(.shopimg.empty:empty){grid-template-columns:1fr}.shopt{padding:34px}.shopt h2{margin:0 0 14px}.shopt p{margin:0 0 10px}.shh{white-space:pre-line;color:var(--mut)}@media(max-width:780px){.shop{grid-template-columns:1fr}.shopimg{min-height:200px}.shopt{padding:22px}}
.vc.skip{flex:none;align-self:flex-start;padding:10px 16px;border-radius:99px;font:600 14.5px var(--f);width:auto}

.cfm{position:relative;display:flex;flex-direction:column;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:var(--rb,16px);padding:16px;max-width:92%;align-self:flex-start}.cfm .cft{font-weight:700;font-size:15px}.cfm input,.cfm textarea{width:100%;font:inherit;font-size:15px;padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;box-sizing:border-box}.cfm .btn{align-self:flex-start}.cfm .cfe{color:#b91c1c;font-size:14px;margin:0;min-height:0}.cfm .rgpd{font-size:12px;margin:0;color:var(--mut)}
/* ===== mobile v20 ===== */
@media(max-width:780px){
 header nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}
 header nav::-webkit-scrollbar{display:none}header nav a{flex:none;scroll-snap-align:start;padding:9px 14px}
 .flt #fu{order:1}.flt #so{order:2}.flt .bud{order:3;grid-column:1/-1}.flt #q{order:0}
 .feat>div,.svc{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:start;padding:18px}
 .feat>div .n,.svc .n{grid-row:1/span 2;margin:0;width:44px;height:44px}.feat>div h3,.svc h3{font-size:17px;margin:2px 0 4px}.feat>div p,.svc p{font-size:15px;line-height:1.45}
 .feat,.svl{gap:12px}.svc.ghost{display:block}
 .two{display:flex;flex-direction:column;gap:22px}.two .chat{order:-1}.two:has(>#fm)>.info{display:contents}.two:has(>#fm)>.info>h2,.two:has(>#fm)>.info>.lead{order:-2;margin-bottom:0!important}.two:has(>#fm)>.info>h2{margin-bottom:-12px!important}.two:has(>#fm)>.info>p:not(.lead){margin:0}.two .info h2{margin-bottom:10px}.info .lead{margin-bottom:18px!important}.info p{margin-bottom:14px}
 #lg{height:min(54svh,440px)}
 .chat{border-radius:18px}
 .qk{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0;padding:2px 0 4px;max-width:100%}.two>*,.chat,#lg,#lg>*,.sg,.sgw{min-width:0;max-width:100%}.qk::-webkit-scrollbar{display:none}.qk button{flex:none}
 .qk:has(+ *){}
 .c .body,.c .tx2{padding:16px}
 .shop{border-radius:18px}.strip>div{padding-right:14px;box-sizing:border-box;overflow-wrap:anywhere}
 .hero .btns,.hero .cta{gap:10px}
 body{-webkit-tap-highlight-color:transparent}
 button,.btn,a.btn,input,select,textarea{min-height:44px}
 input,select,textarea{font-size:16px}input[type=range]{min-height:0}
}

/* Appeler / WhatsApp : seulement sur appareil tactile */
@media (hover:hover) and (pointer:fine){.tch{display:none!important}}

.demob{background:#0F172A;color:#fff;text-align:center;font:600 13px/1.4 var(--f,system-ui);padding:8px 12px}
.cfm .cfl{font:600 13.5px var(--f);color:var(--mut);margin:10px 0 2px}.cfm .eqg{margin:4px 0 8px}.cfm .eqc{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;font-size:14px;font-weight:500;line-height:1.2}.cfm .eqc input{width:auto;min-height:0;margin:0;accent-color:var(--acc)}

/* ===== mobile v21 : interface plus fine ===== */
.burger{display:none}
@media(max-width:780px){
 body{font-size:16px;line-height:1.55}
 section{padding:38px 0}h2{font-size:26px;line-height:1.2}.w{padding-left:18px;padding-right:18px}
 /* en-tête compact + menu burger */
 header .bar{flex-wrap:wrap;padding:10px 18px;gap:0}.logo{font-size:17px;gap:9px}.logo .mark{width:26px;height:26px}
 .burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;border:0;background:none;cursor:pointer;margin-right:-8px;margin-left:auto}.burger i{display:block;height:2px;border-radius:2px;background:var(--ink);transition:.2s}
 header.open .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}header.open .burger i:nth-child(2){opacity:0}header.open .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 header nav{display:none!important;width:100%;flex-direction:column;gap:2px;padding:6px 0 12px;margin:0;overflow:visible;-webkit-mask-image:none;mask-image:none}
 header.open nav{display:flex!important}header nav a{padding:13px 12px;font-size:17px;border-radius:12px}
 /* hero */
 .hero{padding:30px 0 28px}.hero h1{font-size:clamp(29px,8.4vw,36px);line-height:1.12;letter-spacing:-.02em}.hero p{font-size:16px;line-height:1.5;margin:12px 0 20px}.hero .badge,.hero .pill{font-size:13px}
 .hero .btns,.hero .cta{display:flex;flex-direction:row;gap:10px}.hero .btns .btn,.hero .cta .btn{flex:1;padding:13px 10px;font-size:15px;text-align:center}
 .strip{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:26px;padding-top:18px}.strip>div{padding:0!important;min-width:0;overflow-wrap:normal}.strip b{white-space:nowrap;font-size:16px}.strip b{font-size:17px}.strip small,.strip span{font-size:13.5px}
 /* cartes véhicules : liste compacte */
 .grid{grid-template-columns:1fr;gap:12px}
 .c{display:grid;grid-template-columns:128px 1fr;border-radius:16px;box-shadow:0 4px 16px -10px rgba(15,23,42,.3)}
 .c .cw{align-self:stretch;aspect-ratio:auto;min-height:132px;position:relative;overflow:hidden}.c .cw .main{aspect-ratio:auto;height:100%;width:100%;position:absolute;inset:0;object-fit:cover}
 .c .bds{top:5px;left:5px}.c .bd1{font-size:9.5px;padding:3px 6px;letter-spacing:0;white-space:nowrap;max-width:calc(100% - 4px);overflow:hidden;text-overflow:ellipsis}.c .pc{display:none}.c .fv{width:28px;height:28px;min-height:0;padding:0;font-size:15px;top:4px;right:4px}html[data-cards=grandes] .c .bds{top:10px;left:10px}html[data-cards=grandes] .c .bd1{font-size:11.5px;padding:4px 10px}html[data-cards=grandes] .c .fv{width:36px;height:36px;font-size:18px;top:8px;right:8px}
 .c .in{padding:11px 12px 12px;min-width:0;display:flex;flex-direction:column}.c .in h3{font-size:15.5px;line-height:1.25;margin:0 0 2px}.c .in .m{font-size:12.5px;margin:0 0 6px}
 .c .chs{gap:4px;margin-bottom:6px}.c .chs span{font-size:11.5px;padding:3px 8px}.c .pr{font-size:18px;margin:auto 0 0}.c .pr s,.c .pr del{font-size:12.5px}.c .more{display:none}
 /* derniers arrivages : carrousel */
 #latest #grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -18px;padding:2px 18px 12px;scroll-padding-inline:18px;scrollbar-width:none}#latest #grid::after{content:'';flex:0 0 6px}#latest #grid::-webkit-scrollbar{display:none}
 #latest #grid .c{display:block;flex:0 0 78%;scroll-snap-align:start;min-width:0}#latest #grid .c .cw{height:auto;min-height:0;aspect-ratio:4/3}#latest #grid .c .cw .main{position:static;aspect-ratio:4/3;height:auto}#latest #grid .c .in{display:block}#latest #grid .c .more{display:block;font-size:14px}#latest #grid .c .pc{display:block}
 /* filtres */
 .flt{gap:8px;padding:12px;border-radius:16px}.flt input,.flt select{padding:11px 12px;border-radius:12px}
 /* fiche véhicule en feuille du bas */
 .mo{padding:0;align-items:flex-end}.md{margin:0;border-radius:22px 22px 0 0;max-height:94svh;overflow-y:auto;width:100%;animation:sheet .26s cubic-bezier(.2,.8,.2,1)}
 @keyframes sheet{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
 .md .big{aspect-ratio:4/3}.md .tx{padding:18px 18px 8px}.md .tx h2{font-size:23px}
 .md .cta{position:sticky;bottom:0;background:var(--mdbg,#fff);margin:14px -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:flex;gap:10px;z-index:2}.md .cta .btn{flex:1}
 /* services, atouts */
 .feat>div,.svc{padding:14px;border-radius:16px}.feat>div h3,.svc h3{font-size:16px}.feat>div p,.svc p{font-size:14px}
 .panel{padding:26px 20px;border-radius:20px}
 /* pied de page */
 footer .ft3{grid-template-columns:1fr 1fr;gap:20px}footer .ft3>div:first-child{grid-column:1/-1}footer{font-size:14.5px}
 /* contact */
 .callbtn{display:block;text-align:center;margin:6px 0 4px;padding:14px}
 body.hasbar{padding-bottom:0}
}

/* ===== filtres v2 ===== */
.flt.f2{display:block;margin:0 0 26px}.flt.f2 .fr1{display:flex;gap:8px}.flt.f2 .fr1 #q{flex:1 1 auto;order:0}.flt.f2 .ftg{display:none;flex:none;align-items:center;gap:8px;font:700 15.5px var(--f);padding:0 16px;min-height:46px;border:1.5px solid var(--line);border-radius:var(--rb,12px);background:#fff;color:var(--ink);cursor:pointer}
.flt.f2 .ftg span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:99px;background:var(--acc);color:var(--on,#fff);font-size:12.5px}
.flt.f2 .fx{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:10px}.flt.f2 .fx select,.flt.f2 .fx .bud{order:0;grid-column:auto;width:100%;min-width:0}.flt.f2 .fx .bud{grid-column:span 2}
.flt.f2 .frs{grid-column:1/-1;justify-self:start;border:0;background:none;color:var(--acc);font:700 14.5px var(--f);cursor:pointer;padding:6px 2px;text-decoration:underline}
@media(max-width:780px){.flt.f2{position:sticky;top:var(--hh,56px);z-index:4;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);margin:0 -18px 18px;padding:10px 18px;border-bottom:1px solid var(--line)}.flt.f2 .ftg{display:inline-flex}.flt.f2 .fx{display:none;grid-template-columns:1fr 1fr;max-height:62vh;overflow:auto;padding-bottom:6px}.flt.f2.open .fx{display:grid}.flt.f2 .fx .bud{grid-column:1/-1}}
/* ===== chat mobile v2 ===== */
@media(max-width:780px){
 #lg{height:min(56dvh,470px);padding:14px;scroll-behavior:smooth}
 .qk{flex-wrap:wrap!important;overflow:visible!important}.qk button{flex:0 1 auto;font-size:14.5px;padding:9px 13px}
 .chat .ch{padding:12px 16px}.chat .ch small{font-size:12.5px}
 .chat .r{padding:10px 10px calc(10px + env(safe-area-inset-bottom));gap:8px;background:var(--mdbg,#fff)}.chat .r input{font-size:16px;min-height:46px}.chat .r .btn{padding:0 18px;min-height:46px}
 #lg .b,#lg .u{font-size:16px;line-height:1.45;max-width:88%}
}

/* ===== esthétique v2 ===== */
html.rv-on .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
html.rv-on .rv.rvin{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
 .hero .kick,.hero h1,.hero p,.hero .cta,.hero .hs,.hero .btn{animation:heroIn .8s cubic-bezier(.2,.7,.2,1) both}
 .hero h1{animation-delay:.08s}.hero p{animation-delay:.18s}.hero .cta,.hero .btn{animation-delay:.28s}.hero .hs{animation-delay:.36s}
 @keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
}
@media(hover:hover){
 .c .cw{overflow:hidden}.c .cw img.main{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.c:hover .cw img.main{transform:scale(1.06)}
 .c{transition:transform .25s ease,box-shadow .25s ease}.c:hover{transform:translateY(-3px);box-shadow:0 22px 44px -24px rgba(15,23,42,.45)}
 .btn{transition:transform .15s ease,box-shadow .2s ease,background .2s}.btn:hover{transform:translateY(-1px)}
}
#totop{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:65;width:58px;height:58px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#fff;box-shadow:0 14px 34px -12px rgba(15,23,42,.45),0 0 0 1px var(--line);display:grid;place-items:center;opacity:0;transform:translateY(24px) scale(.8);pointer-events:none;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
#totop.show{opacity:1;transform:none;pointer-events:auto}
#totop{width:62px;height:62px;overflow:visible}#totop svg{height:54px;width:auto;overflow:visible}
#totop .cbd{fill:var(--carc,var(--acc))}#totop .ty{fill:#111827}#totop[hidden]{display:none}
#totop .skid path{stroke:#1F2937;stroke-width:4;stroke-linecap:round;fill:none;opacity:0}
#totop .smk circle{opacity:0;transform-box:fill-box;transform-origin:center}
#totop .car{transform-box:fill-box;transform-origin:50% 60%;transition:transform .25s}
@media(hover:hover){#totop:hover .car{transform:translateY(-3px)}}
#totop.go{background:transparent;box-shadow:none}
#totop.go .car{animation:drift .52s ease-in-out forwards}
#totop.go .smk circle{animation:puff 1.4s ease-out forwards}#totop.go .smk circle:nth-child(2){animation-delay:.08s}#totop.go .smk circle:nth-child(3){animation-delay:.18s}#totop.go .smk circle:nth-child(4){animation-delay:.26s}#totop.go .smk circle:nth-child(5){animation-delay:.34s}
#totop.go .skid path{animation:skid 1.5s ease forwards}
@keyframes drift{0%{transform:none}20%{transform:rotate(-24deg) translateX(-4px)}45%{transform:rotate(18deg) translateX(3px)}70%{transform:rotate(-8deg)}100%{transform:none}}
@keyframes puff{0%{opacity:0;transform:scale(.4)}15%{opacity:1}60%{opacity:.8}100%{opacity:0;transform:scale(2.8) translateY(12px)}}
@keyframes skid{0%{opacity:0}15%{opacity:.6}70%{opacity:.4}100%{opacity:0}}
body:has(.fbar:not([hidden])) #totop{bottom:calc(84px + env(safe-area-inset-bottom))}
body:has(.mo) #totop{display:none}
@media(max-width:780px){#totop{right:14px;width:56px;height:56px}#totop svg{height:48px}}


/* ===================== THÈMES ===================== */
/* ---------- PRESTIGE : sombre, élégant, luxe ---------- */
html[data-theme=prestige]{--bg:#0B0B0D;--soft:#141417;--ink:#F3EFE7;--mut:#A8A196;--line:#26262B;color-scheme:dark}
html[data-theme=prestige] body{background:#0B0B0D;letter-spacing:.005em}
html[data-theme=prestige] header{background:rgba(11,11,13,.86);border-bottom-color:#1F1F23}
html[data-theme=prestige] nav a{color:#B9B2A7}html[data-theme=prestige] nav a:hover{background:#18181B;color:#fff}
html[data-theme=prestige] nav a[aria-current]{background:transparent;color:var(--acc);box-shadow:inset 0 -2px 0 var(--acc);border-radius:0}
html[data-theme=prestige] h1,html[data-theme=prestige] h2,html[data-theme=prestige] h3{letter-spacing:0}
html[data-theme=prestige] .hero{background:radial-gradient(120% 90% at 80% 0%,color-mix(in srgb,var(--acc) 22%,#0B0B0D) 0%,#0B0B0D 60%);padding:120px 0 104px}
html[data-theme=prestige] .kick{background:transparent;border:1px solid color-mix(in srgb,var(--acc) 60%,transparent);color:var(--acc);text-transform:uppercase;letter-spacing:.22em;font-size:12px;border-radius:0;padding:8px 16px}
html[data-theme=prestige] .hero h1{font-size:clamp(40px,6.8vw,76px)}
html[data-theme=prestige] .hero p,html[data-theme=prestige] .lead{color:#B8B1A6}
html[data-theme=prestige] h2{position:relative;padding-bottom:16px}html[data-theme=prestige] h2::after{content:'';position:absolute;left:0;bottom:0;width:56px;height:1px;background:var(--acc)}
html[data-theme=prestige] .btn{text-transform:uppercase;letter-spacing:.12em;font-size:13px;padding:15px 28px}
html[data-theme=prestige] .btn.o,html[data-theme=prestige] .btn.inv{background:transparent;color:#F3EFE7;border:1px solid #3A3A40}
html[data-theme=prestige] .c,html[data-theme=prestige] .chat,html[data-theme=prestige] .md,html[data-theme=prestige] .shop,html[data-theme=prestige] .alr,html[data-theme=prestige] .feat>div,html[data-theme=prestige] .svc{background:#121215;border:1px solid #232328;box-shadow:none}
html[data-theme=prestige] .c .pr,html[data-theme=prestige] .c .pr b{color:var(--acc)}
html[data-theme=prestige] .chs span{background:#1C1C20;color:#C9C2B6}
html[data-theme=prestige] .panel{background:linear-gradient(135deg,#17171B,#0E0E11);border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);color:#F3EFE7}
html[data-theme=prestige] input,html[data-theme=prestige] select,html[data-theme=prestige] textarea{background:#16161A!important;color:#F3EFE7!important;border-color:#2C2C32!important}
html[data-theme=prestige] footer{background:#08080A;color:#8F887E}
html[data-theme=prestige] .strip{border-top-color:#26262B}
html[data-theme=prestige] #lg{background:#0F0F12}html[data-theme=prestige] #lg .b{background:#1A1A1F;color:#EDE8DF;border-color:#2A2A30}
html[data-theme=prestige] .feat>div .n,html[data-theme=prestige] .svc .n{background:transparent;border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);color:var(--acc)}
html[data-theme=prestige] .demob{background:#000}
/* ---------- SPORT : contrasté, dynamique ---------- */
html[data-theme=sport] h1,html[data-theme=sport] h2,html[data-theme=sport] h3{text-transform:uppercase;letter-spacing:.01em}
html[data-theme=sport] header{background:#0E0E10;border-bottom:3px solid var(--acc)}
html[data-theme=sport] header .logo{color:#fff}html[data-theme=sport] header nav a{color:#C7C9D1;text-transform:uppercase;font-size:13.5px;letter-spacing:.06em;font-weight:700;border-radius:2px}
html[data-theme=sport] header nav a:hover{background:#1C1C20;color:#fff}html[data-theme=sport] header nav a[aria-current]{background:var(--acc);color:var(--on)}
html[data-theme=sport] .burger i{background:#fff}
html[data-theme=sport] .hero{background:linear-gradient(115deg,#0E0E10 0%,#0E0E10 58%,var(--acc) 58.2%,color-mix(in srgb,var(--acc) 70%,#000) 100%);color:#fff;padding:104px 0 96px}
html[data-theme=sport] .hero p{color:#C7C9D1}html[data-theme=sport] .hero .strip *{color:#E5E7EB}html[data-theme=sport] .hero .strip{border-top-color:#2A2A30}
html[data-theme=sport] .kick{background:var(--acc);color:var(--on);text-transform:uppercase;letter-spacing:.1em;font-weight:800;border-radius:2px;transform:skewX(-10deg)}
html[data-theme=sport] .btn{text-transform:uppercase;letter-spacing:.06em;font-weight:800;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border-radius:0;padding:14px 30px}
html[data-theme=sport] .hero .btn.o{background:transparent;color:#fff;border-color:#fff}
html[data-theme=sport] h2{display:inline-block;border-bottom:5px solid var(--acc);padding-bottom:6px}
html[data-theme=sport] .c{border:0;border-bottom:4px solid var(--acc);box-shadow:0 12px 30px -18px rgba(0,0,0,.5)}
html[data-theme=sport] .c h3{text-transform:uppercase;font-size:17px}
html[data-theme=sport] .feat>div,html[data-theme=sport] .svc{background:#fff;border-left:4px solid var(--acc);box-shadow:0 10px 26px -18px rgba(0,0,0,.4)}
html[data-theme=sport] .panel{background:#0E0E10;border-left:8px solid var(--acc)}
html[data-theme=sport] footer{background:#0E0E10;color:#9CA3AF}html[data-theme=sport] footer b,html[data-theme=sport] footer .fn{color:#fff}
/* ---------- FAMILIAL : chaleureux, doux, arrondi ---------- */
html[data-theme=familial]{--soft:#FFF5EA;--bg:#FFFCF8;--line:#F1E4D3;--f:'Nunito','Plus Jakarta Sans',Arial,sans-serif}
html[data-theme=familial] body{background:#FFFCF8}
html[data-theme=familial] header{background:rgba(255,252,248,.92)}
html[data-theme=familial] .hero{background:radial-gradient(60% 70% at 85% 20%,color-mix(in srgb,var(--acc) 22%,#FFF5EA) 0%,#FFF5EA 55%,#FFFCF8 100%);border-radius:0 0 48px 48px;padding:96px 0 84px}
html[data-theme=familial] .kick{background:#fff;box-shadow:0 6px 18px -10px rgba(120,80,30,.35);color:var(--acc);font-weight:800}
html[data-theme=familial] h1,html[data-theme=familial] h2,html[data-theme=familial] h3{letter-spacing:-.01em}
html[data-theme=familial] .c{border:0;box-shadow:0 14px 34px -20px rgba(120,80,30,.4)}
html[data-theme=familial] .feat>div,html[data-theme=familial] .svc{background:#fff;box-shadow:0 12px 30px -22px rgba(120,80,30,.45)}
html[data-theme=familial] .feat>div .n,html[data-theme=familial] .svc .n{border-radius:50%;background:color-mix(in srgb,var(--acc) 14%,#fff)}
html[data-theme=familial] .panel{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 70%,#F59E0B));border-radius:40px}
html[data-theme=familial] .chs span{background:#FFF1E2;color:#7C5A2F}
html[data-theme=familial] footer{background:#FFF1E2;border-radius:40px 40px 0 0}
html[data-theme=prestige] .qk button,html[data-theme=prestige] .vc,html[data-theme=prestige] .cfm,html[data-theme=prestige] .bud,html[data-theme=prestige] .hs,html[data-theme=prestige] .flt .bud,html[data-theme=prestige] .hs .bud,html[data-theme=prestige] .eqc,html[data-theme=prestige] .fv{background:#16161A!important;color:#F3EFE7!important;border-color:#2C2C32!important}
html[data-theme=prestige] .qk button:hover,html[data-theme=prestige] .vc:hover{border-color:var(--acc)!important}
html[data-theme=prestige] #lg .u{background:var(--acc);color:var(--on)}
html[data-theme=prestige] .flt.f2{background:rgba(11,11,13,.96)}html[data-theme=prestige] .ftg{background:#16161A;color:#F3EFE7;border-color:#2C2C32}
html[data-theme=prestige] #totop{background:#16161A;box-shadow:0 14px 34px -12px rgba(0,0,0,.8),0 0 0 1px #2C2C32}
html[data-theme=sport] #totop{border-radius:6px}

/* ===================== PERSONNALISATION v2 : mise en page de l'accueil ===================== */
.hero .htx{position:relative;z-index:1}
/* Centré */
html[data-hero=centre] .hero{text-align:center}
html[data-hero=centre] .hero h1,html[data-hero=centre] .hero p{margin-left:auto;margin-right:auto}
html[data-hero=centre] .hero .cta{justify-content:center}html[data-hero=centre] .hero .hs{margin-left:auto;margin-right:auto;text-align:left}
html[data-hero=centre] .hero .strip{justify-content:center;text-align:left}
html[data-hero=centre] .hero h1{max-width:14em}
/* Texte + visuel côte à côte */
html[data-hero=split] .hero>.w{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center}
html[data-hero=split] .hero h1{font-size:clamp(36px,5vw,60px)}
.hside{position:relative;aspect-ratio:4/3.4;border-radius:calc(var(--r,20px) + 10px);overflow:hidden;box-shadow:0 40px 80px -40px rgba(15,23,42,.55)}
.hside img{width:100%;height:100%;object-fit:cover;display:block}
.hside.hcar{overflow:visible;box-shadow:none;display:grid;place-items:center;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 26%,transparent),transparent 72%)}
.hside.hcar .road{position:absolute;inset:18% -6%;border-radius:999px;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(255,255,255,.85) 26px 52px) center/100% 3px no-repeat,linear-gradient(180deg,#2A2F38,#1C2027);box-shadow:inset 0 0 0 6px rgba(255,255,255,.06),0 30px 60px -30px rgba(0,0,0,.6);transform:rotate(-8deg)}
.hside.hcar svg{position:relative;width:42%;height:auto;transform:rotate(82deg);filter:drop-shadow(0 22px 22px rgba(0,0,0,.35));overflow:visible;animation:hcar 6s ease-in-out infinite}
.hside.hcar .cbd{fill:var(--carc,var(--acc))}
@keyframes hcar{0%,100%{translate:-4% 0}50%{translate:4% -2%}}
@media(prefers-reduced-motion:reduce){.hside.hcar svg{animation:none}}
/* Plein écran */
html[data-hero=plein] .hero{min-height:min(88vh,860px);display:flex;align-items:center;color:#fff;background:radial-gradient(90% 80% at 80% 10%,color-mix(in srgb,var(--acc) 55%,#05070B) 0%,#05070B 70%);padding:120px 0 90px}
html[data-hero=plein] .hero.photo{padding:120px 0 90px}
html[data-hero=plein] .hero>.w{width:100%}
html[data-hero=plein] .hero h1{font-size:clamp(42px,7.4vw,92px);max-width:11em;color:#fff}
html[data-hero=plein] .hero p{color:rgba(255,255,255,.82)}
html[data-hero=plein] .hero .kick{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}
html[data-hero=plein] .hero .btn.o{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
html[data-hero=plein] .hero .strip{border-top-color:rgba(255,255,255,.2)}html[data-hero=plein] .hero .strip *{color:rgba(255,255,255,.88)}
html[data-hero=plein] .hero .hs{background:rgba(255,255,255,.96)}
@media(max-width:860px){html[data-hero=split] .hero>.w{grid-template-columns:1fr;gap:34px}.hside{aspect-ratio:16/11}.hside.hcar{aspect-ratio:16/9}html[data-hero=plein] .hero{min-height:78vh;padding:84px 0 60px}}

/* ===================== PERSONNALISATION v2 : affichage des véhicules ===================== */
@media(min-width:781px){
 html[data-cards=grandes] .grid{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:28px}
 html[data-cards=grandes] .cw{aspect-ratio:16/10}html[data-cards=grandes] .c h3{font-size:22px}
 html[data-cards=liste] .grid{grid-template-columns:1fr;gap:16px}
 html[data-cards=liste] .c{display:grid;grid-template-columns:340px minmax(0,1fr)}
 html[data-cards=liste] .c .cw{aspect-ratio:auto;min-height:220px;height:100%}
 html[data-cards=liste] .c h3{font-size:21px}
}
@media(max-width:780px){
 html[data-cards=grandes] .grid .c{display:block}html[data-cards=grandes] .grid .c .cw{aspect-ratio:16/10;min-height:0}html[data-cards=grandes] .grid .c .cw .main{position:static;height:100%}
}

/* ===================== PERSONNALISATION v2 : fond ===================== */
html[data-tone=creme]{--bg:#FBF8F2;--soft:#F3ECE1;--line:#E8DFD0}html[data-tone=creme] body{background:#FBF8F2}html[data-tone=creme] header{background:rgba(251,248,242,.92)}
html[data-tone=gris]{--bg:#F3F4F6;--soft:#FFFFFF;--line:#E3E5EA}html[data-tone=gris] body{background:#F3F4F6}html[data-tone=gris] header{background:rgba(243,244,246,.92)}html[data-tone=gris] .hs input,html[data-tone=gris] .hs .bud{background:#F3F4F6}

/* ===================== THÈMES v2 ===================== */
/* ---------- VINTAGE : papier, empattements, cadres ---------- */
html[data-theme=vintage]{--bg:#F5EFE3;--soft:#EDE4D2;--line:#D8CBB2;--ink:#2B2118;--mut:#6E5E4B}
html[data-theme=vintage] body{background:#F5EFE3}
html[data-theme=vintage] header{background:rgba(245,239,227,.95);border-bottom:3px double var(--line)}
html[data-theme=vintage] nav a{font-style:italic;font-family:var(--fh)}
html[data-theme=vintage] .hero{background:radial-gradient(70% 90% at 50% 0%,#FBF6EC,#F5EFE3 70%);border-bottom:3px double var(--line)}
html[data-theme=vintage] .kick{background:none;border:2px solid var(--ink);color:var(--ink);border-radius:2px;text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800;transform:rotate(-2deg)}
html[data-theme=vintage] h2{position:relative}html[data-theme=vintage] h2::after{content:'✦';display:block;font-size:14px;color:var(--acc);margin-top:10px}
html[data-theme=vintage] .btn{border-radius:2px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
html[data-theme=vintage] .btn.o{background:transparent;border:2px solid var(--ink);color:var(--ink)}
html[data-theme=vintage] .c,html[data-theme=vintage] .feat>div,html[data-theme=vintage] .svc{background:#FBF7EE;border:1px solid var(--line);outline:1px solid var(--line);outline-offset:-6px;box-shadow:0 10px 24px -18px rgba(60,40,15,.45)}
html[data-theme=vintage] .cw img{filter:sepia(.12) saturate(.95)}
html[data-theme=vintage] .feat>div .n,html[data-theme=vintage] .svc .n{background:none;border:1.5px solid var(--acc);color:var(--acc)}
html[data-theme=vintage] .panel{background:var(--ink);color:#F5EFE3;border-radius:4px;outline:1px solid rgba(245,239,227,.3);outline-offset:-10px}
html[data-theme=vintage] .hs{border-radius:4px;background:#FBF7EE}
html[data-theme=vintage] footer{background:#2B2118;color:#CDBFA6}html[data-theme=vintage] footer b,html[data-theme=vintage] footer .fn{color:#F5EFE3}
/* ---------- URBAIN : béton, typographie massive, contours nets ---------- */
html[data-theme=urbain]{--bg:#ECECE8;--soft:#E2E2DD;--line:#111;--ink:#111;--mut:#4A4A46}
html[data-theme=urbain] body{background:#ECECE8}
html[data-theme=urbain] header{background:#111;border-bottom:0}html[data-theme=urbain] header .logo{color:#fff}html[data-theme=urbain] .burger i{background:#fff}
html[data-theme=urbain] header nav a{color:#D4D4CF;text-transform:uppercase;font-weight:800;font-size:13px;letter-spacing:.04em;border-radius:0}
html[data-theme=urbain] header nav a:hover{background:#222;color:#fff}html[data-theme=urbain] header nav a[aria-current]{background:var(--acc);color:var(--on)}
html[data-theme=urbain] .hero{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px),#151515;color:#fff;padding:110px 0 96px}
html[data-theme=urbain] .hero p{color:#BDBDB7}html[data-theme=urbain] .hero .strip *{color:#E5E5E0}html[data-theme=urbain] .hero .strip{border-top-color:#333}
html[data-theme=urbain] h1,html[data-theme=urbain] h2,html[data-theme=urbain] h3{text-transform:uppercase;letter-spacing:-.02em}
html[data-theme=urbain] .hero h1{font-size:clamp(44px,8vw,96px);line-height:.95}
html[data-theme=urbain] .kick{background:var(--acc);color:var(--on);border-radius:0;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
html[data-theme=urbain] .btn{border:2px solid #111;box-shadow:4px 4px 0 #111;text-transform:uppercase;font-weight:800;letter-spacing:.03em;transition:transform .12s,box-shadow .12s}
html[data-theme=urbain] .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #111;filter:none}
html[data-theme=urbain] .hero .btn{border-color:#fff;box-shadow:4px 4px 0 var(--acc)}html[data-theme=urbain] .hero .btn.o{background:transparent;color:#fff}
html[data-theme=urbain] .btn.o{background:#fff;color:#111}
html[data-theme=urbain] .c,html[data-theme=urbain] .feat>div,html[data-theme=urbain] .svc{background:#fff;border:2px solid #111;box-shadow:6px 6px 0 #111}
html[data-theme=urbain] .c:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--acc)}
html[data-theme=urbain] .feat>div .n,html[data-theme=urbain] .svc .n{border-radius:0;background:#111;color:#fff}
html[data-theme=urbain] .panel{background:var(--acc);color:var(--on);border:2px solid #111;box-shadow:8px 8px 0 #111}
html[data-theme=urbain] .hs{border:2px solid #111;box-shadow:6px 6px 0 var(--acc);border-radius:0}
html[data-theme=urbain] input,html[data-theme=urbain] select,html[data-theme=urbain] textarea{border-radius:0}
html[data-theme=urbain] footer{background:#111;color:#A3A39E}html[data-theme=urbain] footer b,html[data-theme=urbain] footer .fn{color:#fff}html[data-theme=urbain] footer a,html[data-theme=urbain] footer p,html[data-theme=urbain] footer li,html[data-theme=urbain] footer small{color:#B9B9B3}html[data-theme=urbain] footer a:hover{color:#fff}
html[data-theme=urbain] #totop{border-radius:0;box-shadow:4px 4px 0 #111;border:2px solid #111}
html[data-hero=split] .hero .hs>input{flex-basis:100%}html[data-hero=split] .hero .hs .bud{flex:1 1 160px}

/* ===================== THÈMES v3 : identités fortes ===================== */
/* ---------- MINIMAL : éditorial, typographie énorme, filets fins ---------- */
html[data-theme=minimal]{--soft:#F5F5F4;--line:#E7E5E4;--ink:#0C0A09;--mut:#78716C}
html[data-theme=minimal] header{background:rgba(255,255,255,.95);border-bottom:1px solid var(--ink)}
html[data-theme=minimal] .logo{text-transform:uppercase;letter-spacing:.14em;font-size:16px}
html[data-theme=minimal] nav a{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;border-radius:0;color:var(--ink)}
html[data-theme=minimal] nav a:hover{background:none;text-decoration:underline;text-underline-offset:6px}
html[data-theme=minimal] nav a[aria-current]{background:var(--ink);color:#fff}
html[data-theme=minimal] .hero{background:#fff;padding:110px 0 70px;border-bottom:1px solid var(--ink)}
html[data-theme=minimal] .hero h1{font-size:clamp(46px,9vw,118px);line-height:.95;letter-spacing:-.06em;font-weight:600;max-width:9.5em}
html[data-theme=minimal] .kick{background:none;padding:0;border-radius:0;text-transform:uppercase;letter-spacing:.3em;font-size:11.5px;color:var(--mut)}
html[data-theme=minimal] h2{font-size:clamp(30px,5vw,56px);letter-spacing:-.05em;font-weight:600;border-top:1px solid var(--ink);padding-top:18px}
html[data-theme=minimal] .btn{background:var(--ink);color:#fff;border-radius:0;text-transform:uppercase;letter-spacing:.14em;font-size:12.5px;padding:16px 28px}
html[data-theme=minimal] .btn:hover{background:var(--acc);color:var(--on);filter:none}
html[data-theme=minimal] .btn.o{background:transparent;color:var(--ink);border:1px solid var(--ink)}html[data-theme=minimal] .btn.inv{background:#fff;color:var(--ink)}
html[data-theme=minimal] .feat{counter-reset:ft;gap:0;border-top:1px solid var(--line)}
html[data-theme=minimal] .feat>div{counter-increment:ft;background:none;border-radius:0;border-right:1px solid var(--line);padding:30px 26px 10px 0}
html[data-theme=minimal] .feat>div:last-child{border-right:0}html[data-theme=minimal] .feat>div+div{padding-left:26px}
html[data-theme=minimal] .feat>div .n{background:none;width:auto;height:auto;border-radius:0;color:var(--ink);font-size:44px;font-weight:300;letter-spacing:-.04em;margin-bottom:10px}
html[data-theme=minimal] .feat>div .n svg{display:none}html[data-theme=minimal] .feat>div .n::before{content:counter(ft,decimal-leading-zero)}
html[data-theme=minimal] .c{border:0;border-radius:0;box-shadow:none!important;background:none}html[data-theme=minimal] .c .cw{border-radius:0}
html[data-theme=minimal] .c:hover{transform:none}html[data-theme=minimal] .c h3{letter-spacing:-.02em}
html[data-theme=minimal] .svc{border-radius:0;box-shadow:none;border:1px solid var(--line);background:#fff}
html[data-theme=minimal] .panel{background:var(--ink);color:#fff;border-radius:0}
html[data-theme=minimal] .hs{box-shadow:none;border:1px solid var(--ink);border-radius:0}html[data-theme=minimal] .hs input,html[data-theme=minimal] .hs .bud{border-radius:0}
html[data-theme=minimal] footer{background:#fff;border-top:1px solid var(--ink)}
@media(max-width:780px){html[data-theme=minimal] .feat>div{border-right:0;border-bottom:1px solid var(--line);padding:22px 0!important}}

/* ---------- ÉLECTRIQUE : nuit, néon, verre ---------- */
html[data-theme=electrique]{--bg:#060A13;--soft:#0C1322;--ink:#E6EEFB;--mut:#8C9AB5;--line:#1A2438;color-scheme:dark}
html[data-theme=electrique] body{background:#060A13}
html[data-theme=electrique] header{background:rgba(6,10,19,.72);backdrop-filter:blur(14px) saturate(1.5);border-bottom:1px solid #141D30}
html[data-theme=electrique] nav a{color:#9FB0CC}html[data-theme=electrique] nav a:hover{background:#0F1729;color:#fff}
html[data-theme=electrique] nav a[aria-current]{background:color-mix(in srgb,var(--acc) 18%,transparent);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 50%,transparent)}
html[data-theme=electrique] .burger i{background:#fff}
html[data-theme=electrique] .hero{background:radial-gradient(60% 70% at 85% 15%,color-mix(in srgb,var(--acc) 38%,transparent),transparent 65%),radial-gradient(40% 50% at 0% 100%,rgba(45,212,191,.18),transparent 70%),linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px) 0 0/44px 44px,#060A13;padding:110px 0 96px}
html[data-theme=electrique] h1,html[data-theme=electrique] h2{letter-spacing:-.035em}
html[data-theme=electrique] .hero h1,html[data-theme=electrique] .hero h1 .hw{background:linear-gradient(180deg,#fff 38%,color-mix(in srgb,var(--acc) 55%,#5EEAD4) 120%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
html[data-theme=electrique] .hero p,html[data-theme=electrique] .lead{color:#9FB0CC}
html[data-theme=electrique] .kick{background:rgba(255,255,255,.05);color:#CFE1FF;border:1px solid rgba(148,163,184,.22);display:inline-flex;align-items:center;gap:8px}
html[data-theme=electrique] .kick::before{content:'';width:8px;height:8px;border-radius:99px;background:#2DD4BF;box-shadow:0 0 12px #2DD4BF}
html[data-theme=electrique] .btn{background:var(--acc);box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 60%,#fff),0 10px 30px -8px color-mix(in srgb,var(--acc) 85%,transparent)}
html[data-theme=electrique] .btn.o,html[data-theme=electrique] .btn.inv{background:rgba(255,255,255,.04);color:#E6EEFB;border:1px solid #24304A;box-shadow:none}
html[data-theme=electrique] .c,html[data-theme=electrique] .chat,html[data-theme=electrique] .md,html[data-theme=electrique] .shop,html[data-theme=electrique] .alr,html[data-theme=electrique] .feat>div,html[data-theme=electrique] .svc{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid #1A2438;box-shadow:none}
html[data-theme=electrique] .c:hover{border-color:color-mix(in srgb,var(--acc) 60%,#1A2438);box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 40%,transparent),0 20px 50px -25px color-mix(in srgb,var(--acc) 70%,transparent)}
html[data-theme=electrique] .feat>div .n,html[data-theme=electrique] .svc .n{background:color-mix(in srgb,var(--acc) 16%,transparent);color:#fff;border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);border-radius:12px;box-shadow:0 0 18px -4px color-mix(in srgb,var(--acc) 70%,transparent)}
html[data-theme=electrique] .c .pr,html[data-theme=electrique] .c .pr b{color:#fff}
html[data-theme=electrique] .chs span{background:#111A2E;color:#B8C6DE}
html[data-theme=electrique] .panel{background:radial-gradient(80% 140% at 100% 0%,color-mix(in srgb,var(--acc) 55%,transparent),transparent 60%),#0C1322;border:1px solid #1A2438;color:#fff}
html[data-theme=electrique] input,html[data-theme=electrique] select,html[data-theme=electrique] textarea{background:#0C1322!important;color:#E6EEFB!important;border-color:#1E2A42!important}
html[data-theme=electrique] .qk button,html[data-theme=electrique] .vc,html[data-theme=electrique] .cfm,html[data-theme=electrique] .bud,html[data-theme=electrique] .hs,html[data-theme=electrique] .flt .bud,html[data-theme=electrique] .hs .bud,html[data-theme=electrique] .eqc,html[data-theme=electrique] .fv{background:#0C1322!important;color:#E6EEFB!important;border-color:#1E2A42!important}
html[data-theme=electrique] .flt.f2{background:rgba(6,10,19,.95)}html[data-theme=electrique] .ftg{background:#0C1322;color:#E6EEFB;border-color:#1E2A42}
html[data-theme=electrique] #lg{background:#0A1120}html[data-theme=electrique] #lg .b{background:#111A2E;color:#E6EEFB;border-color:#1E2A42}
html[data-theme=electrique] footer{background:#04070E;color:#7486A5}html[data-theme=electrique] footer b,html[data-theme=electrique] footer .fn{color:#fff}
html[data-theme=electrique] .strip{border-top-color:#1A2438}
html[data-theme=electrique] #totop{background:#0C1322;box-shadow:0 0 0 1px #1E2A42,0 14px 34px -12px rgba(0,0,0,.8)}
html[data-theme=electrique] .demob{background:#000}
html[data-theme=electrique] .hside.hcar{background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 45%,transparent),transparent 72%)}
html[data-theme=electrique] .hside.hcar .road{background:repeating-linear-gradient(90deg,transparent 0 26px,color-mix(in srgb,var(--acc) 80%,#fff) 26px 52px) center/100% 2px no-repeat,linear-gradient(180deg,#121B2E,#0A1120);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 40%,transparent),0 0 60px -10px color-mix(in srgb,var(--acc) 60%,transparent)}

/* ---------- FAMILIAL : barre flottante arrondie, bandes colorées ---------- */
@media(min-width:781px){
 html[data-theme=familial] header{top:12px;margin:12px auto 0;max-width:1100px;border-radius:99px;border:1px solid var(--line);box-shadow:0 12px 30px -18px rgba(120,80,30,.45);background:rgba(255,255,255,.92)}
 html[data-theme=familial] header .bar{padding:10px 14px 10px 22px}
}
html[data-theme=familial] nav a[aria-current]{background:var(--acc);color:var(--on)}
html[data-theme=familial] .hero{margin-top:-1px}
html[data-theme=familial] [data-blk=feat]{background:color-mix(in srgb,var(--acc) 9%,#FFF8EF);border-radius:48px;margin:0 16px;padding:64px 0}
html[data-theme=familial] .feat>div .n{width:52px;height:52px;background:var(--acc);color:var(--on);box-shadow:0 10px 20px -10px var(--acc)}
html[data-theme=familial] .feat>div:nth-child(2) .n{background:#F59E0B}html[data-theme=familial] .feat>div:nth-child(3) .n{background:#10B981}
html[data-theme=familial] h2{position:relative;display:inline-block}html[data-theme=familial] h2::after{content:'';position:absolute;left:-4px;right:-4px;bottom:2px;height:12px;background:color-mix(in srgb,var(--acc) 25%,transparent);border-radius:99px;z-index:-1}
html[data-theme=familial] .btn{box-shadow:0 10px 22px -12px var(--acc)}
html[data-theme=familial] .c{border-radius:28px}html[data-theme=familial] .c .cw{border-radius:22px;margin:8px 8px 0}

/* ---------- PRESTIGE : titres centrés et filets dorés ---------- */
html[data-theme=prestige] section h2{text-align:center;padding-bottom:20px}html[data-theme=prestige] section h2::after{left:50%;transform:translateX(-50%)}
html[data-theme=prestige] section h2+p{text-align:center;margin-left:auto;margin-right:auto}html[data-theme=prestige] .panel,html[data-theme=prestige] .shopt{text-align:center}html[data-theme=prestige] .panel .cta{justify-content:center}
html[data-theme=prestige] .c{border-radius:2px}html[data-theme=prestige] .c .cw{border-radius:0}
html[data-theme=prestige] .feat>div{text-align:center}html[data-theme=prestige] .feat>div .n{margin-left:auto;margin-right:auto}

/* ---------- VINTAGE : en-tête centré façon enseigne ---------- */
@media(min-width:781px){
 html[data-theme=vintage] header .bar{flex-direction:column;justify-content:center;gap:6px;padding:20px 22px 10px}
 html[data-theme=vintage] header .logo{font-family:var(--fh);font-size:28px;font-weight:400;letter-spacing:.02em}
 html[data-theme=vintage] header nav{justify-content:center}
}
html[data-theme=vintage] section h2{text-align:center}html[data-theme=vintage] h2::after{text-align:center}

/* ===================== Couleur du garage visible sur tous les thèmes ===================== */
html[data-theme=minimal] .btn{background:var(--acc);color:var(--on)}html[data-theme=minimal] .btn:hover{background:var(--ink);color:#fff}
html[data-theme=minimal] nav a[aria-current]{background:var(--acc);color:var(--on)}
html[data-theme=minimal] .kick{color:var(--acc)}html[data-theme=minimal] .feat>div .n{color:var(--acc)}
html[data-theme=minimal] .panel{background:var(--acc);color:var(--on)}
html[data-theme=familial] .feat>div:nth-child(2) .n{background:color-mix(in srgb,var(--acc) 62%,#B45309)}html[data-theme=familial] .feat>div:nth-child(3) .n{background:color-mix(in srgb,var(--acc) 50%,#047857)}
html[data-theme=vintage] .btn{background:var(--acc);color:var(--on)}html[data-theme=vintage] .kick{border-color:var(--acc);color:var(--acc)}
html[data-theme=urbain] .feat>div .n,html[data-theme=urbain] .svc .n{background:var(--acc);color:var(--on)}

/* ===================== THÈME UNIQUE (généré pour chaque garage) ===================== */
html[data-theme=unique]{--bg:var(--u-bg);--soft:var(--u-soft);--ink:var(--u-ink);--mut:var(--u-mut);--line:var(--u-line)}
html[data-theme=unique][data-umode=dark]{color-scheme:dark}
html[data-theme=unique] body{background:var(--u-bg);color:var(--u-ink)}
html[data-theme=unique] .c,html[data-theme=unique] .chat,html[data-theme=unique] .md,html[data-theme=unique] .shop,html[data-theme=unique] .alr,html[data-theme=unique] .feat>div,html[data-theme=unique] .svc,html[data-theme=unique] .hs{background:var(--u-surf);border-color:var(--u-line)}
html[data-theme=unique] input,html[data-theme=unique] select,html[data-theme=unique] textarea,html[data-theme=unique] .hs input,html[data-theme=unique] .hs .bud,html[data-theme=unique] .flt .bud,html[data-theme=unique] .qk button,html[data-theme=unique] .vc,html[data-theme=unique] .eqc,html[data-theme=unique] .fv,html[data-theme=unique] .ftg{background:var(--u-inp)!important;color:var(--u-ink)!important;border-color:var(--u-line)!important}
html[data-theme=unique] .flt.f2{background:color-mix(in srgb,var(--u-bg) 94%,transparent)}
html[data-theme=unique] .chs span{background:var(--u-soft);color:var(--u-mut)}
html[data-theme=unique] footer{background:var(--u-foot);color:var(--u-mut)}html[data-theme=unique] footer b,html[data-theme=unique] footer .fn{color:var(--u-ink)}
html[data-theme=unique] .strip{border-top-color:var(--u-line)}html[data-theme=unique] .btn.o{background:transparent;color:var(--u-ink);border-color:var(--u-line)}
html[data-theme=unique] #lg{background:var(--u-soft)}html[data-theme=unique] #lg .b{background:var(--u-surf);color:var(--u-ink);border-color:var(--u-line)}
html[data-theme=unique] #totop{background:var(--u-surf)}
html[data-theme=unique][data-uup] h1,html[data-theme=unique][data-uup] h2,html[data-theme=unique][data-uup] h3,html[data-theme=unique][data-uup] nav a,html[data-theme=unique][data-uup] .btn{text-transform:uppercase}
html[data-theme=unique][data-uup] nav a,html[data-theme=unique][data-uup] .btn{letter-spacing:.08em;font-size:13px}
/* en-tête */
html[data-theme=unique] header{background:color-mix(in srgb,var(--u-bg) 88%,transparent);border-bottom-color:var(--u-line)}
html[data-theme=unique] nav a{color:var(--u-mut)}html[data-theme=unique] nav a:hover{background:var(--u-soft);color:var(--u-ink)}html[data-theme=unique] nav a[aria-current]{background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--u-ink)}
html[data-uhead=solid] header{background:var(--acc)!important;border-bottom:0}html[data-uhead=solid] header .logo,html[data-uhead=solid] header nav a{color:var(--on)!important}html[data-uhead=solid] header nav a[aria-current],html[data-uhead=solid] header nav a:hover{background:rgba(255,255,255,.18)!important}html[data-uhead=solid] .burger i{background:var(--on)}
html[data-uhead=dark] header{background:#0B0C10!important;border-bottom:0}html[data-uhead=dark] header .logo{color:#fff}html[data-uhead=dark] header nav a{color:#B6BAC6!important}html[data-uhead=dark] header nav a[aria-current]{background:var(--acc)!important;color:var(--on)!important}html[data-uhead=dark] .burger i{background:#fff}
html[data-uhead=line] header{background:var(--u-bg);border-bottom:3px solid var(--acc)}
@media(min-width:781px){html[data-uhead=float] header{top:12px;margin:12px auto 0;max-width:1100px;border-radius:calc(var(--r,20px) + 6px);border:1px solid var(--u-line);box-shadow:0 14px 34px -20px rgba(0,0,0,.45)}}
/* bandeau d'accueil */
html[data-uhero=mesh] .hero{background:radial-gradient(55% 70% at 85% 10%,color-mix(in srgb,var(--acc) 35%,transparent),transparent 70%),radial-gradient(45% 60% at 5% 95%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%),var(--u-bg)}
html[data-uhero=diag] .hero{background:linear-gradient(118deg,var(--u-soft) 0 62%,var(--acc) 62.2% 100%)}
html[data-uhero=solid] .hero{background:var(--acc);color:var(--on)}html[data-uhero=solid] .hero p,html[data-uhero=solid] .hero .strip *{color:inherit;opacity:.88}html[data-uhero=solid] .hero .btn{background:var(--on);color:var(--acc)}html[data-uhero=solid] .hero .btn.o{background:transparent;color:var(--on);border-color:currentColor}html[data-uhero=solid] .hero .kick{background:rgba(255,255,255,.18);color:var(--on)}html[data-uhero=solid] .hero .strip{border-top-color:rgba(255,255,255,.3)}html[data-uhero=solid] .hero .hs .btn{background:var(--acc);color:var(--on)}
html[data-uhero=dots] .hero{background:radial-gradient(color-mix(in srgb,var(--acc) 35%,transparent) 1.4px,transparent 1.6px) 0 0/22px 22px,var(--u-bg)}
html[data-uhero=stripes] .hero{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--acc) 9%,transparent) 0 14px,transparent 14px 28px),var(--u-bg)}
html[data-uhero=glow] .hero{background:radial-gradient(70% 90% at 50% 0%,color-mix(in srgb,var(--acc) 45%,transparent),transparent 65%),var(--u-bg)}
html[data-uhero=band] .hero{background:linear-gradient(180deg,var(--u-soft),var(--u-bg));border-bottom:6px solid var(--acc)}
/* cartes */
html[data-ucard=shadow] .c,html[data-ucard=shadow] .feat>div,html[data-ucard=shadow] .svc{border-color:transparent;box-shadow:0 18px 40px -24px rgba(0,0,0,.45)}
html[data-ucard=border] .c,html[data-ucard=border] .feat>div,html[data-ucard=border] .svc{border:1.5px solid var(--u-line);box-shadow:none}
html[data-ucard=offset] .c,html[data-ucard=offset] .feat>div,html[data-ucard=offset] .svc{border:2px solid var(--u-ink);box-shadow:6px 6px 0 var(--acc)}
html[data-ucard=glass] .c,html[data-ucard=glass] .feat>div,html[data-ucard=glass] .svc{background:color-mix(in srgb,var(--u-surf) 70%,transparent);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--u-ink) 12%,transparent);box-shadow:none}
html[data-ucard=flat] .c,html[data-ucard=flat] .feat>div,html[data-ucard=flat] .svc{background:var(--u-soft);border-color:transparent;box-shadow:none}
html[data-ucard=top] .c,html[data-ucard=top] .feat>div,html[data-ucard=top] .svc{border:1px solid var(--u-line);border-top:4px solid var(--acc);box-shadow:none}
/* boutons */
html[data-ubtn=pill] .btn{border-radius:99px}
html[data-ubtn=sharp] .btn{border-radius:0}
html[data-ubtn=outline] .btn:not(.o){background:transparent;color:var(--acc);box-shadow:inset 0 0 0 2px var(--acc)}html[data-ubtn=outline] .btn:not(.o):hover{background:var(--acc);color:var(--on);filter:none}html[data-uhero=solid][data-ubtn=outline] .hero .btn:not(.o){color:var(--on);box-shadow:inset 0 0 0 2px var(--on)}
html[data-ubtn=hard] .btn{box-shadow:4px 4px 0 var(--u-ink);border:2px solid var(--u-ink)}html[data-ubtn=hard] .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--u-ink);filter:none}
html[data-ubtn=glow] .btn:not(.o){box-shadow:0 10px 28px -8px var(--acc)}
/* titres */
html[data-utitle=bar] section h2::after{content:'';display:block;width:48px;height:4px;border-radius:4px;background:var(--acc);margin-top:14px}
html[data-utitle=dot] section h2::before{content:'';display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--acc);margin-right:12px;vertical-align:middle}
html[data-utitle=line] section h2{border-top:2px solid var(--acc);padding-top:16px}
html[data-utitle=center] section h2{text-align:center}html[data-utitle=center] section h2::after{content:'';display:block;width:56px;height:2px;background:var(--acc);margin:14px auto 0}
html[data-utitle=mark] section h2{display:inline-block;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--acc) 35%,transparent) 62%)}
html[data-theme=unique] .kick{background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--u-ink)}
html[data-theme=unique][data-hero=plein] .hero{background:radial-gradient(90% 80% at 80% 10%,color-mix(in srgb,var(--acc) 55%,#05070B) 0%,#05070B 70%);color:#fff;border:0}
html[data-theme=unique][data-hero=plein] .hero .kick{background:rgba(255,255,255,.12);color:#fff}
html[data-theme=unique][data-hero=plein] .hero .hs{background:rgba(255,255,255,.96)}html[data-theme=unique][data-hero=plein][data-umode=dark] .hero .hs{background:var(--u-surf)}
html[data-uhero=solid][data-theme=unique] .hero .kick{background:rgba(255,255,255,.2);color:var(--on)}

/* ===================== FLUIDITÉ + ANIMATIONS v3 ===================== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .14s ease both}::view-transition-new(root){animation:vtIn .22s ease both}
@keyframes vtOut{to{opacity:0}}@keyframes vtIn{from{opacity:0}}
@media(max-width:780px){header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html:not([data-theme]) header,html[data-theme=moderne] header{background:rgba(255,255,255,.98)}}
header{transition:box-shadow .25s ease,background .25s ease}html.scrolled header{box-shadow:0 10px 30px -18px rgba(15,23,42,.35)}
/* squelettes pendant le chargement du stock */
.skc{pointer-events:none}.skc .cw,.skc .skl{background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 0%,color-mix(in srgb,var(--ink) 12%,transparent) 40%,color-mix(in srgb,var(--ink) 6%,transparent) 80%) 0 0/300% 100%;animation:skm 1.2s ease-in-out infinite}
.skc .skb{padding:16px 18px 20px;display:grid;gap:10px}.skc .skl{height:12px;border-radius:6px}.skc .skl.w7{width:70%}.skc .skl.w4{width:40%}.skc .skl.h{height:20px;width:35%}
@keyframes skm{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(prefers-reduced-motion:no-preference){
 /* titre d'accueil : les mots apparaissent un par un */
 .hero h1 .hw{display:inline-block;opacity:0;transform:translateY(.45em) rotate(2deg);filter:blur(6px);animation:hw .7s cubic-bezier(.2,.75,.2,1) forwards}
 .hero h1.split{animation:none}
 @keyframes hw{to{opacity:1;transform:none;filter:none}}
 /* cartes : apparition plus vivante */
 html.rv-on .c.rv{transform:translateY(26px) scale(.97)}
 html.rv-on h2.rv{transform:translateY(16px);filter:blur(4px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1),filter .6s ease}html.rv-on h2.rv.rvin{filter:none}
 /* reflet sur les boutons principaux */
 .btn:not(.o){position:relative;overflow:hidden;isolation:isolate}
 .btn:not(.o)::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s ease;z-index:-1;pointer-events:none}
 .btn:not(.o):hover::after{transform:translateX(120%)}
 /* fenêtre véhicule */
 .mo{animation:moIn .22s ease both}.mo .md{animation:mdIn .35s cubic-bezier(.2,.8,.2,1) both}
 @keyframes moIn{from{opacity:0}}@keyframes mdIn{from{opacity:0;transform:translateY(24px) scale(.97)}}
 /* cœur favoris */
 .fv.on{animation:pop .4s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{40%{transform:scale(1.35)}}
 /* icônes des points forts */
 .feat>div .n,.svc .n{transition:transform .35s cubic-bezier(.2,1.4,.4,1)}.feat>div:hover .n,.svc:hover .n{transform:rotate(-8deg) scale(1.12)}
 .feat>div,.svc{transition:transform .25s ease,box-shadow .25s ease}.feat>div:hover,.svc:hover{transform:translateY(-4px)}
 /* chiffres du bandeau */
 .strip>div{transition:transform .3s}.strip>div:hover{transform:translateY(-2px)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .c .cw::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 62%);transform:translateX(-110%);transition:transform .9s ease;pointer-events:none}
 .c:hover .cw::after{transform:translateX(110%)}
}

/* ===================== ANIMATIONS AU CHOIX ===================== */
/* Aucune */
html[data-anim=aucune] .rv,html[data-anim=aucune] .hero h1 .hw,html[data-anim=aucune] .hero *{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}
html[data-anim=aucune] .btn::after,html[data-anim=aucune] .c .cw::after{display:none}
html[data-anim=aucune] .mo,html[data-anim=aucune] .mo .md{animation:none}
html[data-anim=aucune]::view-transition-old(root),html[data-anim=aucune]::view-transition-new(root){animation:none}
@media(prefers-reduced-motion:no-preference){
 /* Dynamiques : plus d'amplitude, effet ressort, cartes qui arrivent des côtés */
 html[data-anim=dynamiques].rv-on .rv{transform:translateY(46px) scale(.94);transition:opacity .5s ease,transform .75s cubic-bezier(.18,1.35,.4,1)}
 html[data-anim=dynamiques].rv-on .c.rv:nth-child(3n+1){transform:translateX(-50px) rotate(-2deg)}html[data-anim=dynamiques].rv-on .c.rv:nth-child(3n){transform:translateX(50px) rotate(2deg)}
 html[data-anim=dynamiques].rv-on .rv.rvin{transform:none!important}
 html[data-anim=dynamiques] .hero h1 .hw{transform:translateY(.9em) scale(.8) rotate(-6deg);animation-timing-function:cubic-bezier(.18,1.5,.4,1);animation-duration:.6s}
 html[data-anim=dynamiques] .c:hover{transform:translateY(-8px) rotate(-.6deg)}
 html[data-anim=dynamiques] .btn:hover{transform:translateY(-3px) scale(1.03)}
 /* Élégantes : fondus lents, mouvements discrets */
 html[data-anim=elegantes].rv-on .rv{transform:translateY(10px);filter:none!important;transition:opacity 1.2s ease,transform 1.4s cubic-bezier(.16,.84,.3,1)}
 html[data-anim=elegantes] .hero h1 .hw{transform:none;filter:none;letter-spacing:.12em;animation:hwel 1.4s cubic-bezier(.16,.84,.3,1) forwards}
 @keyframes hwel{to{opacity:1;letter-spacing:normal}}
 html[data-anim=elegantes] .c:hover{transform:translateY(-2px)}html[data-anim=elegantes] .c:hover .cw img.main{transform:scale(1.03)}
 html[data-anim=elegantes] .btn::after{display:none}
 /* Cinéma : photos dévoilées comme un rideau, titres qui sortent du flou */
 html[data-anim=cinema].rv-on .rv{transform:translateY(30px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
 html[data-anim=cinema].rv-on .c.rv .cw{clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.7,0,.2,1) .15s}
 html[data-anim=cinema].rv-on .c.rv.rvin .cw{clip-path:inset(0)}
 html[data-anim=cinema].rv-on .c.rv .cw img.main{transform:scale(1.25);transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .15s}html[data-anim=cinema].rv-on .c.rv.rvin .cw img.main{transform:scale(1)}
 html[data-anim=cinema].rv-on h2.rv{filter:blur(12px);transform:translateY(0) scale(1.08);transition:opacity 1s ease,transform 1.1s ease,filter 1s ease}
 html[data-anim=cinema] .hero h1 .hw{transform:translateY(.6em);filter:blur(14px);animation-duration:1.1s}
 html[data-anim=cinema] .hero{animation:cineBg 1.6s ease both}@keyframes cineBg{from{background-size:auto,auto,auto;filter:brightness(.6)}to{filter:none}}
}

/* arrivée des véhicules : fondu rapide à la place des cartes de chargement, sans saut */
html.rv-on .grid .c.rv{transform:none!important;filter:none!important;transition:opacity .35s ease!important}
html.warm .hero .kick,html.warm .hero h1,html.warm .hero p,html.warm .hero .cta,html.warm .hero .hs,html.warm .hero .btn{animation:none!important}

html[data-theme=prestige] .flt.f2 .ftg{background:#16161A;color:#F3EFE7;border-color:#2C2C32}
html[data-theme=electrique] .flt.f2 .ftg{background:#0C1322;color:#E6EEFB;border-color:#1E2A42}
html[data-theme=unique] .flt.f2 .ftg{background:var(--u-inp);color:var(--u-ink);border-color:var(--u-line)}
/* première visite : on attend le thème du garage avant d'afficher (évite le clignotement de couleurs) */
html.boot body{opacity:0}body{transition:opacity .25s ease}

/* Photos des véhicules : arrondies dès leur apparition (le navigateur perd l'arrondi pendant les animations sinon) */
.c{--cr:var(--r,20px)}html[data-theme=prestige] .c{--cr:2px}html[data-theme=minimal] .c{--cr:0px}
.c .cw{border-radius:var(--cr) var(--cr) 0 0;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:linear-gradient(#000,#000);isolation:isolate}
@media(min-width:781px){html[data-cards=liste] .c .cw{border-radius:var(--cr) 0 0 var(--cr)}}
@media(max-width:780px){.grid .c{--cr:16px}.grid .c .cw{border-radius:var(--cr) 0 0 var(--cr)}#latest #grid .c .cw,html[data-cards=grandes] .grid .c .cw{border-radius:var(--cr) var(--cr) 0 0}html[data-theme=minimal] .grid .c{--cr:0px}html[data-theme=prestige] .grid .c{--cr:2px}}
html[data-theme=familial] .c .cw,html[data-theme=familial] .grid .c .cw{border-radius:22px}
.mo .gal .bw,.mo .gal .big{-webkit-mask-image:-webkit-radial-gradient(white,black)}

/* « Vous aimerez aussi » dans la fiche véhicule */
.sim{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.sim h3{font-size:16px;margin:0 0 12px}
.simr{display:grid;gap:10px}.simc{display:flex;gap:12px;align-items:center;width:100%;padding:8px;border:1px solid var(--line);border-radius:calc(var(--r,20px)*.6);background:var(--bg);color:var(--ink);cursor:pointer;text-align:left;font:inherit;transition:border-color .2s,transform .2s}
.simc:hover{border-color:var(--acc);transform:translateY(-1px)}.simw{width:88px;height:62px;border-radius:calc(var(--r,20px)*.45);overflow:hidden;flex:none;background:var(--soft);-webkit-mask-image:-webkit-radial-gradient(white,black)}.simw img{width:100%;height:100%;object-fit:cover;display:block}
.simt{display:flex;flex-direction:column;min-width:0}.simt b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simt small{color:var(--mut);font-size:12.5px}.simt em{font-style:normal;font-weight:700;color:var(--acc);font-size:14px}
html[data-theme=prestige] .simc,html[data-theme=electrique] .simc{background:rgba(255,255,255,.03)}html[data-theme=unique] .simc{background:var(--u-surf)}
.pr small.ttc,.ttc{font-size:.55em;font-weight:600;opacity:.65;letter-spacing:.02em;margin-left:2px}
.chat .cnote{margin:0;padding:0 14px 10px;font-size:12px;color:var(--mut,#667085);background:#fff}.chat .cnote a{color:inherit}
.c .in:focus-visible{outline:3px solid var(--acc);outline-offset:-3px}

#lg .b.typ{display:inline-flex;gap:5px;align-items:center;flex-wrap:wrap;min-height:38px}#lg .b.typ i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.35;animation:typ 1.1s ease-in-out infinite}#lg .b.typ i:nth-child(2){animation-delay:.15s}#lg .b.typ i:nth-child(3){animation-delay:.3s}#lg .b.typ .typs{flex-basis:100%;font-size:12.5px;opacity:.7;margin-top:2px}@keyframes typ{30%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){#lg .b.typ i{animation:none;opacity:.6}}

.est{margin:14px 0 4px;display:grid;gap:10px}.est .btn{width:100%}.estc{border:1.5px solid var(--acc);border-radius:calc(var(--r,20px)*.6);padding:14px 16px;background:color-mix(in srgb,var(--acc) 6%,var(--card,#fff))}.estc small{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700}.estc b{display:block;font-size:26px;letter-spacing:-.02em;margin:2px 0 6px;color:var(--ink)}.estc p{margin:6px 0 0;font-size:14px}.estc .estl{font-size:12px;color:var(--mut)}.estw{color:#B54708}.estk{color:#B42318;font-size:14px;margin:0}

.c .cw .pop{position:absolute;left:12px;bottom:12px;z-index:2;background:rgba(17,24,39,.82);color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:99px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}

.mrq{margin:34px 0 10px}.mrq h3{font-size:17px;margin:0 0 12px}.mrq div{display:flex;flex-wrap:wrap;gap:8px}.mrq a{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:var(--card,#fff);color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px}.mrq a:hover{border-color:var(--acc);color:var(--acc)}.mrq small{color:var(--mut);font-weight:500}
@media(max-width:780px){.c .cw .pop{left:8px;bottom:8px;font-size:11px;padding:4px 8px}.c .cw .pop .pl{display:none}}

.cmpf{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.cmpf .hint{margin:0;color:var(--mut);font-size:14px}.cmpbk{border:0;background:none;color:var(--acc);font:inherit;font-weight:700;cursor:pointer;padding:0;margin:0 0 10px;display:block}
@media(max-width:780px){.md.cmp{padding:20px 14px}.cmp tr>th:first-child{position:sticky;left:0;background:var(--mdbg,#fff);z-index:1;box-shadow:1px 0 0 var(--line)}.cmp th,.cmp td{padding:10px;font-size:14px}.cmp table{min-width:0;width:max-content}.cmp td,.cmp tr:first-child th:not(:first-child){width:calc((100vw - 140px)/2);min-width:calc((100vw - 140px)/2);max-width:calc((100vw - 140px)/2)}.cmp tr>th:first-child{width:84px;font-size:13px;padding-left:4px}.cmp img{max-height:90px}.cmp td .btn{padding:8px 12px;font-size:13.5px}.cmpf .btn{width:100%}}
html[data-theme=prestige]{--mdbg:#121215}html[data-theme=electrique]{--mdbg:#0A101C}html[data-theme=unique]{--mdbg:var(--u-surf)}
.chat.nobot #lg{height:auto!important;max-height:none!important;overflow:visible!important}

.ei{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.16em;flex:none}

/* Accès rapides sous le hero */
#strip.qa{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:40px;border-top:0;padding-top:0}
#strip.qa>.qk{display:flex;align-items:center;gap:12px;padding:14px 16px!important;margin:0!important;width:auto!important;background:#fff;border:1px solid color-mix(in srgb,var(--acc) 14%,#e3e7ee);border-radius:var(--r,14px);text-decoration:none;color:var(--ink);min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s;flex-direction:row}
#strip.qa>.qk:hover{border-color:color-mix(in srgb,var(--acc) 45%,#e3e7ee);box-shadow:0 8px 22px -12px rgba(15,23,42,.28);transform:translateY(-1px)}
#strip.qa .qi{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 12%,#fff);color:var(--acc)}
#strip.qa .qi svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#strip.qa .qt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;gap:1px}#strip.qa>.qk{flex-wrap:nowrap}
.hs .bud{flex:1 1 300px}.hs .bud>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#strip.qa .qt b{font-size:15.5px!important;white-space:nowrap;letter-spacing:0}#strip.qa .qt small{font-size:13px!important;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#strip.qa .qk.ok .qt b{color:#067647}#strip.qa .qk.ko .qt b{color:#b42318}
@media(max-width:780px){#strip.qa{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}#strip.qa>.qk{padding:12px!important;gap:10px;flex-direction:column;align-items:flex-start;flex-wrap:nowrap}.hs .bud{flex:1 1 100%}#strip.qa .qi{width:36px;height:36px}#strip.qa .qt{width:100%}#strip.qa>.qk:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}#strip.qa>.qk:last-child:nth-child(odd) .qt{width:auto;flex:1}#strip.qa .qt b{font-size:14.5px!important}#strip.qa .qt small{font-size:12.5px!important}}

/* Chat : bouton « … » pour afficher les autres choix */
.qk .qmore{display:inline-flex;align-self:stretch;align-items:center;justify-content:center;gap:4px;min-width:52px}.qk .qmore span{width:5px;height:5px;border-radius:50%;background:currentColor;display:block}

/* Qui sommes-nous : grande photo et galerie */
.abph{margin:0;border-radius:var(--r,18px);overflow:hidden;box-shadow:0 24px 60px -30px rgba(15,23,42,.45);aspect-ratio:16/7;background:var(--soft)}.abph img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.agal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.agal[data-n="1"]{grid-template-columns:1fr}.agal[data-n="2"],.agal[data-n="4"]{grid-template-columns:repeat(2,1fr)}
.agal .gi{padding:0;border:0;background:var(--soft);border-radius:calc(var(--r,18px) - 4px);overflow:hidden;aspect-ratio:4/3;cursor:zoom-in;display:block}.agal .gi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.agal .gi:hover img{transform:scale(1.04)}
.lbx{position:fixed;inset:0;z-index:200;background:rgba(10,14,22,.92);display:grid;place-items:center;padding:20px}.lbx img{max-width:100%;max-height:88vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lbx button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:46px;height:46px;border-radius:50%;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center}.lbx button:hover{background:rgba(255,255,255,.22)}.lbc{top:16px;right:16px}.lbp{left:16px;top:50%;transform:translateY(-50%)}.lbn{right:16px;top:50%;transform:translateY(-50%)}
@media(max-width:700px){.abph{aspect-ratio:4/3}.agal{grid-template-columns:repeat(2,1fr)!important;gap:8px}.agal[data-n="1"]{grid-template-columns:1fr!important}.lbp,.lbn{top:auto!important;bottom:22px;transform:none!important}}

/* Accueil : bandeau « Récemment vendus » (optionnel) */
.sold{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sold .sc{border-radius:var(--r,16px);overflow:hidden;background:#fff;border:1px solid var(--line)}
.sold .sf{position:relative;aspect-ratio:4/3;background:var(--soft);overflow:hidden}.sold .sf img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85)}
.sold .sb{position:absolute;top:12px;left:12px;background:#101828;color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:99px}
.sold .st{padding:12px 14px}.sold .st b{display:block;font-size:15px;line-height:1.3}.sold .st small{color:var(--mut);font-size:13px}
@media(max-width:780px){.sold{grid-template-columns:repeat(2,1fr);gap:10px}.sold .st{padding:10px}.sold .st b{font-size:14px}}

/* Thème repris du site du garage : en-tête et pied de page à ses couleurs exactes */
[data-uhead=x] header{background:var(--uh-bg)!important;border-bottom:0}
[data-uhead=x] header .logo,html[data-uhead=x] header nav a{color:var(--uh-ink)!important}
[data-uhead=x] header nav a[aria-current],html[data-uhead=x] header nav a:hover{background:color-mix(in srgb,var(--uh-ink) 16%,transparent)!important}
[data-uhead=x] .burger i{background:var(--uh-ink)}
html[data-theme=unique][data-ufoot] footer{color:var(--uf-ink)}
html[data-theme=unique][data-ufoot] footer a,html[data-theme=unique][data-ufoot] footer b,html[data-theme=unique][data-ufoot] footer h3,html[data-theme=unique][data-ufoot] footer h4{color:var(--uf-ink)}
/* Pendant la montée : seulement la voiture, sans le rond (quel que soit le thème) */
html #totop.go,html[data-theme] #totop.go{background:transparent!important;box-shadow:none!important;transition:none!important}

html[data-uls] h1,html[data-uls] h2,html[data-uls] h3{letter-spacing:var(--uls)!important}
html[data-theme=unique] body{font-weight:var(--ubw,400)}
/* Thème unique sombre : éléments qui restaient blancs */
html[data-theme=unique][data-umode=dark] #strip.qa>.qk,html[data-theme=unique][data-umode=dark] .mrq a,html[data-theme=unique][data-umode=dark] .qk button,html[data-theme=unique][data-umode=dark] .chips button,html[data-theme=unique][data-umode=dark] .chat .cnote,html[data-theme=unique][data-umode=dark] .rvc.ghost,html[data-theme=unique][data-umode=dark] .eqc,html[data-theme=unique][data-umode=dark] .cfm,html[data-theme=unique][data-umode=dark] .vc,html[data-theme=unique][data-umode=dark] .sold .sc,html[data-theme=unique][data-umode=dark] .md .x,html[data-theme=unique][data-umode=dark] .b{background:var(--u-surf);color:var(--u-ink);border-color:var(--u-line)}
html[data-theme=unique][data-umode=dark] #strip.qa .qi{background:color-mix(in srgb,var(--acc) 18%,var(--u-surf))}
html[data-theme=unique][data-umode=dark] #strip.qa .qt b{color:var(--u-ink)}
html[data-theme=unique][data-umode=dark] .svc .n{background:color-mix(in srgb,var(--acc) 18%,var(--u-surf));color:var(--u-ink)}
html[data-theme=unique][data-umode=dark] #strip.qa .qk.ok .qt b{color:#4ADE80}
html[data-theme=unique][data-umode=dark] .qk button:hover,html[data-theme=unique][data-umode=dark] .qk button.on{background:var(--acc);color:var(--on)}
/* Titres à la taille du site du garage */
html[data-uh1] h1,html[data-uh1] .hero h1,html[data-uh1] header+* h1{font-size:clamp(28px,5.4vw,var(--uh1))!important}

/* Mise en page reprise du site du garage */
.utb{background:var(--utb-bg);color:var(--utb-ink);font-size:13px;line-height:1.3}
.utb .w{display:flex;justify-content:space-between;align-items:center;gap:8px 18px;padding:7px 22px;flex-wrap:wrap}
.utb span{display:flex;gap:6px 18px;flex-wrap:wrap;align-items:center}.utb a{color:inherit;text-decoration:none;font-weight:600}
@media(max-width:780px){.utb .w>span:first-child{display:none}.utb .w{justify-content:center;padding:6px 16px}}
html[data-unu] header nav a{text-transform:uppercase;letter-spacing:.07em;font-size:13.5px}
@media(min-width:781px){html[data-uhl=center] header .bar{flex-direction:column;align-items:center;gap:10px;padding-top:16px;padding-bottom:10px}html[data-uhl=center] header nav{justify-content:center}}
html[data-theme=unique] section[data-blk]:not([data-blk=cta]) h2{color:var(--uhc,inherit)}
/* Thèmes sombres : éléments blancs passés en surfaces sombres */
html[data-theme=prestige] #strip.qa>.qk,html[data-theme=prestige] .mrq a,html[data-theme=prestige] .chips button,html[data-theme=prestige] .chat .cnote,html[data-theme=prestige] .rvc.ghost,html[data-theme=prestige] .sold .sc,html[data-theme=prestige] .md .x,html[data-theme=prestige] .b{background:#16161A;color:#F3EFE7;border-color:#2C2C32}html[data-theme=prestige] #strip.qa .qi{background:color-mix(in srgb,var(--acc) 18%,#16161A)}html[data-theme=prestige] #strip.qa .qt b{color:#F3EFE7}html[data-theme=prestige] #strip.qa .qk.ok .qt b{color:#4ADE80}html[data-theme=prestige] #strip.qa .qk.ko .qt b{color:#F87171}html[data-theme=prestige] .svc .n{background:color-mix(in srgb,var(--acc) 18%,#16161A);color:#F3EFE7}
html[data-theme=electrique] #strip.qa>.qk,html[data-theme=electrique] .mrq a,html[data-theme=electrique] .chips button,html[data-theme=electrique] .chat .cnote,html[data-theme=electrique] .rvc.ghost,html[data-theme=electrique] .sold .sc,html[data-theme=electrique] .md .x,html[data-theme=electrique] .b{background:#0C1322;color:#E6EEFB;border-color:#1E2A42}html[data-theme=electrique] #strip.qa .qi{background:color-mix(in srgb,var(--acc) 18%,#0C1322)}html[data-theme=electrique] #strip.qa .qt b{color:#E6EEFB}html[data-theme=electrique] #strip.qa .qk.ok .qt b{color:#4ADE80}html[data-theme=electrique] #strip.qa .qk.ko .qt b{color:#F87171}html[data-theme=electrique] .svc .n{background:color-mix(in srgb,var(--acc) 18%,#0C1322);color:#E6EEFB}
html[data-theme=urbain] .hero #strip.qa>.qk{background:#1E1E1E;border-color:#3A3A3A}html[data-theme=urbain] .hero #strip.qa>.qk:hover{border-color:var(--acc)}html[data-theme=urbain] .hero #strip.qa .qi{background:color-mix(in srgb,var(--acc) 22%,#1E1E1E);color:#fff}html[data-theme=urbain] .hero #strip.qa .qt b{color:#fff}html[data-theme=urbain] .hero #strip.qa .qt small,html[data-theme=urbain] .hero #strip.qa .qt span{color:#BDBDB7}html[data-theme=urbain] .hero #strip.qa .qk.ok .qt b{color:#4ADE80}html[data-theme=urbain] .hero #strip.qa .qk.ko .qt b{color:#F87171}
html[data-theme=sport] footer a,html[data-theme=sport] footer p,html[data-theme=sport] footer li,html[data-theme=sport] footer small{color:#B4BAC4}html[data-theme=sport] footer a:hover{color:#fff}html[data-theme=vintage] footer a,html[data-theme=vintage] footer p,html[data-theme=vintage] footer li,html[data-theme=vintage] footer small{color:#D9CCB4}html[data-theme=vintage] footer a:hover{color:#fff}html[data-theme=sport] .hero #strip.qa>.qk{background:#18181C;border-color:#2E2E35}html[data-theme=sport] .hero #strip.qa>.qk:hover{border-color:var(--acc)}html[data-theme=sport] .hero #strip.qa .qi{background:color-mix(in srgb,var(--acc) 22%,#18181C);color:#fff}html[data-theme=sport] .hero #strip.qa .qt b{color:#fff}html[data-theme=sport] .hero #strip.qa .qt small,html[data-theme=sport] .hero #strip.qa .qt span{color:#B4BAC4}html[data-theme=sport] .hero #strip.qa .qk.ok .qt b{color:#4ADE80}html[data-theme=sport] .hero #strip.qa .qk.ko .qt b{color:#F87171}html[data-theme=vintage] section h2+p{text-align:center;margin-left:auto;margin-right:auto}html[data-theme=vintage] .panel,html[data-theme=vintage] .shopt{text-align:center}html[data-theme=vintage] .panel .cta{justify-content:center}
html[data-theme=prestige] .bud input[type=range],html[data-theme=prestige] .flt .bud input[type=range],html[data-theme=prestige] .hs .bud input[type=range],html[data-theme=electrique] .bud input[type=range],html[data-theme=electrique] .flt .bud input[type=range],html[data-theme=electrique] .hs .bud input[type=range],html[data-theme=unique][data-umode=dark] .bud input[type=range],html[data-theme=unique][data-umode=dark] .flt .bud input[type=range],html[data-theme=unique][data-umode=dark] .hs .bud input[type=range]{background:linear-gradient(90deg,var(--acc) var(--p,100%),rgba(255,255,255,.18) var(--p,100%))!important;border:0!important}
@media(max-width:780px){html[data-theme=prestige] header{background:rgba(11,11,13,.97)}html[data-theme=electrique] header{background:rgba(6,10,19,.97)}html[data-theme=unique] header{background:color-mix(in srgb,var(--u-bg) 97%,transparent)}html[data-theme=unique][data-uhead=x] header{background:var(--uh-bg)}html[data-theme=familial] header{background:rgba(255,252,248,.98)}html[data-theme=minimal] header,html[data-theme=vintage] header{background-color:color-mix(in srgb,var(--bg,#fff) 98%,transparent)}}
.hero{overflow-x:clip}
/* Finitions : numéros en double (style Minimal, page Qui sommes-nous) et fiche véhicule opaque (style Électrique) */
html[data-theme=minimal] .feat>div .n{font-size:0}
html[data-theme=minimal] .feat>div .n::before{font-size:44px;line-height:1}
html[data-theme=electrique] .md{background:linear-gradient(180deg,#0F1729,#0A101D)}
/* ===== Cartes plus vivantes : fondu à l'arrivée, 2e photo au survol, étiquettes ===== */
.c .cw img.main.fi{opacity:0;transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.c .cw img.main.fi.ok{opacity:1}
.cw:has(>img.main.fi:not(.ok)){background:linear-gradient(100deg,var(--soft) 30%,color-mix(in srgb,var(--soft) 55%,#fff) 50%,var(--soft) 70%) 0 0/300% 100%;animation:cwSh 1.3s linear infinite}
@keyframes cwSh{to{background-position:-150% 0}}
.cw .alt{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;pointer-events:none}
@media (hover:hover) and (pointer:fine){.c:hover .cw .alt.ok{opacity:1}}
.bds{flex-wrap:wrap;max-width:calc(100% - 64px);align-items:flex-start}.bd1{white-space:nowrap}
.bd1.pd{background:#047857;color:#fff}.bd1.pd::before{content:'↓ '}
.cw:has(>.b360) .pc{display:none}
.b360{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:5px;background:rgba(15,23,42,.8);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.02em;padding:5px 10px 5px 8px;border-radius:99px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.b360 svg{width:16px;height:16px}
@media(max-width:780px){
 .c .bds{flex-direction:column;gap:4px;max-width:calc(100% - 38px)}
 .c .bd1{font-size:10.5px;padding:3px 7px;max-width:100%;white-space:normal;line-height:1.2;overflow:visible;text-overflow:clip}
 html[data-cards=grandes] .c .bds,#latest #grid .c .bds{flex-direction:row;max-width:calc(100% - 56px)}
 .c .bd1+.bd1.pd{display:none}html[data-cards=grandes] .c .bd1+.bd1.pd,#latest #grid .c .bd1+.bd1.pd{display:inline-block}
 .c .b360{right:5px;bottom:5px;font-size:10.5px;padding:3px 7px 3px 5px;gap:3px}.c .b360 svg{width:13px;height:13px}
 html[data-cards=grandes] .c .b360,#latest #grid .c .b360{right:10px;bottom:10px;font-size:12px;padding:4px 9px 4px 7px}
}
@media(prefers-reduced-motion:reduce){.cw:has(>img.main.fi:not(.ok)){animation:none}.c .cw img.main.fi{transition:none}}

/* ===== Fiche : galerie, bouton plein écran, vue 360° ===== */
.bw .big{cursor:zoom-in;transition:opacity .3s}.bw .big.ld{opacity:.4}
.bzf{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;border:0;background:rgba(15,23,42,.74);color:#fff;font:700 13px/1 var(--f);padding:9px 12px;border-radius:99px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-variant-numeric:tabular-nums}
.bzf svg{width:15px;height:15px}.bzf:hover{background:rgba(15,23,42,.9)}
.p360{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;border:0;background:var(--acc);color:var(--on);font:800 13.5px/1 var(--f);padding:10px 14px 10px 11px;border-radius:99px;cursor:pointer;box-shadow:0 8px 22px -8px rgba(15,23,42,.55)}
.p360 svg{width:18px;height:18px}
.bw.m360 .big{visibility:hidden}.bw.m360 .nv,.bw.m360 .bzf,.bw.m360 .p360{display:none}
.th button{flex:0 0 auto;border:0;padding:0;background:none;border-radius:8px;cursor:pointer;line-height:0;position:relative}
.th button img{display:block}.th button.on img{opacity:1;outline:2px solid var(--acc);outline-offset:2px}
.t360 b{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.55);color:#fff;font-size:12.5px;font-weight:800;border-radius:8px;line-height:1;letter-spacing:.02em}
.spv{position:absolute;inset:0;z-index:1;background:#F3F4F6;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:-3px}
.spv.drag{cursor:grabbing}.spv.zm{touch-action:none;cursor:move}
.spv .spi{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:transform .25s ease;-webkit-user-drag:none}
.spb{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.82);color:#fff;font:800 13px/1 var(--f);letter-spacing:.04em;padding:8px 11px;border-radius:99px}
.spb svg{width:17px;height:17px}
.sph{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.94);color:#0F172A;font:700 13px/1 var(--f);padding:9px 13px;border-radius:99px;box-shadow:0 6px 18px -8px rgba(15,23,42,.4);transition:opacity .4s;white-space:nowrap;pointer-events:none}
.sph svg{width:19px;height:19px;animation:spSw 1.6s ease-in-out infinite}.sph.off{opacity:0}
@keyframes spSw{0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}
.spl{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(15,23,42,.08);transition:opacity .4s}.spl i{display:block;height:100%;width:0;background:var(--acc);transition:width .2s}.spl.ok{opacity:0}
.spc{position:absolute;right:10px;bottom:12px;display:flex;gap:6px}
.spc button{width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#0F172A;font-size:14px;font-family:var(--f);line-height:1;box-shadow:0 4px 14px -4px rgba(15,23,42,.35);cursor:pointer;display:grid;place-items:center;padding:0}
.spc button:hover{background:#fff}.spc .sar{font-size:24px;padding-bottom:3px}.spc button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.spv.fs{position:fixed;inset:0;z-index:220;cursor:grab}html.spfs,html.spfs body{overflow:hidden}
@media(max-width:520px){.spc{left:10px;right:10px;justify-content:flex-end}.spc button{width:36px;height:36px}.sph{bottom:58px;font-size:12.5px}}
@media(prefers-reduced-motion:reduce){.sph svg{animation:none}.spv .spi{transition:none}}

/* ===== Galerie plein écran ===== */
.lbx{display:block;padding:0;background:rgba(8,10,14,var(--fd,1));animation:lbIn .22s ease;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}
.lbx.out{opacity:0;transition:opacity .2s}@keyframes lbIn{from{opacity:0}}
.lbs{position:absolute;inset:58px 0 96px;display:grid;place-items:center;touch-action:none;overflow:hidden}
.lbx:not(:has(.lbth)) .lbs{bottom:24px}
.lbx .lbi{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 30px 60px rgba(0,0,0,.45));-webkit-user-drag:none;transform-origin:center;will-change:transform}
.lbx .lbi.ld{opacity:0}.lbx.zm .lbs{cursor:move}
.lbt{position:absolute;top:0;left:0;right:0;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 20px;color:#fff;pointer-events:none}
.lbt>*{pointer-events:auto}.lbk{font:700 14px/1 var(--f);opacity:.85;font-variant-numeric:tabular-nums}
.lbx .lbc{position:static;transform:none}
.lbth{position:absolute;left:0;right:0;bottom:0;height:96px;display:flex;gap:8px;align-items:center;justify-content:center;justify-content:safe center;overflow-x:auto;padding:0 16px;scrollbar-width:none}
.lbth::-webkit-scrollbar{display:none}
.lbth button{position:static;flex:0 0 auto;width:76px;height:56px;border-radius:8px;padding:0;background:none;overflow:hidden;opacity:.5;outline:2px solid transparent;outline-offset:2px;transition:opacity .2s;display:block;transform:none}
.lbth button.on{opacity:1;outline-color:#fff}.lbth button:hover{opacity:.85}
.lbx .lbth img{width:100%;height:100%;object-fit:cover;max-width:none;max-height:none;border-radius:0;box-shadow:none;display:block}
@media(max-width:780px){.lbx .lbp,.lbx .lbn{display:none}.lbs{inset:52px 0 78px}.lbth{height:78px;gap:6px}.lbth button{width:58px;height:43px}}

/* ===== Fiche sur téléphone : barre prix + contact toujours à portée ===== */
.sbar{display:none}
@media(max-width:780px){
 .sbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg);color:var(--ink);border-top:1px solid var(--line);box-shadow:0 -12px 30px -14px rgba(15,23,42,.4);transform:translateY(110%);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
 .sbar.on{transform:none}
 .sbar .sbp{flex:1;min-width:0;font-weight:800;font-size:19px;line-height:1.15;margin:0;color:inherit}
 .sbar .sbp .op{display:block;font-size:12px;font-weight:600;opacity:.6}
 .sbar .btn{padding:12px 16px;font-size:15px;white-space:nowrap;margin:0;min-height:46px}
 .sbar .sbt{width:46px;height:46px;padding:0;display:grid;place-items:center;flex:0 0 46px}.sbar .sbt svg{width:20px;height:20px}
 .mo .md .cta{position:static;margin:16px 0 0;padding:0;border-top:0;background:none}
 .md:has(~.sbar.on) .tx{padding-bottom:90px}
}
@media(prefers-reduced-motion:reduce){.sbar{transition:none}}

/* ===== Accueil : photo animée (zoom lent) ou vidéo ===== */
.hero.hm{position:relative;isolation:isolate}
.hmed{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hmed img,.hmed video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hmed .hov{position:absolute;inset:0}
.hside video{width:100%;height:100%;object-fit:cover;display:block}
img.kb{animation:heroKb 26s ease-in-out infinite alternate;transform-origin:62% 45%;will-change:transform}
@keyframes heroKb{from{transform:scale(1)}to{transform:scale(1.14) translate(-1.6%,-1%)}}
@media(prefers-reduced-motion:reduce){img.kb{animation:none}}

/* Barre des favoris : compacte et lisible sur téléphone */
.fbar .btn{white-space:nowrap}.fbar .fbs{display:none}.fbar .fbn{white-space:nowrap}
@media(max-width:600px){
 .fbar{left:10px;right:10px;transform:none;max-width:none;border-radius:18px;padding:8px;gap:6px;justify-content:space-between}
 .fbar .fbn{padding:0 6px 0 8px;font-size:15px}.fbar .fbn .fbl{display:none}
 .fbar .btn{flex:1 1 auto;min-width:0;padding:10px 10px;font-size:14px;min-height:42px}
 .fbar .fbl{display:none}.fbar .fbs{display:inline}
 .fbar .fbx{flex:0 0 42px;padding:0;width:42px}
}
@media(max-width:780px){.fbar{bottom:calc(12px + env(safe-area-inset-bottom,0px))}body.hasbar .fbar{bottom:calc(74px + env(safe-area-inset-bottom,0px))}body:has(.fbar){padding-bottom:84px}body.hasbar:has(.fbar){padding-bottom:148px}}
html .fbar .btn{text-transform:none!important;letter-spacing:normal!important;clip-path:none!important;transform:none!important;border-radius:12px!important;font-family:var(--f)!important;font-style:normal!important}
html .fbar .btn::before,html .fbar .btn::after{display:none!important}
html .fbar .btn{padding:9px 18px!important;font-weight:700!important}
@media(max-width:600px){html .fbar .btn{padding:10px!important;font-size:14px!important}html .fbar .fbx{padding:0!important}}
/* Formulaire « Être recontacté pour ma sélection » */
.md.cmp form.fb{display:grid;gap:6px;max-width:560px}
.md.cmp form.fb h2{margin:0 0 4px;padding-right:44px}
.md.cmp form.fb .hint{margin:0 0 6px;color:var(--mut)}
.md.cmp form.fb label{font-weight:600;font-size:14px;margin-top:8px}
.md.cmp form.fb input:not([aria-hidden]){font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);width:100%}
.md.cmp form.fb input:focus{outline:2px solid var(--acc);outline-offset:1px}
.md.cmp form.fb .btn{margin-top:14px;justify-self:start}
@media(max-width:520px){.md.cmp form.fb .btn{justify-self:stretch;text-align:center}}
.sbar .sbp{white-space:nowrap}
@media(max-width:780px){html .sbar .btn{padding:12px 14px!important;letter-spacing:.02em!important;min-width:0}html .sbar .sbt{padding:0!important}}
html .fbar .btn.o{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:none!important}
/* Sur téléphone, le bouton « haut de page » masquait des boutons et des liens : on le retire (le geste natif remonte la page) */
@media(max-width:780px){#totop{display:none!important}}
.md.cmp:has(>form.fb){max-width:600px;min-height:0;display:block}
.md.cmp form.fb{max-width:none}

/* v193 : photo verticale (prise au téléphone) affichée en entier sur un fond flouté, au lieu d'être coupée */
.md .bw.por{overflow:hidden;background:#0B1220}.md .bw.por:before{content:'';position:absolute;inset:-40px;background:var(--ph) center/cover no-repeat;filter:blur(30px) brightness(.75) saturate(1.1);transform:scale(1.1)}
.md .bw.por .big{position:relative;object-fit:contain;background:transparent}
/* v193 : téléphone — fiche véhicule en plein écran (plus d'en-tête du site visible derrière) ; filtres ouverts qui défilent avec la page */
@media(max-width:780px){
 .mo{padding:0;align-items:stretch;background:var(--mdbg,#fff)}
 .md{margin:0;border-radius:0;height:100%;max-height:none;min-height:100svh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:none}
 .md .big{aspect-ratio:4/3;height:auto}
 .md .x{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:12px;z-index:60}
 .flt.f2.open{position:relative;top:auto}
 .flt.f2 .fx{max-height:none;overflow:visible}
}
.md .x:focus:not(:focus-visible){outline:none;box-shadow:0 4px 14px rgba(15,23,42,.25)}
@media(hover:none){.md .x:focus,.md .x:focus-visible,.lbx button:focus,.lbx button:focus-visible{outline:none}}
@media(max-width:780px){header.open{box-shadow:0 0 0 100vmax rgba(15,23,42,.45);transform:none!important}}

/* ===================== STRUCTURE PROPRE À CHAQUE STYLE (en-tête, sections, bandeau, pied de page) ===================== */
.hcta{display:none}
@media(min-width:900px){
 .hcta:not([hidden]){align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:14.5px;white-space:nowrap}
 .hcta::before{content:'';width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E") center/contain no-repeat}
 html[data-theme=moderne] .hcta:not([hidden]),html[data-theme=sport] .hcta:not([hidden]),html[data-theme=familial] .hcta:not([hidden]),html[data-theme=electrique] .hcta:not([hidden]),html[data-theme=urbain] .hcta:not([hidden]){display:inline-flex}
 header .bar{flex-wrap:nowrap}header nav{flex-wrap:nowrap}
 html[data-theme=moderne] header .bar>nav,html[data-theme=sport] header .bar>nav,html[data-theme=familial] header .bar>nav,html[data-theme=electrique] header .bar>nav,html[data-theme=urbain] header .bar>nav{margin-left:auto;order:2}
 html[data-theme] .hcta{order:3}
 html[data-theme=moderne] .hcta{color:var(--ink);padding:9px 16px;border-radius:99px;box-shadow:inset 0 0 0 1.5px var(--line)}
 html[data-theme=moderne] .hcta:hover{box-shadow:inset 0 0 0 1.5px var(--acc)}
 /* Logo centré, menu dessous : Prestige, Minimal, Vintage */
 html[data-theme=prestige] header .bar,html[data-theme=minimal] header .bar,html[data-theme=vintage] header .bar{flex-direction:column;justify-content:center;gap:12px;padding:20px 22px 12px}
 html[data-theme=prestige] header nav,html[data-theme=minimal] header nav,html[data-theme=vintage] header nav{justify-content:center;gap:0 30px}
 html[data-theme=prestige] header nav a,html[data-theme=minimal] header nav a{padding:6px 0;border-radius:0;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;background:none!important;box-shadow:none}
 html[data-theme=prestige] header nav a[aria-current],html[data-theme=minimal] header nav a[aria-current]{box-shadow:inset 0 -1.5px 0 var(--acc)!important;color:var(--ink)}
 html[data-theme=prestige] header .logo{font-size:23px;letter-spacing:.08em;text-transform:uppercase}
 html[data-theme=minimal] header .logo{font-size:24px;letter-spacing:-.04em}
 html[data-theme=vintage] header{border-bottom:0;box-shadow:0 1px 0 var(--line),0 4px 0 -1px var(--bg,#F5EFE3),0 5px 0 -1px var(--line)}
 html[data-theme=vintage] header .logo{font-size:26px}
 html[data-theme=vintage] header .logo::before,html[data-theme=vintage] header .logo::after{content:'';width:46px;height:1px;background:var(--acc);opacity:.6}
 html[data-theme=vintage] header nav a{padding:4px 2px;border-radius:0;font-style:italic;font-size:15.5px;background:none!important}
 html[data-theme=vintage] header nav a[aria-current]{color:var(--acc)}
 /* En-tête flottant arrondi : Familial, Électrique */
 html[data-theme=familial] header,html[data-theme=electrique] header{background:transparent!important;border-bottom:0!important;backdrop-filter:none;-webkit-backdrop-filter:none;padding:14px 22px 0;pointer-events:none}
 html[data-theme=familial] header .bar,html[data-theme=electrique] header .bar{pointer-events:auto;max-width:1180px;margin:0 auto;padding:10px 12px 10px 22px!important}
 html[data-theme=familial] header .bar{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:99px;box-shadow:0 14px 34px -20px rgba(120,80,30,.45),0 0 0 1px rgba(120,80,30,.08)}
 html[data-theme=electrique] header .bar{background:rgba(9,14,26,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px;border:1px solid rgba(120,160,255,.18);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 20px 50px -30px color-mix(in srgb,var(--acc) 70%,transparent)}
 html[data-theme=familial] .hcta{background:var(--acc);color:var(--on);padding:10px 18px;border-radius:99px;box-shadow:0 8px 18px -10px var(--acc)}
 html[data-theme=electrique] .hcta{color:#fff;padding:9px 16px;border-radius:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 70%,transparent),0 0 22px -6px var(--acc)}
 html[data-theme=familial] main>.hero:first-child,html[data-theme=familial] main>[data-blk=hero]:first-child{margin-top:-74px;padding-top:150px}
 html[data-theme=electrique] main>[data-blk=hero]:first-child{margin-top:-72px;padding-top:150px}
 /* Barre d'action : Sport, Urbain */
 html[data-theme=sport] .hcta{background:var(--acc);color:var(--on);padding:10px 18px;transform:skewX(-12deg);text-transform:uppercase;letter-spacing:.04em;font-size:13.5px}
 html[data-theme=sport] .hcta>*,html[data-theme=sport] .hcta{font-style:normal}
 html[data-theme=urbain] header{background:#0E0E0E!important;border-bottom:0}html[data-theme=urbain] header .logo{color:#fff;text-transform:uppercase;letter-spacing:-.01em}
 html[data-theme=urbain] header nav a{color:#CFCFCF!important;text-transform:uppercase;font-weight:800;font-size:13px;letter-spacing:.02em;border-radius:0}
 html[data-theme=urbain] header nav a[aria-current],html[data-theme=urbain] header nav a:hover{background:#fff!important;color:#0E0E0E!important}
 html[data-theme=urbain] .hcta{background:var(--acc);color:var(--on);padding:10px 16px;text-transform:uppercase;font-weight:900;font-size:13px;box-shadow:4px 4px 0 #fff}
}

/* ----- Prestige : sections centrées, filets dorés, colonnes sans cadre ----- */
html[data-theme=prestige] main section h2{text-align:center}
html[data-theme=prestige] main section h2::after{left:50%;transform:translateX(-50%)}
html[data-theme=prestige] [data-blk=feat] .feat{gap:0}
html[data-theme=prestige] [data-blk=feat] .feat>div{background:none!important;border:0!important;border-left:1px solid color-mix(in srgb,var(--acc) 30%,transparent)!important;border-radius:0!important;box-shadow:none!important;text-align:center;padding:8px 34px 4px!important}
html[data-theme=prestige] [data-blk=feat] .feat>div:first-child{border-left:0!important}
html[data-theme=prestige] [data-blk=feat] .feat>div .n{margin:0 auto 18px;border-radius:99px}
html[data-theme=prestige] [data-blk=feat]{border-top:1px solid #1F1F23;border-bottom:1px solid #1F1F23;background:linear-gradient(180deg,#0E0E11,#0B0B0D)}
html[data-theme=prestige] .svl{gap:0!important;grid-template-columns:repeat(2,1fr)!important;column-gap:48px!important}
html[data-theme=prestige] .svl>*{background:none!important;border:0!important;border-bottom:1px solid #222227!important;border-radius:0!important;box-shadow:none!important;padding:20px 0!important}
html[data-theme=prestige] .panel{text-align:center;background:transparent!important;border:1px solid color-mix(in srgb,var(--acc) 50%,transparent)!important;border-radius:0!important;padding:64px 40px!important;outline:1px solid color-mix(in srgb,var(--acc) 20%,transparent);outline-offset:-10px}
html[data-theme=prestige] .panel p{margin-left:auto;margin-right:auto}
html[data-theme=prestige] .panel h2::after{left:50%;transform:translateX(-50%)}
html[data-theme=prestige] footer .ft3{text-align:center;grid-template-columns:1fr 1fr 1fr}
html[data-theme=prestige] footer .ft3 .fn{letter-spacing:.08em;text-transform:uppercase}
html[data-theme=prestige] footer .fbt{justify-content:center;gap:28px}

/* ----- Sport : bande sombre numérotée, coupes en biais ----- */
html[data-theme=sport] [data-blk=feat]{background:#0E0E10;color:#fff;clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);padding:110px 0 100px}
html[data-theme=sport] [data-blk=feat] h2{color:#fff}
html[data-theme=sport] [data-blk=feat] .feat{counter-reset:sf}
html[data-theme=sport] [data-blk=feat] .feat>div{counter-increment:sf;background:#17171A!important;color:#fff;box-shadow:none!important;border-left:0!important;border-top:4px solid var(--acc)!important;border-radius:0!important;position:relative;overflow:hidden}
html[data-theme=sport] [data-blk=feat] .feat>div::after{content:counter(sf,decimal-leading-zero);position:absolute;right:14px;bottom:-18px;font:italic 900 96px/1 var(--fh,inherit);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.14)}
html[data-theme=sport] [data-blk=feat] .feat p{color:#A9A9B2}
html[data-theme=sport] [data-blk=feat] .feat>div .n{background:var(--acc)!important;color:var(--on)!important;border-radius:0!important;transform:skewX(-10deg)}
html[data-theme=sport] .c{border-radius:0!important;border:0;border-bottom:4px solid var(--acc);box-shadow:0 14px 30px -18px rgba(0,0,0,.45)}
html[data-theme=sport] .c .cw{border-radius:0!important}
html[data-theme=sport] .panel{clip-path:polygon(0 0,100% 0,97% 100%,0 100%);border-left:0!important;background:linear-gradient(110deg,#0E0E10 0 62%,var(--acc) 62.2%)!important;padding:56px 44px!important}
html[data-theme=sport] footer{background:#0E0E10!important;color:#A9A9B2}html[data-theme=sport] footer .ft3 b{color:#fff}html[data-theme=sport] footer .fbt{border-top-color:#222}
html[data-theme=sport] footer a{color:#CFCFD6!important}

/* ----- Familial : tuiles colorées, formes arrondies ----- */
html[data-theme=familial] main section h2{text-align:center}
html[data-theme=familial] [data-blk=feat] .feat>div{text-align:center;border-radius:32px!important;padding:34px 28px!important}
html[data-theme=familial] [data-blk=feat] .feat>div .n{margin:0 auto 16px;width:64px!important;height:64px!important}
html[data-theme=familial] [data-blk=feat] .feat>div:nth-child(1){background:color-mix(in srgb,var(--acc) 9%,#fff)!important}
html[data-theme=familial] [data-blk=feat] .feat>div:nth-child(2){background:#FFF4E0!important}
html[data-theme=familial] [data-blk=feat] .feat>div:nth-child(3){background:#E9F8EF!important}
html[data-theme=familial] [data-blk=feat] .feat>div:nth-child(3) .n{background:#10B981!important}
html[data-theme=familial] .c{border-radius:28px!important;border:0}html[data-theme=familial] .c{--cr:28px}
html[data-theme=familial] .panel{position:relative;overflow:hidden;text-align:center;padding:60px 40px!important}
html[data-theme=familial] .panel p{margin-left:auto;margin-right:auto}
html[data-theme=familial] .panel::before,html[data-theme=familial] .panel::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.14)}
html[data-theme=familial] .panel::before{width:220px;height:220px;left:-60px;top:-80px}html[data-theme=familial] .panel::after{width:160px;height:160px;right:-40px;bottom:-60px}
html[data-theme=familial] .panel>*{position:relative}
html[data-theme=familial] footer{border-radius:40px 40px 0 0}

/* ----- Minimal : éditorial, lignes, beaucoup de blanc ----- */
html[data-theme=minimal] .panel{background:none!important;color:var(--ink)!important;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:56px 0!important;display:grid;grid-template-columns:1.2fr 1fr;gap:12px 40px;align-items:end}
html[data-theme=minimal] .panel h2{border-top:0;padding-top:0;margin:0;grid-row:span 2}
html[data-theme=minimal] .panel p{margin:0;opacity:1;color:var(--mut)}
html[data-theme=minimal] .panel .btn{justify-self:start;background:var(--ink)!important;color:#fff!important;border-radius:0!important}
html[data-theme=minimal] .svl{counter-reset:sv;gap:0!important;grid-template-columns:1fr!important}
html[data-theme=minimal] .svl>*{counter-increment:sv;display:grid!important;grid-template-columns:64px 1fr 2fr;align-items:baseline;gap:20px;background:none!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;padding:18px 0!important;box-shadow:none!important}
html[data-theme=minimal] .svl>*::before{content:counter(sv,decimal-leading-zero);font-size:15px;color:var(--mut)}
html[data-theme=minimal] .svl>* .n{display:none!important}
html[data-theme=minimal] footer{background:none!important;border-top:1px solid var(--ink)}

/* ----- Électrique : halos, verre, lignes lumineuses ----- */
html[data-theme=electrique] main section h2{background:linear-gradient(90deg,#fff 30%,color-mix(in srgb,var(--acc) 50%,#9CC2FF));-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=electrique] [data-blk=feat] .feat{position:relative}
html[data-theme=electrique] [data-blk=feat] .feat::before{content:'';position:absolute;left:8%;right:8%;top:52px;height:1px;background:linear-gradient(90deg,transparent,var(--acc),transparent);opacity:.7}
html[data-theme=electrique] [data-blk=feat] .feat>div{position:relative;text-align:center;background:rgba(12,19,34,.7)!important;backdrop-filter:blur(8px)}
html[data-theme=electrique] [data-blk=feat] .feat>div .n{margin:0 auto 16px;border-radius:99px!important;box-shadow:0 0 0 6px #070B14,0 0 26px -2px var(--acc)}
html[data-theme=electrique] .c{box-shadow:0 0 0 1px rgba(120,160,255,.14),0 24px 50px -30px color-mix(in srgb,var(--acc) 60%,transparent)!important}
html[data-theme=electrique] .c:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 70%,transparent),0 0 34px -8px var(--acc)!important}
html[data-theme=electrique] .panel{text-align:center;box-shadow:0 0 60px -20px var(--acc)}
html[data-theme=electrique] .panel p{margin-left:auto;margin-right:auto}

/* ----- Vintage : cadres, ornements, chiffres romains ----- */
html[data-theme=vintage] main section h2{text-align:center}
html[data-theme=vintage] [data-blk=feat] .feat{counter-reset:vf}
html[data-theme=vintage] [data-blk=feat] .feat>div{counter-increment:vf;text-align:center;padding:38px 28px 30px!important}
html[data-theme=vintage] [data-blk=feat] .feat>div .n{display:none!important}
html[data-theme=vintage] [data-blk=feat] .feat>div::before{content:counter(vf,upper-roman);display:block;font:400 34px/1 var(--fh,Georgia,serif);color:var(--acc);margin-bottom:12px}
html[data-theme=vintage] [data-blk=feat] .feat>div h3::after{content:'';display:block;width:30px;height:1px;background:var(--acc);margin:12px auto 0;opacity:.6}
html[data-theme=vintage] .panel{text-align:center;padding:64px 40px!important}
html[data-theme=vintage] .panel p{margin-left:auto;margin-right:auto}
html[data-theme=vintage] .panel h2::after{color:#E8C98F}
html[data-theme=vintage] footer .ft3{text-align:center}html[data-theme=vintage] footer .fbt{justify-content:center;gap:28px}

/* ----- Urbain : blocs massifs, gros chiffres ----- */
html[data-theme=urbain] main section h2{font-size:clamp(34px,5.5vw,64px);line-height:.95}
html[data-theme=urbain] [data-blk=feat] .feat{counter-reset:uf}
html[data-theme=urbain] [data-blk=feat] .feat>div{counter-increment:uf;position:relative;padding-top:74px!important}
html[data-theme=urbain] [data-blk=feat] .feat>div::before{content:counter(uf,decimal-leading-zero);position:absolute;top:14px;left:24px;font:900 48px/1 var(--fh,inherit);color:var(--acc)}
html[data-theme=urbain] [data-blk=feat] .feat>div .n{position:absolute;top:22px;right:22px}
html[data-theme=urbain] [data-blk=feat]{background:#0E0E0E}html[data-theme=urbain] [data-blk=feat] h2{color:#fff}
html[data-theme=urbain] [data-blk=feat] .feat>div{box-shadow:6px 6px 0 var(--acc)!important}
html[data-theme=urbain] footer{background:#0E0E0E!important;color:#BDBDBD}html[data-theme=urbain] footer .ft3 b{color:#fff;text-transform:uppercase}html[data-theme=urbain] footer a{color:#E5E5E5!important}html[data-theme=urbain] footer .fbt{border-top:2px solid #333}

/* ----- Moderne : avantages en ligne (icône + texte) ----- */
@media(min-width:900px){
 html[data-theme=moderne] [data-blk=feat] .feat>div{display:grid;grid-template-columns:52px 1fr;column-gap:16px;align-items:start;background:#fff!important;border:1px solid var(--line);box-shadow:0 10px 30px -22px rgba(15,23,42,.35)}
 html[data-theme=moderne] [data-blk=feat] .feat>div .n{grid-row:span 2;margin:0}
 html[data-theme=moderne] [data-blk=feat]{background:var(--soft)}
}
@media(max-width:780px){
 html[data-theme=prestige] [data-blk=feat] .feat>div{border-left:0!important;border-top:1px solid color-mix(in srgb,var(--acc) 30%,transparent)!important;padding:24px 8px!important}
 html[data-theme=prestige] [data-blk=feat] .feat>div:first-child{border-top:0!important}
 html[data-theme=prestige] .svl{grid-template-columns:1fr!important}
 html[data-theme=sport] [data-blk=feat]{clip-path:polygon(0 2%,100% 0,100% 98%,0 100%);padding:70px 0 64px}
 html[data-theme=sport] .panel{clip-path:none;background:#0E0E10!important;border-bottom:6px solid var(--acc)}
 html[data-theme=minimal] .panel{grid-template-columns:1fr}
 html[data-theme=minimal] .svl>*{grid-template-columns:40px 1fr}html[data-theme=minimal] .svl>* p{grid-column:2}
 html[data-theme=electrique] [data-blk=feat] .feat::before{display:none}
 html[data-theme=prestige] footer .ft3,html[data-theme=vintage] footer .ft3{grid-template-columns:1fr}
}
@media(min-width:900px){header .logo,header nav a{white-space:nowrap}header .logo{flex:none}}
@media(min-width:900px) and (max-width:1240px){.hcta:not([hidden]){font-size:0!important;gap:0!important;padding:11px!important}header nav a{padding-left:10px;padding-right:10px}}
html[data-theme=minimal] .svl>*{counter-increment:sv!important}
html[data-theme=vintage] [data-blk=feat] .feat>div,html[data-theme=urbain] [data-blk=feat] .feat>div{display:block!important}
html[data-theme=urbain] [data-blk=feat] .feat>div h3{margin-top:0}
@media(max-width:780px){html[data-theme=minimal] .svl>*{grid-template-columns:40px 1fr!important;row-gap:4px}html[data-theme=minimal] .svl>*>*:not(.n){grid-column:2}html[data-theme=minimal] .svl>*::before{grid-row:span 2}}

/* ===================== STRUCTURE PAR STYLE (2) : recherche, raccourcis, cartes, titres de page, filtres, formulaires ===================== */
/* Bandeau de titre des pages intérieures */
html:not([data-page=index]) main>section:first-child h2[aria-level="1"],html[data-page=qui-sommes-nous] [data-blk=intro] h2{position:relative}
html[data-page=vehicules] main>section:first-child,html[data-page=qui-sommes-nous] main>[data-blk=intro]{padding-top:64px;padding-bottom:44px!important}
html[data-theme=moderne][data-page=vehicules] main>section:first-child,html[data-theme=moderne][data-page=qui-sommes-nous] main>[data-blk=intro]{background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 9%,#fff),#fff)}
html[data-theme=prestige][data-page=vehicules] main>section:first-child,html[data-theme=prestige][data-page=qui-sommes-nous] main>[data-blk=intro]{text-align:center;background:radial-gradient(70% 120% at 50% 0%,color-mix(in srgb,var(--acc) 26%,#0B0B0D),#0B0B0D 70%);border-bottom:1px solid #1F1F23;padding:84px 0 56px!important}
html[data-theme=prestige][data-page=vehicules] main>section:first-child .lead,html[data-theme=prestige][data-page=qui-sommes-nous] [data-blk=intro] .lead{margin-left:auto;margin-right:auto}
html[data-theme=prestige] main h2[aria-level="1"]::after{left:50%;transform:translateX(-50%)}
html[data-theme=prestige][data-page=contact] main h2[aria-level="1"]::after,html[data-theme=prestige][data-page=reprise] main h2[aria-level="1"]::after{left:0;transform:none}
html[data-theme=sport][data-page=vehicules] main>section:first-child,html[data-theme=sport][data-page=qui-sommes-nous] main>[data-blk=intro]{background:linear-gradient(110deg,#0E0E10 0 70%,var(--acc) 70.2%);color:#fff;padding:70px 0 54px!important}
html[data-theme=sport][data-page=vehicules] main>section:first-child h2,html[data-theme=sport][data-page=qui-sommes-nous] [data-blk=intro] h2{color:#fff}
html[data-theme=sport][data-page=vehicules] main>section:first-child .lead,html[data-theme=sport][data-page=qui-sommes-nous] [data-blk=intro] .lead{color:#C9C9D1}
html[data-theme=familial][data-page=vehicules] main>section:first-child>.w,html[data-theme=familial][data-page=qui-sommes-nous] main>[data-blk=intro]>.w{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 12%,#fff),#FFF4E0);border-radius:36px;padding:44px 40px}
html[data-theme=familial][data-page=vehicules] main>section:first-child,html[data-theme=familial][data-page=qui-sommes-nous] main>[data-blk=intro]{padding-top:96px}
html[data-theme=minimal] main h2[aria-level="1"]{font-size:clamp(44px,8vw,104px)!important;line-height:.95;border-top:0!important;padding-top:0!important}
html[data-theme=minimal][data-page=vehicules] main>section:first-child,html[data-theme=minimal][data-page=qui-sommes-nous] main>[data-blk=intro]{border-bottom:1px solid var(--ink);padding-top:72px}
html[data-theme=electrique][data-page=vehicules] main>section:first-child,html[data-theme=electrique][data-page=qui-sommes-nous] main>[data-blk=intro]{background:radial-gradient(60% 120% at 90% 0%,color-mix(in srgb,var(--acc) 40%,transparent),transparent 65%),linear-gradient(rgba(120,160,255,.06) 1px,transparent 1px) 0 0/100% 32px;padding-top:120px}
html[data-theme=vintage][data-page=vehicules] main>section:first-child,html[data-theme=vintage][data-page=qui-sommes-nous] main>[data-blk=intro]{text-align:center;padding:70px 0 40px!important;box-shadow:inset 0 -1px 0 var(--line),inset 0 -5px 0 -1px var(--bg,#F5EFE3),inset 0 -6px 0 -1px var(--line)}
html[data-theme=vintage][data-page=vehicules] main>section:first-child .lead,html[data-theme=vintage][data-page=qui-sommes-nous] [data-blk=intro] .lead{margin-left:auto;margin-right:auto;font-style:italic}
html[data-theme=urbain][data-page=vehicules] main>section:first-child,html[data-theme=urbain][data-page=qui-sommes-nous] main>[data-blk=intro]{background:#0E0E0E;color:#fff;padding:72px 0 48px!important;border-bottom:8px solid var(--acc)}
html[data-theme=urbain][data-page=vehicules] main>section:first-child h2,html[data-theme=urbain][data-page=qui-sommes-nous] [data-blk=intro] h2{color:#fff;font-size:clamp(40px,7vw,88px)!important;line-height:.92}
html[data-theme=urbain][data-page=vehicules] main>section:first-child .lead,html[data-theme=urbain][data-page=qui-sommes-nous] [data-blk=intro] .lead{color:#BDBDBD}
html[data-theme=urbain] main h2[aria-level="1"]{font-size:clamp(36px,6vw,72px)}

/* Bloc de recherche de l'accueil */
html[data-theme=prestige] .hero .hs{background:rgba(20,20,23,.82)!important;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent)!important;border-radius:2px!important;box-shadow:none!important}
html[data-theme=prestige] .hero .hs input[name=q],html[data-theme=prestige] .hero .hs .bud{background:transparent!important;border-radius:0!important;border-right:1px solid #2A2A30!important}
html[data-theme=sport] .hero .hs{border-radius:0!important;transform:skewX(-6deg);border:0!important;box-shadow:8px 8px 0 var(--acc)!important}
html[data-theme=sport] .hero .hs>*{transform:skewX(6deg)}html[data-theme=sport] .hero .hs input[name=q],html[data-theme=sport] .hero .hs .bud{border-radius:0!important}
html[data-theme=familial] .hero .hs{border-radius:30px!important;padding:12px!important;border:0!important;box-shadow:0 24px 50px -24px rgba(120,80,30,.45)!important}
html[data-theme=familial] .hero .hs input[name=q],html[data-theme=familial] .hero .hs .bud{border-radius:20px!important}html[data-theme=familial] .hero .hs .btn{border-radius:99px!important}
html[data-theme=minimal] .hero .hs{border-radius:0!important;box-shadow:none!important;border:0!important;border-bottom:2px solid var(--ink)!important;background:transparent!important;padding:0 0 8px!important}
html[data-theme=minimal] .hero .hs input[name=q],html[data-theme=minimal] .hero .hs .bud{background:transparent!important;border-radius:0!important}
html[data-theme=electrique] .hero .hs{background:rgba(12,19,34,.75)!important;border:1px solid rgba(120,160,255,.22)!important;box-shadow:0 0 40px -14px var(--acc)!important;backdrop-filter:blur(10px)}
html[data-theme=electrique] .hero .hs input[name=q],html[data-theme=electrique] .hero .hs .bud{background:rgba(255,255,255,.04)!important;color:#fff}
html[data-theme=vintage] .hero .hs{border-radius:2px!important;box-shadow:none!important;border:1px solid var(--line)!important;outline:1px solid var(--line);outline-offset:4px;background:#FBF7EE!important}
html[data-theme=urbain] .hero .hs{border-radius:0!important;border:3px solid #fff!important;box-shadow:8px 8px 0 var(--acc)!important}

/* Raccourcis sous l'accueil (stock, appeler, itinéraire, horaires) */
html[data-theme=prestige] #strip.qa{gap:0;border-top:1px solid #222227!important;border-bottom:1px solid #222227;margin-top:44px}
html[data-theme=prestige] #strip.qa>.qk{background:transparent!important;border:0!important;border-left:1px solid #222227!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
html[data-theme=prestige] #strip.qa>.qk:first-child{border-left:0!important}
html[data-theme=prestige] #strip.qa .qi{background:transparent!important;border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);color:var(--acc)!important}
html[data-theme=sport] #strip.qa>.qk{border-radius:0!important;border:0!important;border-bottom:3px solid var(--acc)!important}
html[data-theme=sport] #strip.qa .qi{border-radius:0!important;transform:skewX(-10deg);background:var(--acc)!important;color:var(--on)!important}
html[data-theme=familial] #strip.qa>.qk{border-radius:99px!important;border:0!important;box-shadow:0 10px 24px -18px rgba(120,80,30,.5)}
html[data-theme=minimal] #strip.qa{gap:0;border-top:1px solid var(--ink)!important;margin-top:56px}
html[data-theme=minimal] #strip.qa>.qk{background:transparent!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;padding:18px 18px 4px 0!important;box-shadow:none!important;transform:none!important}
html[data-theme=minimal] #strip.qa>.qk+.qk{padding-left:18px!important}html[data-theme=minimal] #strip.qa>.qk:last-child{border-right:0!important}
html[data-theme=minimal] #strip.qa .qi{display:none}
html[data-theme=electrique] #strip.qa>.qk{background:rgba(12,19,34,.6)!important;border:1px solid rgba(120,160,255,.16)!important}
html[data-theme=electrique] #strip.qa .qi{box-shadow:0 0 18px -4px var(--acc)}
html[data-theme=vintage] #strip.qa>.qk{border-radius:2px!important;background:#FBF7EE!important;justify-content:center;text-align:left}
html[data-theme=urbain] #strip.qa>.qk{border-radius:0!important;border:2px solid #fff!important;background:#151515!important;color:#fff}
html[data-theme=urbain] #strip.qa .qi{border-radius:0!important;background:var(--acc)!important;color:var(--on)!important}
html[data-theme=urbain] #strip.qa .qt small{color:#BDBDBD!important}
@media(max-width:780px){html[data-theme=prestige] #strip.qa>.qk,html[data-theme=minimal] #strip.qa>.qk{border:0!important;border-top:1px solid var(--line)!important;padding:14px 4px!important}html[data-theme=familial] #strip.qa>.qk{border-radius:22px!important}}

/* Intérieur des cartes véhicules */
html[data-theme=prestige] .c .in{text-align:center;align-items:center}html[data-theme=prestige] .c .chs{justify-content:center}
html[data-theme=prestige] .c .chs span{background:transparent!important;border:1px solid #2A2A30;border-radius:0!important;color:#B9B2A7!important;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px!important}
html[data-theme=prestige] .c .pr{color:var(--acc);font-size:20px}
html[data-theme=sport] .c .chs span{border-radius:0!important;background:#0E0E10!important;color:#fff!important;font-style:italic;text-transform:uppercase;font-size:11px!important}
html[data-theme=sport] .c .pr{display:inline-block;align-self:flex-start;background:var(--acc);color:var(--on)!important;padding:3px 12px;transform:skewX(-10deg)}
html[data-theme=sport] .c .pr .op{color:rgba(255,255,255,.7)}
html[data-theme=familial] .c .chs span:nth-child(1){background:color-mix(in srgb,var(--acc) 12%,#fff)!important}
html[data-theme=familial] .c .chs span:nth-child(2){background:#FFF1DA!important}html[data-theme=familial] .c .chs span:nth-child(3){background:#E5F6EC!important}
html[data-theme=familial] .c .more{align-self:flex-start;background:var(--acc);color:var(--on)!important;border-radius:99px;padding:6px 14px;font-size:13px}
html[data-theme=minimal] .c{border:0!important;box-shadow:none!important;background:transparent!important}
html[data-theme=minimal] .c .in{padding-left:0!important;padding-right:0!important;border-bottom:1px solid var(--line)}
html[data-theme=minimal] .c .chs{gap:0}html[data-theme=minimal] .c .chs span{background:none!important;padding:0!important;color:var(--mut)!important;font-weight:500}
html[data-theme=minimal] .c .chs span+span::before{content:'·';margin:0 7px}
html[data-theme=electrique] .c .pr{color:#fff;text-shadow:0 0 18px color-mix(in srgb,var(--acc) 80%,transparent)}
html[data-theme=electrique] .c .chs span{background:rgba(120,160,255,.1)!important;color:#C9D7F2!important;border:1px solid rgba(120,160,255,.18)}
html[data-theme=vintage] .c .chs span{background:transparent!important;border:1px solid var(--line);border-radius:2px!important;font-style:italic}
html[data-theme=vintage] .c h3{font-size:19px}
html[data-theme=urbain] .c .chs span{border-radius:0!important;background:#111!important;color:#fff!important;text-transform:uppercase;font-size:10.5px!important;font-weight:800}
html[data-theme=urbain] .c .pr{font-size:22px;font-weight:900}

/* Filtres du catalogue */
html[data-theme=prestige] .flt input,html[data-theme=prestige] .flt select{border-radius:0!important;background:transparent!important;border-color:#2A2A30!important}
html[data-theme=sport] .flt input,html[data-theme=sport] .flt select{border-radius:0!important;border-width:2px!important;border-color:#0E0E10!important}
html[data-theme=familial] .flt input,html[data-theme=familial] .flt select{border-radius:99px!important;border:0!important;box-shadow:0 8px 20px -16px rgba(120,80,30,.6)}
html[data-theme=minimal] .flt input,html[data-theme=minimal] .flt select{border:0!important;border-bottom:1px solid var(--ink)!important;border-radius:0!important;background:transparent!important;padding-left:2px!important}
html[data-theme=urbain] .flt input,html[data-theme=urbain] .flt select{border-radius:0!important;border:2px solid #111!important;font-weight:700}
html[data-theme=vintage] .flt input,html[data-theme=vintage] .flt select{border-radius:2px!important;background:#FBF7EE!important}

/* Contact et reprise : la carte formulaire suit le style */
html[data-theme=prestige] .two .chat{border-radius:0!important;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent)!important;outline:1px solid color-mix(in srgb,var(--acc) 15%,transparent);outline-offset:-8px}
html[data-theme=sport] .two .chat{border-radius:0!important;border:0!important;border-top:6px solid var(--acc)!important;box-shadow:0 20px 40px -24px rgba(0,0,0,.5)!important}
html[data-theme=familial] .two .chat{border-radius:32px!important;border:0!important;box-shadow:0 24px 50px -28px rgba(120,80,30,.45)!important}
html[data-theme=minimal] .two .chat{border-radius:0!important;box-shadow:none!important;border:0!important;border-top:2px solid var(--ink)!important;background:transparent!important}
html[data-theme=electrique] .two .chat{box-shadow:0 0 0 1px rgba(120,160,255,.18),0 0 50px -20px var(--acc)!important}
html[data-theme=urbain] .two .chat{border-radius:0!important;border:3px solid #111!important;box-shadow:10px 10px 0 var(--acc)!important}
html[data-theme=vintage] .two .chat{border-radius:2px!important;outline:1px solid var(--line);outline-offset:-8px}
html[data-theme=prestige] .two .info p b,html[data-theme=minimal] .two .info p b{letter-spacing:.12em;text-transform:uppercase;font-size:11.5px}
html[data-theme=urbain] .two .info p b{text-transform:uppercase;font-weight:900}
html[data-theme=sport] .two .info p b{text-transform:uppercase;font-style:italic;color:var(--acc)}
main>[data-blk=hero]+[data-blk=latest]{padding-top:72px!important}
@media(max-width:780px){main>[data-blk=hero]+[data-blk=latest]{padding-top:48px!important}}
html[data-theme=minimal] .hero .hs input[name=q],html[data-theme=minimal] .hero .hs .bud{background:var(--soft)!important;border-radius:0!important}
html[data-theme=sport] .hero .hs input[name=q]{flex:2 1 240px}

/* ===================== V3 : 6 STYLES HAUT DE GAMME, SANS EFFETS GADGET ===================== */
/* --- Sport : graphite et rouge, lignes droites, rien en biais --- */
html[data-theme=sport] .hero{background:linear-gradient(180deg,#17181B 0%,#0D0E10 100%)!important;position:relative}
html[data-theme=sport] .hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--acc)}
html[data-theme=sport] .kick,html[data-theme=sport] .hcta,html[data-theme=sport] .hero .hs,html[data-theme=sport] .hero .hs>*,html[data-theme=sport] .c .pr,html[data-theme=sport] #strip.qa .qi,html[data-theme=sport] [data-blk=feat] .feat>div .n{transform:none!important}
html[data-theme=sport] .btn{clip-path:none!important;border-radius:2px!important;letter-spacing:.08em;font-size:13.5px;padding:15px 28px}
html[data-theme=sport] .kick{background:transparent!important;color:var(--acc)!important;padding:0!important;letter-spacing:.22em;font-size:12.5px}
html[data-theme=sport] .kick::before{content:'';display:inline-block;width:28px;height:2px;background:var(--acc);vertical-align:middle;margin-right:12px}
html[data-theme=sport] .hero h1{font-size:clamp(40px,5.6vw,72px);line-height:.98;letter-spacing:.005em}
html[data-theme=sport] .hero .hs{box-shadow:none!important;border:0!important;border-radius:2px!important;background:#fff!important}
html[data-theme=sport] .hero .hs input[name=q],html[data-theme=sport] .hero .hs .bud{border-radius:2px!important;background:#F1F1F3!important}
html[data-theme=sport] .hero #strip.qa{gap:0;border-top:1px solid #2A2B30!important;margin-top:40px}
html[data-theme=sport] .hero #strip.qa>.qk{background:transparent!important;border:0!important;border-right:1px solid #2A2B30!important;border-radius:0!important;padding:18px 18px 4px 0!important}
html[data-theme=sport] .hero #strip.qa>.qk+.qk{padding-left:18px!important}html[data-theme=sport] .hero #strip.qa>.qk:last-child{border-right:0!important}
html[data-theme=sport] .hero #strip.qa .qi{background:transparent!important;border:1px solid #3A3B42;border-radius:2px!important;color:#fff!important}
html[data-theme=sport] .hcta{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px var(--acc);border-radius:2px;font-style:normal}
html[data-theme=sport] header{background:#0D0E10!important;border-bottom:1px solid #1F2024!important}
html[data-theme=sport] header .logo{color:#fff}html[data-theme=sport] header nav a{color:#B9BBC3!important}html[data-theme=sport] header nav a[aria-current]{background:transparent!important;color:#fff!important;box-shadow:inset 0 -2px 0 var(--acc)!important;border-radius:0!important}
html[data-theme=sport] header nav a:hover{background:transparent!important;color:#fff!important}
html[data-theme=sport] .burger i{background:#fff}
html[data-theme=sport] h2{display:block;border-bottom:0!important;padding-bottom:0}
html[data-theme=sport] main section h2::before{content:'';display:block;width:36px;height:3px;background:var(--acc);margin-bottom:14px}
html[data-theme=sport] [data-blk=feat]{clip-path:none!important;padding:96px 0 90px!important;background:#111214!important}
html[data-theme=sport] [data-blk=feat] .feat>div{background:transparent!important;border-top:1px solid #2A2B30!important;padding:28px 4px 8px!important}
html[data-theme=sport] [data-blk=feat] .feat>div::after{-webkit-text-stroke:0!important;color:rgba(255,255,255,.06)!important;font-style:normal!important}
html[data-theme=sport] [data-blk=feat] .feat>div .n{background:transparent!important;color:var(--acc)!important;border:1px solid #3A3B42;border-radius:2px!important}
html[data-theme=sport] .c{border-bottom:0!important;border:1px solid #E4E4E7!important;border-radius:2px!important;box-shadow:none!important;transition:border-color .2s,transform .2s}
html[data-theme=sport] .c:hover{border-color:#0D0E10!important}
html[data-theme=sport] .c .chs{gap:0}html[data-theme=sport] .c .chs span{background:none!important;color:#71717A!important;padding:0!important;font-style:normal!important;font-size:11.5px!important;letter-spacing:.06em}
html[data-theme=sport] .c .chs span+span::before{content:'/';margin:0 8px;color:#C4C4CC}
html[data-theme=sport] .c .pr{background:none!important;color:var(--ink)!important;padding:0!important;font-size:21px}
html[data-theme=sport] .c .more{color:var(--acc)!important;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}
html[data-theme=sport] .panel{clip-path:none!important;background:var(--acc)!important;border:0!important;border-radius:2px!important;padding:56px 48px!important}
html[data-theme=sport] .panel .btn{background:#0D0E10!important;color:#fff!important}
html[data-theme=sport][data-page=vehicules] main>section:first-child,html[data-theme=sport][data-page=qui-sommes-nous] main>[data-blk=intro]{background:linear-gradient(180deg,#17181B,#0D0E10)!important;border-bottom:3px solid var(--acc)}
html[data-theme=sport] .flt input,html[data-theme=sport] .flt select{border-width:1.5px!important;border-color:#D4D4D8!important;border-radius:2px!important}
html[data-theme=sport] .two .chat{border-radius:2px!important;border:1px solid #E4E4E7!important;border-top:3px solid var(--acc)!important;box-shadow:none!important}
html[data-theme=sport] .two .info p b{font-style:normal}

/* --- Prestige : noir et champagne, accueil plein écran, très peu d'éléments --- */
html[data-theme=prestige]{--bg:#0B0B0C;--soft:#131315;--line:#24242A;--ink:#F3EFE7;--mut:#A39C90}
html[data-theme=prestige] .hero{background:radial-gradient(70% 60% at 50% 0%,color-mix(in srgb,var(--acc) 22%,#0B0B0C),#0B0B0C 70%)!important;text-align:center}
html[data-theme=prestige] .hero h1{font-size:clamp(42px,6.4vw,84px);line-height:1.02;font-weight:600;margin-left:auto;margin-right:auto;max-width:13em}
html[data-theme=prestige] .hero p{margin-left:auto;margin-right:auto;color:#B9B2A7}
html[data-theme=prestige] .hero .cta{justify-content:center}
html[data-theme=prestige] .hero .hs{display:none!important}
html[data-theme=prestige] .kick{background:transparent!important;border:0!important;color:var(--acc)!important;letter-spacing:.32em;font-size:11.5px;padding:0!important}
html[data-theme=prestige] .kick::before,html[data-theme=prestige] .kick::after{content:'';display:inline-block;width:34px;height:1px;background:var(--acc);opacity:.7;vertical-align:middle;margin:0 14px}
html[data-theme=prestige] .btn{border-radius:0!important;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:600;padding:16px 30px;background:var(--acc)!important;color:#0B0B0C!important;box-shadow:none!important}
html[data-theme=prestige] .btn.o,html[data-theme=prestige] .btn.inv{background:transparent!important;color:var(--ink)!important;border:1px solid color-mix(in srgb,var(--acc) 60%,transparent)!important}
html[data-theme=prestige] .hero #strip.qa{max-width:900px;margin:56px auto 0;justify-content:center}
html[data-theme=prestige] .hero #strip.qa>.qk{justify-content:center}
html[data-theme=prestige] .hero #strip.qa .qi{display:none}
html[data-theme=prestige] .hero #strip.qa .qt{align-items:center;text-align:center}
html[data-theme=prestige] .hero #strip.qa .qt b{font-family:var(--fh);font-weight:600;letter-spacing:.02em}
html[data-theme=prestige] .c{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme=prestige] .c .cw{border-radius:0!important}
html[data-theme=prestige] .c .in{padding:22px 8px 10px!important}
html[data-theme=prestige] .c h3{font-size:22px!important;font-weight:600}
html[data-theme=prestige] .c .chs{display:none}
html[data-theme=prestige] .c .m{letter-spacing:.14em;text-transform:uppercase;font-size:11px!important;color:var(--mut)}
html[data-theme=prestige] .c .more{color:var(--acc)!important;letter-spacing:.18em;text-transform:uppercase;font-size:11px;margin-top:6px}
html[data-theme=prestige] [data-blk=feat] .feat>div .n{width:46px;height:46px}
html[data-theme=prestige] .panel h2{font-size:clamp(30px,4vw,46px)}

/* --- Familial : crème et terracotta, arrondi, rassurant --- */
html[data-theme=familial]{--bg:#FFFBF7;--soft:#FBF1E8;--line:#F0E2D4;--ink:#2B1D12;--mut:#7A6656}
html[data-theme=familial] body{background:#FFFBF7}
html[data-theme=familial] .hero{background:linear-gradient(180deg,#FFF3EA 0%,#FFFBF7 100%)!important}
html[data-theme=familial] .kick{background:#fff!important;color:var(--acc)!important;border:0!important;box-shadow:0 6px 16px -10px rgba(120,80,30,.4);border-radius:99px!important;padding:6px 14px!important}
html[data-theme=familial] .btn{border-radius:99px!important}
html[data-theme=familial] .hside.hcar{background:radial-gradient(closest-side,#FDE1CC,transparent 72%)!important}
html[data-theme=familial] [data-blk=feat]{background:#fff}
html[data-theme=familial] .c{box-shadow:0 16px 34px -26px rgba(120,80,30,.55)!important;background:#fff!important}
html[data-theme=familial] footer{background:#2B1D12!important;color:#D8C8BA}html[data-theme=familial] footer .ft3 b{color:#fff}html[data-theme=familial] footer a{color:#F2E6DA!important}html[data-theme=familial] footer .fbt{border-top-color:#463224}

/* --- Minimal : noir et blanc, éditorial --- */
html[data-theme=minimal] .btn{border-radius:0!important;background:var(--ink)!important;color:#fff!important;letter-spacing:.12em;text-transform:uppercase;font-size:12px;padding:15px 26px}
html[data-theme=minimal] .btn.o,html[data-theme=minimal] .btn.inv{background:transparent!important;color:var(--ink)!important;border:1px solid var(--ink)!important}
html[data-theme=minimal] .kick{background:transparent!important;border:0!important;color:var(--mut)!important;letter-spacing:.3em;padding:0!important}
html[data-theme=minimal] .hero{background:#fff!important}

/* --- Électrique : sombre, sobre, turquoise, sans néon --- */
html[data-theme=electrique] .hero{background:linear-gradient(180deg,#0B1220 0%,#070B14 100%)!important}
html[data-theme=electrique] .hero h1,html[data-theme=electrique] .hero h1 .hw,html[data-theme=electrique] main section h2{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#F2F6FC!important}
html[data-theme=electrique] .hero h1 em,html[data-theme=electrique] .hero h1 .hw{color:var(--acc)!important}
html[data-theme=electrique] .kick::before{box-shadow:none!important;background:var(--acc)!important}
html[data-theme=electrique] .btn{box-shadow:none!important;border-radius:10px!important;color:#04121A!important}
html[data-theme=electrique] .btn.o,html[data-theme=electrique] .btn.inv{color:#E6EEFB!important}
html[data-theme=electrique] .hcta{box-shadow:inset 0 0 0 1px #24304A!important}
html[data-theme=electrique] header .bar{box-shadow:none!important;border-color:#1C2638!important}
html[data-theme=electrique] .hero .hs{box-shadow:none!important;border-color:#1C2638!important}
html[data-theme=electrique] #strip.qa .qi{box-shadow:none!important}
html[data-theme=electrique] [data-blk=feat] .feat::before{display:none!important}
html[data-theme=electrique] [data-blk=feat] .feat>div{text-align:left!important;border:0!important;border-top:1px solid var(--acc)!important;border-radius:0!important;background:transparent!important;padding:26px 4px 6px!important}
html[data-theme=electrique] [data-blk=feat] .feat>div .n{margin:0 0 16px!important;box-shadow:none!important;border-radius:10px!important}
html[data-theme=electrique] .c,html[data-theme=electrique] .c:hover{box-shadow:none!important}
html[data-theme=electrique] .c:hover{border-color:#2A3A55!important}
html[data-theme=electrique] .c .pr{text-shadow:none!important}
html[data-theme=electrique] .panel{box-shadow:none!important;background:#0E1626!important;border:1px solid #1C2638!important}
html[data-theme=electrique] .hside.hcar{background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 22%,transparent),transparent 72%)!important}
html[data-theme=electrique][data-page=vehicules] main>section:first-child,html[data-theme=electrique][data-page=qui-sommes-nous] main>[data-blk=intro]{background:linear-gradient(180deg,#0B1220,#070B14)!important}
html[data-theme=electrique] .two .chat{box-shadow:none!important;border:1px solid #1C2638!important}
@media(max-width:780px){html[data-theme=sport] .hero #strip.qa>.qk{border-right:0!important;border-top:1px solid #2A2B30!important;padding:12px 4px!important}html[data-theme=prestige] .hero h1{font-size:clamp(36px,10vw,48px)}}
html[data-theme=sport] .hero .hs input[name=q]{flex:1 1 150px!important}html[data-theme=sport] .hero .hs .bud{flex:1 1 170px!important}
@media(min-width:781px){html[data-hero=split] .hero .hs{flex-wrap:wrap}html[data-hero=split] .hero .hs input[name=q]{flex:1 1 100%!important}html[data-hero=split] .hero .hs .bud{flex:1 1 200px!important;min-width:0}html[data-hero=split] .hero .hs .btn{flex:none}}
html[data-theme=sport] .svc,html[data-theme=sport] .svl>*{border-left:0!important;border:1px solid #E4E4E7!important;border-radius:2px!important;box-shadow:none!important}
html[data-theme=sport] .svl .n,html[data-theme=sport] .svc .n{background:transparent!important;color:var(--acc)!important;border:1px solid #E4E4E7;border-radius:2px!important}
@media(max-width:780px){html[data-theme=prestige] .btn,html[data-theme=minimal] .btn,html[data-theme=sport] .btn{letter-spacing:.06em;padding:14px 16px;font-size:12px}html[data-theme=prestige] .hero .cta,html[data-theme=minimal] .hero .cta,html[data-theme=sport] .hero .cta{flex-wrap:nowrap}html[data-theme=prestige] .hero .cta .btn,html[data-theme=minimal] .hero .cta .btn,html[data-theme=sport] .hero .cta .btn{flex:1 1 0;min-width:0;white-space:nowrap}}

/* ===================== BANDEAU DU HAUT INTÉGRÉ À LA PHOTO D'ACCUEIL ===================== */
html[data-hover="1"] main>[data-blk=hero]:first-child{margin-top:calc(-1 * var(--hdh,72px))!important;padding-top:calc(var(--hdh,72px) + 96px)!important}
html[data-hover="1"]:not(.scrolled) header:not(.open){background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-hover="1"]:not(.scrolled) header:not(.open) .bar{background:transparent!important;box-shadow:none!important;border-color:transparent!important;backdrop-filter:none!important}
html[data-hover="1"]:not(.scrolled) header:not(.open) .logo,html[data-hover="1"]:not(.scrolled) header:not(.open) nav a,html[data-hover="1"]:not(.scrolled) header:not(.open) .hcta{color:#fff!important}
html[data-hover="1"]:not(.scrolled) header:not(.open) nav a[aria-current]{background:rgba(255,255,255,.14)!important;box-shadow:none!important}
html[data-hover="1"]:not(.scrolled) header:not(.open) .hcta{background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important}
html[data-hover="1"]:not(.scrolled) header:not(.open) .burger i{background:#fff!important}
html[data-hover="1"] header{transition:background-color .25s,box-shadow .25s,border-color .25s}
html[data-hover="1"].scrolled header{box-shadow:0 10px 30px -20px rgba(0,0,0,.45)}
html[data-hover="1"][data-theme=prestige]:not(.scrolled) header:not(.open) nav a[aria-current]{background:transparent!important;box-shadow:inset 0 -1.5px 0 var(--acc)!important}
@media(max-width:780px){html[data-hover="1"] main>[data-blk=hero]:first-child{padding-top:calc(var(--hdh,60px) + 48px)!important}}

/* ===================== STYLE CONCESSION : marine, structuré, rassurant ===================== */
html[data-theme=concession]{--bg:#fff;--soft:#F3F6FA;--line:#E1E7EF;--ink:#0B1B2E;--mut:#5A6B80}
html[data-theme=concession] body{background:#fff}
html[data-theme=concession] .ctb{background:#0B1F36;color:#B9C6D6;font-size:13px}
html[data-theme=concession] .ctb .w{display:flex;justify-content:space-between;align-items:center;gap:8px 22px;flex-wrap:wrap;padding:8px 22px}
html[data-theme=concession] .ctb span{display:flex;gap:8px 20px;align-items:center;flex-wrap:wrap}
html[data-theme=concession] .ctb b{color:#fff;font-weight:700;margin-right:2px}
html[data-theme=concession] .ctb a{color:#fff;text-decoration:none;font-weight:600}html[data-theme=concession] .ctb a.ctba{color:#B9C6D6;font-weight:500}
html[data-theme=concession] .ctb a.ctbr{background:var(--acc);color:#fff;padding:4px 12px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
html[data-theme=concession] header{background:#fff;border-bottom:1px solid var(--line)}
html[data-theme=concession] header .logo{font-weight:800;letter-spacing:-.02em}
html[data-theme=concession] header nav a{color:var(--ink);font-weight:600;border-radius:0!important;background:none!important}
html[data-theme=concession] header nav a[aria-current]{color:var(--acc);box-shadow:inset 0 -3px 0 var(--acc)}
@media(min-width:900px){html[data-theme=concession] .hcta:not([hidden]){display:inline-flex!important;background:var(--acc);color:#fff!important;padding:10px 16px;border-radius:6px}}
@media(min-width:900px){html[data-theme=concession] header .bar>nav{margin-left:auto;order:2}}
html[data-theme=concession] .hero{background:linear-gradient(120deg,#0B1F36 0%,color-mix(in srgb,var(--acc) 85%,#0B1F36) 100%)!important;color:#fff}
html[data-theme=concession] .hero p{color:#C9D4E2!important}
html[data-theme=concession] .hero h1{font-weight:800;letter-spacing:-.03em;max-width:13em}
html[data-theme=concession] .kick{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:4px!important}
html[data-theme=concession] .btn{border-radius:6px!important;font-weight:700}
html[data-theme=concession] .hero .btn{background:#fff!important;color:var(--acc)!important}
html[data-theme=concession] .hero .btn.o{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)!important;border:0!important}
html[data-theme=concession] .hero .hs{background:#fff!important;border-radius:10px!important;border:0!important;box-shadow:0 24px 50px -24px rgba(0,0,0,.55)!important}
html[data-theme=concession] .hero .hs .btn{background:var(--acc)!important;color:#fff!important}
html[data-theme=concession] .hero #strip.qa>.qk{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff;border-radius:8px!important}
html[data-theme=concession] .hero #strip.qa .qi{background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:6px!important}
html[data-theme=concession] .hero #strip.qa .qt small{color:#B9C6D6!important}html[data-theme=concession] .hero #strip.qa .qk.ok .qt b{color:#6EE7A8!important}
html[data-theme=concession] main section h2{font-weight:800;letter-spacing:-.025em}
html[data-theme=concession] main section h2::after{content:'';display:block;width:44px;height:4px;border-radius:2px;background:var(--acc);margin-top:14px}
html[data-theme=concession] [data-blk=feat]{background:var(--soft)}
html[data-theme=concession] [data-blk=feat] .feat>div{background:#fff!important;border:1px solid var(--line);border-radius:10px!important;box-shadow:0 8px 24px -20px rgba(11,27,46,.5)}
html[data-theme=concession] [data-blk=feat] .feat>div .n,html[data-theme=concession] .svl .n{background:var(--acc)!important;color:#fff!important;border-radius:8px!important}
html[data-theme=concession] .svl>*{background:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important}
html[data-theme=concession] .c{border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:0 10px 26px -22px rgba(11,27,46,.6)!important}
html[data-theme=concession] .c .chs span{background:var(--soft)!important;border-radius:4px!important;color:#334155!important}
html[data-theme=concession] .c .pr{color:var(--acc);font-size:22px;font-weight:800}
html[data-theme=concession] .c .more{display:block;text-align:center;margin-top:8px;padding:9px;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--acc);color:var(--acc)!important;font-weight:700}
html[data-theme=concession] .c:hover .more{background:var(--acc);color:#fff!important}
html[data-theme=concession] .panel{background:linear-gradient(120deg,#0B1F36,var(--acc))!important;border-radius:12px!important;color:#fff}
html[data-theme=concession] .panel .btn{background:#fff!important;color:var(--acc)!important}
html[data-theme=concession] footer{background:#0B1F36!important;color:#9FB0C4}html[data-theme=concession] footer .ft3 b{color:#fff}html[data-theme=concession] footer a{color:#DCE4EE!important}html[data-theme=concession] footer .fbt{border-top-color:#1C3350}
html[data-theme=concession][data-page=vehicules] main>section:first-child,html[data-theme=concession][data-page=qui-sommes-nous] main>[data-blk=intro]{background:linear-gradient(120deg,#0B1F36,color-mix(in srgb,var(--acc) 85%,#0B1F36));color:#fff}
html[data-theme=concession][data-page=vehicules] main>section:first-child h2,html[data-theme=concession][data-page=qui-sommes-nous] [data-blk=intro] h2{color:#fff}
html[data-theme=concession][data-page=vehicules] main>section:first-child .lead,html[data-theme=concession][data-page=qui-sommes-nous] [data-blk=intro] .lead{color:#C9D4E2}
html[data-theme=concession] .flt input,html[data-theme=concession] .flt select{border-radius:6px!important}
html[data-theme=concession] .two .chat{border-radius:12px!important;border:1px solid var(--line)!important;border-top:4px solid var(--acc)!important}
@media(max-width:780px){html[data-theme=concession] .ctb .w{padding:6px 16px;font-size:12px}html[data-theme=concession] .ctb .ctba{display:none}}
html[data-hover="1"]:not(.scrolled) header:not(.open) .logo .mark{box-shadow:0 0 0 1.5px rgba(255,255,255,.75)}
html[data-theme=concession] .ctb+.bar,html[data-theme=concession] .ctb~.bar{padding-top:12px}

@media(max-width:780px){html[data-theme=concession] .ctb .w>span:first-child{display:none}html[data-theme=concession] .ctb .w{justify-content:center}
html[data-theme] .hero .cta .btn{font-size:12px!important}html[data-theme=prestige] .hero .cta .btn,html[data-theme=minimal] .hero .cta .btn,html[data-theme=sport] .hero .cta .btn{letter-spacing:.06em!important;padding:14px 8px!important;font-size:11.5px!important}}

/* Véhicule à la une à côté du titre (quand il n'y a pas de photo d'accueil) */
.hside.hfeat{aspect-ratio:auto;background:none;box-shadow:none;overflow:visible;display:block}
.hfc{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;background:var(--card,#fff);color:var(--ink);border-radius:calc(var(--r,20px) + 4px);overflow:hidden;box-shadow:0 40px 80px -40px rgba(15,23,42,.55),0 0 0 1px rgba(15,23,42,.06);transition:transform .25s}
.hfc:hover{transform:translateY(-4px)}.hfc:focus-visible{outline:3px solid var(--acc);outline-offset:4px}
.hfc img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--soft)}
.hft{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:end;padding:16px 20px 18px}
.hft .hfk{grid-column:1/-1;justify-self:start;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.hft b{font-size:18px;line-height:1.25}.hft small{grid-column:1;color:var(--mut);font-size:13px}
.hft .hfp{grid-column:2;grid-row:2/4;font-size:22px;font-weight:800;white-space:nowrap}
html[data-theme=sport] .hfc,html[data-theme=minimal] .hfc{border-radius:2px}
html[data-theme=sport] .hfc{background:#17181B;color:#fff;box-shadow:0 0 0 1px #2A2B30}html[data-theme=sport] .hft small{color:#A1A1AA}
html[data-theme=concession] .hfc{border-radius:12px}
@media(max-width:860px){.hside.hfeat{max-width:460px}}
@media(max-width:780px){.hside.hfeat{display:none}}

/* Bandeau sur la photo : en descendant, il reste sombre et flouté tant qu'il est au-dessus de la photo (texte lisible, badge non coupé net) */
html[data-hover="1"].ovh header:not(.open){background:rgba(8,12,20,.8)!important;-webkit-backdrop-filter:blur(14px) saturate(1.2)!important;backdrop-filter:blur(14px) saturate(1.2)!important;border-bottom-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
html[data-hover="1"].ovh header:not(.open) .bar{background:transparent!important;box-shadow:none!important;border-color:transparent!important;backdrop-filter:none!important}
html[data-hover="1"].ovh header:not(.open) .logo,html[data-hover="1"].ovh header:not(.open) nav a,html[data-hover="1"].ovh header:not(.open) .hcta{color:#fff!important}
html[data-hover="1"].ovh header:not(.open) nav a[aria-current]{background:rgba(255,255,255,.14)!important;box-shadow:none!important}
html[data-hover="1"].ovh header:not(.open) .hcta{background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important}
html[data-hover="1"].ovh header:not(.open) .burger i{background:#fff!important}
html[data-hover="1"][data-theme=prestige].ovh header:not(.open) nav a[aria-current]{background:transparent!important;box-shadow:inset 0 -1.5px 0 var(--acc)!important}
/* Raccourcis sous la recherche sur une grande photo : cartes sombres translucides, texte lisible (au lieu de cartes blanches au texte blanc) */
html[data-hero=plein] .hero #strip.qa>.qk,html[data-uhero=solid] .hero #strip.qa>.qk{background:rgba(10,14,22,.5);border-color:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}
html[data-hero=plein] .hero #strip.qa>.qk:hover,html[data-uhero=solid] .hero #strip.qa>.qk:hover{border-color:rgba(255,255,255,.4);box-shadow:0 10px 26px -14px rgba(0,0,0,.6)}
html[data-hero=plein] .hero #strip.qa .qi,html[data-uhero=solid] .hero #strip.qa .qi{background:rgba(255,255,255,.14);color:#fff}
html[data-hero=plein] .hero #strip.qa .qt b,html[data-uhero=solid] .hero #strip.qa .qt b{color:#fff;opacity:1}
html[data-hero=plein] .hero #strip.qa .qt small,html[data-uhero=solid] .hero #strip.qa .qt small{color:rgba(255,255,255,.78);opacity:1}
html[data-hero=plein] .hero #strip.qa .qk.ok .qt b,html[data-uhero=solid] .hero #strip.qa .qk.ok .qt b{color:#6CE9A6}
html[data-hero=plein] .hero #strip.qa .qk.ko .qt b,html[data-uhero=solid] .hero #strip.qa .qk.ko .qt b{color:#FDA29B}
/* Barre d'infos du style Concession : zones tactiles plus confortables sur téléphone */
@media(max-width:780px){.ctb a{display:inline-flex;align-items:center;min-height:36px;padding-top:4px;padding-bottom:4px}}

/* Sport, téléphone : pas de grand numéro en filigrane derrière le texte (il gênait la lecture) */
@media(max-width:640px){html[data-theme=sport] [data-blk=feat] .feat>div::after{display:none!important}}
/* Familial : un titre sur deux lignes reste aligné comme les autres (il se centrait tout seul) ; sur téléphone, texte des atouts aligné à gauche à côté de la pastille */
html[data-theme=familial] main section h2{text-align:inherit}
@media(max-width:640px){html[data-theme=familial] [data-blk=feat] .feat>div{text-align:left!important;grid-template-columns:56px 1fr!important;column-gap:16px!important;padding:22px 20px!important}html[data-theme=familial] [data-blk=feat] .feat>div .n{width:56px!important;height:56px!important;margin:0!important}}
/* Minimal, téléphone : la colonne des grands numéros 01/02/03 était trop étroite, ils touchaient le texte */
@media(max-width:640px){html[data-theme=minimal] .feat>div{grid-template-columns:64px 1fr!important}}
/* Minimal : dans les mentions légales, les sous-titres étaient plus gros que le titre de la page */
html[data-theme=minimal] .legal h2{font-size:clamp(20px,2.2vw,26px)!important;line-height:1.2!important}
/* En-tête sur tablette en paysage et petit ordinateur (900 à 1320 px) : le menu se resserre pour ne jamais dépasser de l'écran,
   et un nom de garage très long est coupé proprement au lieu de pousser le menu dehors */
@media(min-width:900px){header .bar>.logo{min-width:0;flex:0 1 auto}header .bar>.logo [data-name]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header .bar>nav{flex:none}}
@media(min-width:900px) and (max-width:1099px){.hcta:not([hidden]){display:none!important}html:not([data-theme=prestige]):not([data-theme=minimal]) header nav a{padding:8px 9px!important;font-size:14px!important}html:not([data-theme=prestige]):not([data-theme=minimal]) header .bar{gap:10px 14px!important}}
@media(min-width:900px) and (max-width:1319px){html[data-theme=sport] header nav a{padding:8px 8px!important;font-size:12.5px!important;letter-spacing:.03em!important}html[data-theme=sport] .hcta{padding:9px 12px!important;font-size:12.5px!important}}
/* Très petit écran : un grand titre ne dépasse jamais du bord */
@media(max-width:360px){main h1,main h2{overflow-wrap:anywhere}html[data-theme=minimal] main h1,html[data-theme=minimal] main .two h2{font-size:32px!important}}
/* Bouton « ♥ Favoris » de la page Véhicules (remplace la barre du bas) */
.flt.f2 .ffv:not([hidden]){display:inline-flex}
.flt.f2 .ffv i{font-style:normal;color:#E11D48;font-size:16px}
.flt.f2 .ffv em{font-style:normal}
@media(max-width:600px){.flt.f2 .ffv{padding:0 12px;gap:6px}.flt.f2 .ffv em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.flt.f2 .ffv span{background:var(--soft,#F5F7FB);color:var(--ink,#0F172A)}
.flt.f2 .ffv[aria-pressed=true]{border-color:var(--acc)!important;box-shadow:inset 0 0 0 1px var(--acc)}
.flt.f2 .ffv[aria-pressed=true] span{background:var(--acc);color:var(--on,#fff)}
/* Comparer depuis un véhicule : choix du ou des véhicules à mettre à côté */
.md.cpk{max-width:640px;display:flex;flex-direction:column;max-height:min(860px,94vh);padding:24px 24px 0}
.md.cpk h2{margin:6px 0 12px;font-size:24px;padding-right:44px}
.md.cpk .cmpbk{align-self:flex-start}
.cpme{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:var(--soft,#F5F7FB);border:1px solid var(--line,#E5E9F1)}
.cpme img{width:72px;height:52px;object-fit:cover;border-radius:10px;flex:none}
.cpme small{display:block;font-size:12px;color:var(--mut,#5B6577);font-weight:600}.cpme b{font-size:15.5px;color:var(--ink,#0F172A)}
.md.cpk .hint{margin:14px 0 8px;color:var(--mut,#5B6577)}
.cpq{font:inherit;font-size:16px;padding:11px 14px;border:1.5px solid var(--line,#E5E9F1);border-radius:12px;background:var(--bg,#fff);color:var(--ink,#0F172A);width:100%;margin-bottom:10px}
.cpl{display:grid;gap:8px;overflow-y:auto;min-height:120px;padding:2px 2px 12px;margin:0 -2px;overscroll-behavior:contain}
.cpi{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:14px;border:1.5px solid var(--line,#E5E9F1);background:var(--bg,#fff);color:var(--ink,#0F172A);cursor:pointer;transition:border-color .15s,background .15s}
.cpi:hover{border-color:var(--mut,#5B6577)}.cpi:focus-visible{outline:2px solid var(--acc,#2563EB);outline-offset:2px}
.cpi.on{border-color:var(--acc,#2563EB);background:color-mix(in srgb,var(--acc,#2563EB) 7%,var(--bg,#fff))}
.cpi:disabled{opacity:.45;cursor:default}
.cpth{width:76px;height:56px;border-radius:10px;overflow:hidden;background:var(--soft,#F5F7FB);flex:none}.cpth img{width:100%;height:100%;object-fit:cover;display:block}
.cptx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cptx b{font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cptx small{font-size:13px;color:var(--mut,#5B6577)}
.cpck{width:22px;height:22px;border-radius:7px;border:2px solid var(--line,#CBD2DE);flex:none;position:relative}
.cpi.on .cpck{background:var(--acc,#2563EB);border-color:var(--acc,#2563EB)}
.cpi.on .cpck::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--on,#fff);border-width:0 2px 2px 0;transform:rotate(45deg)}
.cpf{position:sticky;bottom:0;padding:12px 0 calc(16px + env(safe-area-inset-bottom,0px));background:var(--bg,#fff);border-top:1px solid var(--line,#E5E9F1);margin-top:auto}
html .cpf .btn.cpgo{width:100%;text-align:center;min-height:48px}
html .cpf .btn.cpgo:disabled{opacity:.45;cursor:default}
@media(max-width:600px){.md.cpk{padding:18px 14px 0;max-height:100%;border-radius:20px 20px 0 0;margin:auto 0 0}.md.cpk h2{font-size:21px}.cpth{width:64px;height:48px}}
/* Mention « Site réalisé par MH Auto Digital » en bas des sites clients : discrète */
.fbt .fcred{text-decoration:none;opacity:.8}.fbt .fcred:hover,.fbt .fcred:focus-visible{text-decoration:underline;opacity:1}
@media(max-width:600px){.fbt .fcred{flex-basis:100%;font-size:12.5px}}