:root{--ink:#0b0b0b;--ink-2:#3a3a3a;--mute:#767676;--bg:#fff;--grey:#f3f3f2;--grey-2:#e6e6e4;--line:#dcdcda;--red:#d4141c;--f:'Inter',system-ui,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{margin:0;font-family:var(--f);color:var(--ink);background:var(--bg);line-height:1.45;font-size:13.5px;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,h4{font-weight:800;margin:0;line-height:1.05;letter-spacing:-.01em}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wrap{max-width:1320px;margin:0 auto;padding:0 24px}
.util{background:#fff;border-bottom:1px solid var(--grey-2);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.util .wrap{display:flex;justify-content:space-between;padding-top:7px;padding-bottom:7px;color:var(--ink-2)}
.head{background:var(--ink);color:#fff;position:sticky;top:0;z-index:50}
.head-in{max-width:1320px;margin:0 auto;padding:0 24px;height:64px;display:grid;grid-template-columns:auto minmax(200px,560px) auto;justify-content:space-between;align-items:center;gap:24px}
.logo{display:flex;align-items:center;gap:10px;white-space:nowrap}
.lm{display:grid;place-items:center;width:30px;height:30px;background:#fff;color:var(--ink);font-weight:900;font-size:13px}
.lt{font-weight:900;font-size:17px;letter-spacing:.02em}
.search{position:relative;display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;background:#fff;color:var(--mute)}
.search svg{flex:none;width:17px;height:17px;order:2;margin-left:auto;color:var(--ink)}
.search input{flex:1;order:1;min-width:0;height:100%;border:0;background:transparent;outline:none;font:inherit;font-size:13.5px;color:var(--ink)}
.ph{position:absolute;left:14px;right:44px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.ph i{display:inline-block;width:1.5px;height:1em;background:var(--ink);margin-left:1px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
.search:focus-within .ph,.search.has .ph{display:none}
@keyframes blink{50%{opacity:0}}
.sugg{position:absolute;top:100%;left:0;right:0;background:#fff;color:var(--ink);box-shadow:0 20px 40px rgba(0,0,0,.25);border-top:1px solid var(--grey-2);max-height:400px;overflow:auto}
.sugg a{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:8px 12px}
.sugg a:hover,.sugg a.on{background:var(--grey)}.sugg img{width:44px;height:44px;object-fit:contain;background:var(--grey)}
.sugg b{display:block;font-size:12.5px;font-weight:700;line-height:1.25}.sugg small{color:var(--mute);font-size:11.5px}.sugg em{font-style:normal;font-weight:800}.sugg .none{padding:14px;color:var(--mute)}
.hr{display:flex;gap:2px}.ic{display:grid;place-items:center;width:40px;height:40px}.ic:hover{background:rgba(255,255,255,.14)}
.nav-row{border-top:1px solid #262626}
.nav ul{list-style:none;display:flex;justify-content:center;gap:0;margin:0;padding:0}
.nav>ul>li>a{display:block;padding:14px 22px;font-weight:800;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;position:relative}
.nav>ul>li>a::after{content:"";position:absolute;left:22px;right:22px;bottom:7px;height:2px;background:#fff;transform:scaleX(0);transition:transform .15s}
.nav>ul>li:hover>a::after,.nav>ul>li:focus-within>a::after{transform:scaleX(1)}
.nav .hot{color:#fff;background:var(--red);margin:6px 0;padding:8px 20px}.nav .hot::after{display:none}
.has-mm{position:static}
.mm{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 24px 40px rgba(0,0,0,.22);opacity:0;visibility:hidden;transition:opacity .12s .05s,visibility 0s .18s}
.has-mm:hover .mm,.has-mm:focus-within .mm{opacity:1;visibility:visible;transition-delay:.03s,0s}
.mm-in{max-width:1320px;margin:0 auto;padding:26px 24px 30px;display:flex;gap:46px}
.mm h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.mm .wide{flex:1}.mm .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:0 16px}.mm .g2{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}
.mi{display:flex;align-items:center;gap:10px;padding:6px 8px;margin:0 -8px;font-weight:600;font-size:13px;white-space:nowrap}
.mi:hover,.ml:hover{background:var(--ink);color:#fff}.mi img{object-fit:contain;flex:none}.mi .flag{outline:1px solid var(--line);object-fit:cover}
.mi:hover .br{filter:invert(1)}
.ml{display:block;padding:6px 8px;margin:0 -8px;font-weight:600;font-size:13px;white-space:nowrap}
.hero4{display:grid;grid-template-columns:1fr 1.15fr;background:var(--grey);min-height:480px;overflow:hidden}
.hero4-t{align-self:center;padding:48px 64px 48px max(24px,calc((100vw - 1320px)/2 + 24px))}
.eyebrow{display:inline-block;font-weight:800;font-size:11px;letter-spacing:.14em;margin-bottom:14px}
.hero4 h1{font-size:46px;font-weight:900;margin-bottom:14px;max-width:560px}
.hero4 p{margin:0 0 24px;color:var(--ink-2);font-size:15px}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.b-dark,.b-line,.b-white{display:inline-block;padding:14px 28px;font-weight:800;font-size:12px;letter-spacing:.1em;transition:.15s;border:2px solid var(--ink)}
.b-dark{background:var(--ink);color:#fff}.b-dark:hover{background:#fff;color:var(--ink)}
.b-line{background:transparent}.b-line:hover{background:var(--ink);color:#fff}
.b-white{background:#fff;color:var(--ink);border-color:#fff}.b-white:hover{background:transparent;color:#fff}
.hero4-i{position:relative;display:flex;align-items:center;justify-content:center;gap:0}
.hero4-i img{height:420px;width:auto;max-width:48%;object-fit:contain;mix-blend-mode:multiply}
.hero4-i img:last-child{margin-left:-4%;transform:translateY(24px)}
.duo4{display:grid;grid-template-columns:1fr 1fr;gap:0}
.bn{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:200px;padding:0 48px;overflow:hidden;transition:.2s}
.bn-k{background:var(--ink);color:#fff}.bn-g{background:var(--grey-2)}
.bn b{display:block;font-size:24px;font-weight:900;max-width:300px;margin-bottom:10px;line-height:1.05}.bn span{font-weight:700;font-size:12.5px;border-bottom:2px solid currentColor;padding-bottom:2px}
.bn img{height:190px;width:190px;object-fit:contain;background:#fff;transition:transform .3s}.bn-g img{mix-blend-mode:multiply;background:transparent}
.bn:hover img{transform:scale(1.06) rotate(-2deg)}
.blk{margin-top:48px}.blk>h2,.bh h2{font-size:22px;font-weight:900;margin-bottom:18px}
.bh{display:flex;align-items:baseline;justify-content:space-between}.bh a{font-weight:800;font-size:12px;letter-spacing:.08em;border-bottom:2px solid var(--ink)}
.tls{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.tl{position:relative;aspect-ratio:3/4;background:var(--grey);overflow:hidden;display:flex;align-items:flex-end}
.tl img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:18px 18px 70px;mix-blend-mode:multiply;transition:transform .3s}
.tl:hover img{transform:scale(1.07)}
.tl span{position:relative;display:block;padding:14px;width:100%}.tl b{display:block;font-weight:900;font-size:13px;letter-spacing:.02em}.tl i{font-style:normal;font-size:12px;color:var(--ink-2)}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 14px}
.cd{display:flex;flex-direction:column;gap:10px}
.cd-i{position:relative;aspect-ratio:1/1;background:var(--grey);display:grid;place-items:center;padding:16px;overflow:hidden}
.cd-i img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.cd:hover .cd-i img{transform:scale(1.06)}
.ibp{position:absolute;left:0;top:0;background:var(--ink);color:#fff;font-weight:800;font-size:11.5px;padding:5px 9px}
.ibp::before{content:"IBP ";font-weight:600;opacity:.65}
.cd-b{display:flex;flex-direction:column;gap:3px}.cd-m{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.cd h3{font-weight:600;font-size:13px;line-height:1.35;letter-spacing:0;height:2.7em;overflow:hidden}.cd:hover h3{text-decoration:underline}
.cd-p b{font-weight:800;font-size:15px}.cd-p s{color:var(--mute);margin-left:8px;font-size:12.5px}.cd-p em{font-style:normal;color:var(--red);font-weight:800;margin-left:8px;font-size:12.5px}
.band{background:var(--ink);color:#fff;margin-top:56px;padding:56px 0}.band-in{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.band h2{font-size:32px;font-weight:900;margin:8px 0 12px;max-width:520px}.band p{max-width:460px;margin:0 0 22px;color:#bdbdbd;font-size:14.5px}
.spark4{width:100%;height:auto;stroke:#fff;stroke-width:3;fill:none;stroke-linejoin:round}
.brands{display:flex;gap:42px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:10px 0}.brands img{height:30px;width:auto;max-width:90px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.15s}.brands img:hover{opacity:1}
.foot{background:var(--ink);color:#a8a8a8;margin-top:64px;padding-top:44px}.foot .logo{color:#fff}.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.foot p{max-width:320px}.foot nav{display:flex;flex-direction:column;gap:6px}.foot nav b{color:#fff;font-size:11.5px;letter-spacing:.12em;margin-bottom:4px}.foot a:hover{color:#fff;text-decoration:underline}
.foot-bas{margin-top:30px;padding-top:16px;padding-bottom:22px;border-top:1px solid #262626;font-size:11.5px}
.fiche{padding-top:14px}
.crumb{font-size:11.5px;color:var(--mute);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.crumb a:hover{color:var(--ink);text-decoration:underline}.crumb span{opacity:.5}
.top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:44px;align-items:start}
.gal{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;position:sticky;top:120px}
.thw{position:relative;height:min(600px,calc(100vh - 150px));min-height:360px;display:flex;flex-direction:column}
.thumbs{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:y proximity;
  -webkit-mask-image:linear-gradient(transparent 0,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(transparent 0,#000 16px,#000 calc(100% - 16px),transparent)}
.thumbs::-webkit-scrollbar{display:none}
.th{flex:none;width:100%;aspect-ratio:1/1;border:0;background:var(--grey);padding:4px;opacity:.65;scroll-snap-align:start;outline:2px solid transparent;outline-offset:-2px;transition:.12s}
.th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.th:hover{opacity:1}.th.on{opacity:1;outline-color:var(--ink)}
.th-nav{position:absolute;left:50%;transform:translateX(-50%);z-index:2;width:28px;height:28px;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;opacity:0;transition:.12s}
.th-nav svg{width:14px;height:14px}.th-nav.up{top:0}.th-nav.down{bottom:0}.thw:hover .th-nav{opacity:1}.th-nav[disabled]{display:none}
.mi-w{background:var(--grey);height:min(600px,calc(100vh - 150px));min-height:360px;overflow:hidden;display:grid;place-items:center;cursor:zoom-in}
.mi-w img{width:100%;height:100%;object-fit:contain;padding:20px;mix-blend-mode:multiply;transition:transform .25s ease-out;transform-origin:var(--zx,50%) var(--zy,50%)}
.mi-w.z img{transform:scale(2)}
.kick{display:flex;align-items:center;gap:10px;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.kick img{width:auto}
.buy h1{font-size:26px;font-weight:900;text-transform:uppercase;margin:8px 0 14px}
.pbox{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.lbl{font-size:10.5px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.1em}
.pbig{font-weight:900;font-size:32px;line-height:1.1;margin-top:2px;letter-spacing:-.02em}
.psub{font-size:12.5px;color:var(--ink-2);margin-top:4px}.psub s{color:var(--mute)}
.psub .off{background:var(--red);color:#fff;font-weight:800;font-size:11px;padding:2px 7px;margin-left:8px}
.score{display:flex;align-items:center;gap:10px;cursor:help}
.gauge{width:72px;height:42px;position:relative;flex:none}.gauge svg{width:72px;height:42px;stroke-width:9;overflow:visible}
.gauge .bg{stroke:var(--grey-2)}.gauge .fg{stroke:var(--ink)!important;transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1)}
.gauge b{position:absolute;left:0;right:0;bottom:-3px;text-align:center;font-weight:900;font-size:19px;line-height:1}
.score-t{font-size:10px;color:var(--mute);line-height:1.25;max-width:70px;text-transform:uppercase;letter-spacing:.04em}.score-t strong{display:block;font-weight:900;font-size:11.5px;color:var(--ink)!important}
.opt{margin-top:18px}.oh{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.oh b{font-size:12px;letter-spacing:.1em}.oh span{color:var(--mute);font-size:12.5px}
.guide{margin-left:auto;font-size:12px;font-weight:700;text-decoration:underline}
.sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.sz{position:relative;height:46px;border:1px solid var(--ink);background:#fff;font-weight:700;font-size:13px;transition:.08s;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;overflow:hidden;border-radius:0}
.sz small{font-size:9.5px;font-weight:600;color:var(--mute);margin-top:1px}
.sz:hover:not([aria-disabled=true]){background:#000;color:#fff}.sz:hover:not([aria-disabled=true]) small{color:#bbb}
.sz[aria-checked=true]{background:var(--ink);color:#fff;outline:2px solid var(--ink);outline-offset:2px}.sz[aria-checked=true] small{color:#bbb}
.sz[aria-disabled=true]{background:#f1f1f0;color:#a9a9a7;border-color:var(--grey-2);cursor:not-allowed}
.sz[aria-disabled=true]::after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - .75px),#a9a9a7 calc(50% - .75px),#a9a9a7 calc(50% + .75px),transparent calc(50% + .75px))}
.hint{margin:8px 0 0;font-size:12px;color:var(--mute);min-height:1.3em}
.cols{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.cols::-webkit-scrollbar{display:none}
.col{flex:none;width:64px;background:var(--grey);padding:3px;text-align:center;outline:2px solid transparent;outline-offset:-2px;transition:.1s}
.col img{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}.col i{display:block;font-style:normal;font-size:10px;font-weight:700;padding-bottom:2px}
.col:hover{outline-color:var(--mute)}.col.on{outline-color:var(--ink)}
.ctaw{display:flex;gap:6px;margin-top:18px}
.cta{flex:1;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 18px;background:var(--ink);color:#fff;border:2px solid var(--ink);font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;transition:background .12s,color .12s}
.cta:hover{background:#fff;color:var(--ink)}.cta .arr{transition:transform .15s}.cta:hover .arr{transform:translateX(5px)}
.cta.wait{background:#fff;color:var(--ink)}.cta.wait:hover{background:var(--ink);color:#fff}
.cta.pulse{animation:pulse .4s}@keyframes pulse{30%{transform:scale(1.02)}}
.alert{flex:none;display:flex;align-items:center;gap:8px;padding:0 16px;border:2px solid var(--ink);background:#fff;font-weight:800;font-size:12px}
.alert span{display:none}.alert:hover{background:var(--ink);color:#fff}.alert.ok{background:var(--ink);color:#fff}
.trust{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:3px 16px;font-size:12px;color:var(--ink-2)}.trust li::before{content:"✓";font-weight:900;margin-right:5px}
.acc{border-top:1px solid var(--line);margin-top:22px;padding-top:2px}.acc:last-of-type{border-bottom:1px solid var(--line)}
.acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 0;font-weight:900;font-size:13px;letter-spacing:.08em}
.acc>summary::-webkit-details-marker{display:none}
.acc>summary::after{content:"+";margin-left:auto;font-size:20px;font-weight:400;line-height:1}.acc[open]>summary::after{content:"–"}
.acc>summary span{font-weight:500;color:var(--mute);letter-spacing:0;font-size:12px;margin-left:4px}.acc>summary .seg{margin-left:auto;margin-right:12px}
.acc[open]{padding-bottom:16px}.acc:not([open]){margin-top:0}
.offers{display:flex;flex-direction:column}
.of{display:grid;grid-template-columns:110px 1fr auto;grid-template-areas:"m i p" "m i g";align-items:center;gap:2px 12px;border-top:1px solid var(--grey-2);padding:12px 0}
.of:first-child{border-top:0}
.of.best{background:var(--grey);padding:12px;margin:0 -12px}
.of.out{opacity:.45}
.of-m{grid-area:m;display:flex;align-items:center;gap:8px;font-weight:800;font-size:12.5px;min-width:0}.of-m img{height:20px;width:auto;max-width:64px;object-fit:contain}
.of-i{grid-area:i;font-size:11.5px;color:var(--ink-2);display:flex;flex-direction:column;gap:1px}
.rank{display:inline-block;background:var(--ink);color:#fff;font-weight:800;font-size:9.5px;letter-spacing:.1em;padding:2px 7px;align-self:flex-start}
.of-p{grid-area:p;text-align:right;white-space:nowrap}.of-p b{display:block;font-weight:900;font-size:17px;line-height:1.1}.of-p small{font-size:10.5px;color:var(--mute)}
.go{grid-area:g;justify-self:end;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:1px;margin-top:6px}
.go:hover{opacity:.6}
.seg{display:flex;border:1px solid var(--ink)}.seg button{border:0;background:#fff;padding:4px 12px;font-weight:800;font-size:11px}.seg .on{background:var(--ink);color:#fff}
.hstats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.hstats div{background:var(--grey);padding:7px 10px}.hstats small{display:block;font-size:9px;color:var(--mute);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.hstats b{font-weight:900;font-size:14px}.hstats .good b{color:#0a7a35}
.chart{position:relative;height:190px}.chart svg{width:100%;height:100%;stroke-width:1}
.chart .ln{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round}.chart .ar{fill:url(#ga);stroke:none}.chart .gr{stroke:var(--grey-2)}
.chart text{font-family:var(--f);font-size:10px;fill:var(--mute);stroke:none}.chart .dot{fill:#fff;stroke:var(--ink);stroke-width:2.5}
.chart stop{stop-color:#000!important}
.tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;padding:6px 10px;font-size:11px;white-space:nowrap;transform:translate(-50%,-125%);opacity:0;transition:opacity .1s}.tip b{font-weight:900;font-size:14px;display:block}
.hist p{margin:8px 0 0!important;font-size:11px!important}
.specs{margin:0}.specs div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--grey-2)}.specs dt{color:var(--mute)}.specs dd{margin:0;font-weight:700;text-align:right}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:2px solid var(--ink);display:flex;align-items:center;gap:14px;padding:8px 24px;transform:translateY(110%);transition:transform .22s}
.sticky.show{transform:none}.sticky img{width:40px;height:40px;object-fit:contain;background:var(--grey);mix-blend-mode:multiply}.sticky div{flex:1;min-width:0}
.sticky b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}.sticky span{font-size:11.5px;color:var(--mute)}.sticky .cta{flex:none;min-height:42px;padding:0 26px;font-size:12px}
@media(max-width:1000px){
  .util{display:none}.head-in{grid-template-columns:auto 1fr;height:56px;gap:12px}.hr{display:none}.nav-row{display:none}
  .hero4{grid-template-columns:1fr;min-height:0}.hero4-t{padding:32px 24px}.hero4 h1{font-size:30px}.hero4-i img{height:240px}
  .duo4{grid-template-columns:1fr}.bn{padding:0 24px;min-height:150px}.bn img{height:120px;width:120px}
  .tls{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(2,1fr);gap:20px 10px}.band-in{grid-template-columns:1fr}.band h2{font-size:24px}
  .top{grid-template-columns:1fr;gap:20px}.gal{position:static;grid-template-columns:1fr}.thw{order:2;height:auto;min-height:0}
  .thumbs{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-mask-image:none;mask-image:none}.th{width:58px}.th-nav{display:none}
  .mi-w{height:auto;aspect-ratio:1/1;min-height:0}.foot-in{grid-template-columns:1fr}.mm{display:none}
}
@media(max-width:560px){.wrap{padding:0 14px}.head-in{padding:0 14px}.tls{grid-template-columns:repeat(2,1fr)}.sticky{padding:8px 14px}.hstats{grid-template-columns:repeat(2,1fr)}.of{grid-template-columns:90px 1fr auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.cat{padding-top:14px}
.cat-h{font-size:30px;font-weight:900;margin:6px 0 6px}
.cat-p{margin:0 0 18px;color:var(--ink-2);max-width:760px;font-size:14px}
.pills-w{position:relative;margin-bottom:18px}
.pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.pills::-webkit-scrollbar{display:none}
.pill{flex:none;display:flex;align-items:center;gap:8px;height:42px;padding:0 20px;border:1px solid var(--ink);background:#fff;font-weight:700;font-size:13px;transition:.1s}
.pill img{width:auto;max-width:34px;object-fit:contain}
.pill:hover{background:var(--grey)}.pill.on{background:var(--ink);color:#fff}.pill.on img{filter:invert(1)}
.toolbar{display:flex;align-items:center;gap:18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.f-btn{display:flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:1px solid var(--ink);background:#fff;font-weight:800;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}
.f-btn:hover{background:var(--ink);color:#fff}.f-btn i{font-style:normal;font-weight:600}
.count{color:var(--mute);font-size:13px}
.sort{margin-left:auto;display:flex;align-items:center;gap:10px;font-weight:700;font-size:12.5px}
.sort select{height:40px;padding:0 34px 0 12px;border:1px solid var(--ink);background:#fff;font:inherit;font-weight:600;border-radius:0;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#000 50%),linear-gradient(135deg,#000 50%,transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-size:5px 5px;background-repeat:no-repeat}
.chips-a{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chips-a:empty{display:none}
.chip{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border:1px solid var(--ink);background:#fff;font-size:12px;font-weight:600}
.chip b{font-size:15px;line-height:1}.chip:hover{background:var(--ink);color:#fff}.chip.clr{border-color:transparent;text-decoration:underline;font-weight:800}
.layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:36px;margin-top:20px;align-items:start}
.layout.no-f{grid-template-columns:1fr}.layout.no-f .facets{display:none}
.layout.no-f .gcat{grid-template-columns:repeat(5,1fr)}
.facets{position:sticky;top:130px;max-height:calc(100vh - 150px);overflow-y:auto;padding-right:6px;scrollbar-width:thin}
.fx-top,.fx-bas{display:none}
.fx{border-bottom:1px solid var(--line)}
.fx-h{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 0;border:0;background:none;font-weight:900;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;text-align:left}
.fx-h span{display:flex;align-items:center;gap:8px}
.fx-h b{position:relative;width:14px;height:14px;flex:none}
.fx-h b::before,.fx-h b::after{content:"";position:absolute;background:var(--ink);left:0;right:0;top:6px;height:2px;transition:transform .15s}
.fx-h b::after{transform:rotate(90deg)}.fx.open .fx-h b::after{transform:rotate(0)}
.nb{font-style:normal;background:var(--ink);color:#fff;font-size:10px;padding:1px 6px;letter-spacing:0}
.fx-b{padding:0 0 16px}
.ol{list-style:none;margin:0;padding:0}
.ck{position:relative;display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer;font-size:13px}
.ck input{position:absolute;opacity:0;pointer-events:none}
.ck i{flex:none;width:16px;height:16px;border:1.5px solid var(--ink);background:#fff;position:relative}
.ck input:checked+i{background:var(--ink)}
.ck input:checked+i::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ck input:focus-visible+i{outline:2px solid var(--ink);outline-offset:2px}
.ck img{object-fit:contain;flex:none}
.ck span{flex:1;min-width:0}.ck em{font-style:normal;color:var(--mute);font-size:12px}
.ck:hover span{text-decoration:underline}
.vt{margin-top:6px;border:0;background:none;padding:4px 0;font-weight:800;font-size:12px;text-decoration:underline}
.fx-q{width:100%;height:36px;border:1px solid var(--line);padding:0 10px;margin-bottom:8px;font:inherit;font-size:13px;outline:none}.fx-q:focus{border-color:var(--ink)}
.sizes-g{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sizes-g .sz{height:38px;font-size:12px;border-radius:0}
.sizes-g .sz.on{background:var(--ink);color:#fff}
.sizes-g .sz.off{background:#f1f1f0;color:#a9a9a7;border-color:var(--grey-2);cursor:not-allowed}
.sizes-g .sz.off::after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - .75px),#a9a9a7 calc(50% - .75px),#a9a9a7 calc(50% + .75px),transparent calc(50% + .75px))}
.sw-g{display:flex;flex-wrap:wrap;gap:6px}
.sw{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;padding:5px 10px 5px 6px;font-size:12px;font-weight:600}
.sw i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.sw:hover{border-color:var(--ink)}.sw.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
.pr{display:flex;align-items:flex-end;gap:8px;margin-bottom:10px}
.pr label{flex:1;font-size:11px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.pr input{display:block;width:100%;height:38px;margin-top:3px;border:1px solid var(--ink);padding:0 8px;font:inherit;font-size:13px;font-weight:600}
.pr span{padding-bottom:10px;color:var(--mute)}
.bk{display:flex;flex-wrap:wrap;gap:6px}
.b{border:1px solid var(--line);background:#fff;padding:6px 11px;font-size:12px;font-weight:600}
.b em{font-style:normal;color:var(--mute);margin-left:4px}
.b:hover{border-color:var(--ink)}.b.on{background:var(--ink);color:#fff;border-color:var(--ink)}.b.on em{color:#bbb}.b.off{opacity:.4}
.gcat{grid-template-columns:repeat(4,1fr)}
.cd-i{overflow:hidden}
.cd-i img.alt{position:absolute;inset:0;padding:16px;background:var(--grey);opacity:0;transition:opacity .25s}
.cd:hover .cd-i img.alt{opacity:1}
.cd-i .ibp,.cd-i .heart,.cd-i .disc,.cd-i .qs{z-index:2}
.heart{position:absolute;right:8px;top:8px;width:32px;height:32px;display:grid;place-items:center;border:0;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.heart svg{width:16px;height:16px}.heart.on svg{fill:var(--ink)}.heart:hover{background:var(--ink);color:#fff}.heart.on:hover svg{fill:#fff}
.disc{position:absolute;right:8px;bottom:8px;background:#7ff05a;color:var(--ink);font-weight:900;font-size:11.5px;padding:3px 8px}
.qs{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;gap:4px;padding:8px 52px 8px 8px;background:rgba(255,255,255,.96);transform:translateY(101%);transition:transform .2s}
.cd:hover .qs{transform:none}
.qs span{border:1px solid var(--ink);font-size:10.5px;font-weight:700;padding:2px 6px;background:#fff}
.cd-s{font-size:11.5px;color:var(--mute)}
.vide{grid-column:1/-1;padding:60px 0;text-align:center}.vide b{font-size:16px}.vide p{color:var(--mute)}
.vide .b-dark{cursor:pointer}
.more-w{text-align:center;margin-top:32px}
.more{border:2px solid var(--ink);background:#fff;padding:14px 34px;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.more:hover{background:var(--ink);color:#fff}
.scrim{display:none}
@media(max-width:1000px){
  .layout{grid-template-columns:1fr}.layout .gcat,.layout.no-f .gcat{grid-template-columns:repeat(2,1fr)}
  .facets{position:fixed;z-index:90;left:0;top:0;bottom:0;width:min(86vw,380px);max-height:none;background:#fff;padding:0 18px;transform:translateX(-102%);transition:transform .25s;box-shadow:0 0 40px rgba(0,0,0,.3)}
  body.drawer .facets{transform:none}
  body.drawer .scrim{display:block;position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.5)}
  .fx-top{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;padding:16px 0;border-bottom:2px solid var(--ink);z-index:2;font-size:15px}
  .fx-x{border:0;background:none;font-size:28px;line-height:1}
  .fx-bas{display:block;position:sticky;bottom:0;background:#fff;padding:12px 0}
  .fx-go{width:100%;height:50px;border:0;background:var(--ink);color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px}
  .toolbar{flex-wrap:wrap;gap:10px}.count{order:3;width:100%}.sort{margin-left:auto}
  .cat-h{font-size:24px}.sizes-g{grid-template-columns:repeat(5,1fr)}
  .qs{display:none}
}
.sz-note{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.hub{display:flex;align-items:center;gap:22px;margin:6px 0 4px}
.hub-logo{flex:none;width:92px;height:92px;background:var(--grey);display:grid;place-items:center;padding:14px}
.hub-logo img{max-width:100%;max-height:100%;object-fit:contain}.hub-logo img.mono{mix-blend-mode:multiply}
.hub-t{min-width:0}
.kpis{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.kpi{background:var(--grey);padding:6px 12px;font-size:12px;font-weight:700}
.subnav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:2px 0 18px;padding:2px}.subnav::-webkit-scrollbar{display:none}
a.pill{display:flex}
.prose-w{padding-top:14px;padding-bottom:10px}
.ix-h{font-size:20px;font-weight:900;margin:34px 0 14px}
.ixg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:18px}
.ix{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--grey);min-height:150px;transition:.15s}
.ix:hover{background:var(--ink);color:#fff}.ix:hover span{color:#bdbdbd}.ix:hover .ix-l img.mono{filter:invert(1);mix-blend-mode:normal}
.ix-l{height:46px;display:flex;align-items:center;margin-bottom:6px}
.ix-l img{max-height:42px;max-width:96px;width:auto;object-fit:contain}.ix-l img.mono{mix-blend-mode:multiply}.ix-l img.flag{max-height:30px;outline:1px solid var(--line)}
.ix b{font-weight:900;font-size:15px;line-height:1.15}.ix span{font-size:12px;color:var(--mute)}
.prose{max-width:860px}
.prose h2{font-size:20px;font-weight:900;margin:34px 0 12px}.prose h3{font-size:15px;font-weight:800;margin:0 0 10px;letter-spacing:0}
.prose p{margin:0 0 14px;max-width:70ch;font-size:14.5px;color:var(--ink-2)}.prose a{text-decoration:underline}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 10px}
.steps div{background:var(--grey);padding:18px}.steps b{display:grid;place-items:center;width:30px;height:30px;background:var(--ink);color:#fff;font-weight:900;margin-bottom:12px}
.steps p{margin:0;font-size:13px}
.gt-bloc{margin:0 0 30px}.gt-wrap{overflow-x:auto;border:1px solid var(--line)}
.gt{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}
.gt th{background:var(--ink);color:#fff;text-align:left;padding:9px 14px;font-weight:700;font-size:12px;letter-spacing:.02em}
.gt td{padding:8px 14px;border-top:1px solid var(--grey-2)}.gt tbody tr:nth-child(even){background:var(--grey)}
.gt-note,.gt-src{font-size:12px;color:var(--mute);margin:8px 0 0!important}.gt-src a{text-decoration:underline}
.terrains{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:10px}
.terrain{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.terrain b{display:block;font-size:16px;font-weight:900;margin-bottom:4px}.terrain p{margin:0;color:var(--ink-2);max-width:60ch}
.terrain .b-line{flex:none;padding:11px 20px}
.ixg-2{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.ix2{background:var(--grey);padding:22px}.ix2 b{font-size:42px;font-weight:900;line-height:1;margin-right:6px}.ix2>span{font-weight:700;font-size:12px;color:var(--mute)}
.ix2 h3{margin:12px 0 6px}.ix2 p{margin:0;font-size:13px}
@media(max-width:1000px){.steps{grid-template-columns:repeat(2,1fr)}.hub{gap:14px}.hub-logo{width:64px;height:64px;padding:10px}.terrain{flex-direction:column;align-items:flex-start;gap:12px}}
@media(max-width:560px){.steps{grid-template-columns:1fr}.ixg{grid-template-columns:repeat(2,1fr)}}
.mono-i{display:grid;place-items:center;width:46px;height:46px;background:var(--ink);color:#fff;font-weight:900;font-size:15px}.hub-logo .mono-i{width:64px;height:64px;font-size:22px}.ix:hover .mono-i{background:#fff;color:var(--ink)}
.ixg-2{grid-template-columns:repeat(2,1fr)}@media(max-width:560px){.ixg-2{grid-template-columns:1fr}}
@media(max-width:560px){.hub{flex-direction:column;align-items:flex-start;gap:12px}.hub-t{width:100%}.hub-logo{width:56px;height:56px}}
.cd-i.multi .ph,.cd-i .ph{transition:opacity .22s ease,transform .3s}
.cd-i .ph{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;mix-blend-mode:multiply;opacity:0}
.cd-i .ph.on{opacity:1}
.cd-i.multi{cursor:ew-resize}
.bars{position:absolute;left:0;right:0;top:0;display:flex;gap:3px;padding:0 8px;z-index:3;opacity:0;transition:opacity .2s}
.bars i{flex:1;height:3px;margin-top:6px;background:rgba(0,0,0,.18)}.bars i.on{background:var(--ink)}
.cd:hover .bars{opacity:1}
@media(hover:none){.bars{display:none}.cd-i.multi{cursor:auto}}
.mm-cols{gap:26px}
.mc{flex:1 1 0;min-width:0}
.mm .mc h4{display:flex;align-items:center;gap:8px;min-height:24px}
.mm .mc h4 a{display:flex;align-items:center;gap:8px;width:100%}.mm .mc h4 a:hover{text-decoration:underline}
.mm .mc h4 img{height:20px;width:auto;object-fit:contain}
.mc ul{list-style:none;margin:0;padding:0}
.mc .mi,.mc .ml{white-space:nowrap}.mc .mi span{overflow:hidden;text-overflow:ellipsis}
.mc .ml.tous{font-weight:800;text-decoration:underline;margin-top:6px}.mc .ml.tous:hover{text-decoration:none}
.a-remplir{background:#fff3b0;padding:0 5px;font-weight:700}
.prose ul{margin:0 0 16px;padding-left:20px;max-width:70ch;font-size:14.5px;color:var(--ink-2)}.prose li{margin-bottom:6px}
.prose em{font-style:italic}
.nav .mc ul{display:block;margin:0;padding:0}.nav .mc li{display:block}
.cd:hover .disc{opacity:0}.disc{transition:opacity .15s}
.top{grid-template-columns:minmax(0,1fr) minmax(0,520px)}
.lcol{min-width:0}
.gal{position:static;grid-template-columns:72px minmax(0,1fr);align-items:stretch}
.thw{position:relative;height:auto;min-height:0;display:block}
.thumbs{position:absolute;inset:0;overflow-y:auto}
.mi-w{position:relative;height:auto;aspect-ratio:1/1;max-height:calc(100vh - 130px);min-height:360px;display:block;overflow:hidden}
.mi-w img{position:absolute;inset:0;width:100%;height:100%;padding:24px;object-fit:contain}
.desc,.carac{margin-top:34px}
.desc h2,.carac h2{font-size:14px;letter-spacing:.1em;padding-bottom:12px;border-bottom:2px solid var(--ink);margin-bottom:14px}
.desc p{margin:0 0 12px;font-size:14.5px;line-height:1.6;color:var(--ink-2);max-width:68ch}
.carac .specs{margin:0}
.cmp{margin-top:24px;border:2px solid var(--ink)}
.cmp-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--ink);color:#fff;padding:14px 18px}
.cmp-h h2{font-size:15px;letter-spacing:.1em}.cmp-h span{font-size:12px;color:#cfcfcf;font-weight:500}
.cmp-eco{margin:0;padding:11px 18px;background:var(--grey);font-size:13px;border-bottom:1px solid var(--line)}.cmp-eco b{font-weight:900}
.cmp .offers{padding:0 18px}
.cmp .of{grid-template-columns:120px 1fr auto;grid-template-areas:"m i p" "m i g";gap:4px 14px;padding:16px 0}
.cmp .of.best{background:none;margin:0 -18px;padding:16px 18px;border-left:5px solid var(--ink);background:var(--grey)}
.cmp .of-m{font-size:14px}.cmp .of-m img{height:24px;max-width:78px}
.cmp .of-p b{font-size:21px}
.cmp .of-p .gap{display:block;font-style:normal;font-size:11.5px;font-weight:700;color:var(--red)}
.cmp .go{border:2px solid var(--ink);background:var(--ink);color:#fff;padding:10px 18px;margin-top:8px;font-size:11.5px}
.cmp .go:hover{background:#fff;color:var(--ink);opacity:1}
.cmp .of.best .go{padding:12px 22px}
@media(max-width:1000px){
  .top{grid-template-columns:1fr}.lcol{display:contents}
  .gal{order:1;grid-template-columns:1fr}.buy{order:2}.desc{order:3;margin-top:8px}.carac{order:4}
  .thw{order:2;height:64px}.thumbs{position:static;flex-direction:row;overflow-x:auto;overflow-y:hidden;height:64px}
  .mi-w{max-height:none}
  .cmp .of{grid-template-columns:90px 1fr auto}.cmp-h{padding:12px 14px}.cmp .offers{padding:0 14px}.cmp .of.best{margin:0 -14px;padding:14px}
}
.fiche.wrap{max-width:1600px}
.fiche .top{grid-template-columns:minmax(0,1fr) minmax(0,640px);gap:36px}
.mi-w{max-height:none}
.kick{display:flex;width:fit-content}.kick:hover{text-decoration:underline}
.cmp .of{display:grid;grid-template-columns:1fr auto;grid-template-areas:"m p" "i p" "g g";gap:6px 16px;padding:18px 0;align-items:center}
.cmp .of-i{grid-area:i}.cmp .of-i:empty{display:none}
.cmp .of-m{grid-area:m}.cmp .of-p{grid-area:p}
.cmp .go{grid-area:g;justify-self:stretch;display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:6px;padding:0 18px;
  border:2px solid var(--ink);background:var(--ink);color:#fff;font-size:12px;letter-spacing:.1em}
.cmp .go:hover{background:#fff;color:var(--ink);opacity:1}
.cmp .of.best{margin:14px 0;padding:18px;border:3px solid var(--red);background:#fff;box-shadow:0 8px 24px rgba(212,20,28,.14)}
.cmp .of.best .rank{background:var(--red)}
.cmp .of.best .of-p b{font-size:26px;color:var(--red)}
.cmp .of.best .go{min-height:58px;background:var(--red);border-color:var(--red);font-size:13.5px}
.cmp .of.best .go:hover{background:#fff;color:var(--red)}
.cmp .of:first-child{border-top:0}
.cb{position:relative;display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 8px;border:1px solid var(--ink);font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:help}
.cb i{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-size:9px;line-height:1}
.cb-tip{position:absolute;left:0;bottom:calc(100% + 8px);z-index:20;width:250px;padding:10px 12px;background:var(--ink);color:#fff;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.4;
  opacity:0;visibility:hidden;transform:translateY(4px);transition:.15s;pointer-events:none}
.cb:hover .cb-tip,.cb:focus .cb-tip,.cb:focus-within .cb-tip{opacity:1;visibility:visible;transform:none}
.sim .bh{align-items:center}
.car-nav{display:flex;gap:6px}
.car-nav button{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--ink);background:#fff}
.car-nav button:hover:not([disabled]){background:var(--ink);color:#fff}.car-nav button[disabled]{opacity:.3;cursor:default}
.car{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;cursor:grab}
.car::-webkit-scrollbar{display:none}
.car .cd{flex:0 0 calc((100% - 56px) / 5);scroll-snap-align:start;user-select:none}
.car .cd img{-webkit-user-drag:none}
.car.drag{scroll-snap-type:none;cursor:grabbing;scroll-behavior:auto}
@media(max-width:1000px){.fiche .top{grid-template-columns:1fr}.car .cd{flex-basis:calc((100% - 28px) / 3)}}
@media(max-width:560px){.car .cd{flex-basis:44%}.cmp .of.best{padding:14px}.cmp .of.best .of-p b{font-size:22px}}
.mc .mi img{width:20px;height:20px;object-fit:contain;flex:none}.mc .mi img.flag{width:24px;height:17px;object-fit:cover}.mc .mi .mono-i{width:20px;height:20px;font-size:9px;flex:none}
.cb-tip b{font-weight:900}.cb-tip em{display:block;margin-top:5px;font-style:normal;font-size:11px;color:#bdbdbd}\n
img[src*="logos/marques/"]{filter:brightness(0)}
.ix:hover .ix-l img.mono{filter:brightness(0) invert(1);mix-blend-mode:normal}
.pill.on img{filter:brightness(0) invert(1)}
.mi:hover .br{filter:brightness(0) invert(1)}
.cb{background:#7ff05a;border:0;color:var(--ink);padding:4px 10px;gap:6px;font-size:11px}
.cb svg{width:12px;height:12px;flex:none}
.cb i{background:var(--ink);color:#fff}
.cmp .of-p .cb-eur{display:block;margin-top:5px;font-size:12.5px;font-weight:800;color:#0a7a35}
.qv-eye{position:absolute;right:8px;top:48px;z-index:3;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.qv-eye svg{width:16px;height:16px}.qv-eye:hover{background:var(--ink);color:#fff}
.qv-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;height:44px;border:0;background:var(--ink);color:#fff;font-weight:800;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  transform:translateY(101%);transition:transform .2s}
.cd:hover .qv-bar,.qv-bar:focus-visible{transform:none}.qv-bar:hover{background:#2a2a2a}
@media(hover:none){.qv-bar{display:none}}
.qv-fond{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.6)}
.qv-fond.on{display:flex}
.qv-modal{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);width:min(1040px,100%);max-height:calc(100vh - 48px);background:#fff;overflow:hidden}
.qv-corps{display:contents}
.qv-x{position:absolute;right:12px;top:12px;z-index:5;width:38px;height:38px;border:0;background:#fff;display:grid;place-items:center;box-shadow:0 1px 6px rgba(0,0,0,.2)}
.qv-x:hover{background:var(--ink);color:#fff}.qv-x svg{width:16px;height:16px;stroke-width:2.4}
.qv-photo{background:var(--grey);padding:18px;display:flex;flex-direction:column;gap:12px;min-height:0}
.qv-grande{position:relative;flex:1;min-height:280px;aspect-ratio:1/1;max-height:calc(100vh - 160px)}
.qv-grande img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.qv-mini{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.qv-mini::-webkit-scrollbar{display:none}
.qv-mini button{flex:none;width:58px;height:58px;padding:3px;border:0;background:var(--grey-2);outline:2px solid transparent;outline-offset:-2px}
.qv-mini button img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.qv-mini button[aria-current=true]{outline-color:var(--ink);background:#fff}
.qv-info{display:flex;flex-direction:column;min-height:0;min-width:0}
.qv-defile{flex:1;overflow-y:auto;padding:32px 30px 18px}
.qv-marque{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding-right:44px}
.qv-info h2{font-size:22px;font-weight:900;text-transform:uppercase;margin:8px 44px 14px 0;line-height:1.1}
.qv-prix{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.qv-prix b{font-size:30px;font-weight:900;letter-spacing:-.02em}.qv-prix s{color:var(--mute)}.qv-prix em{font-style:normal;background:var(--red);color:#fff;font-weight:800;font-size:11px;padding:2px 7px}
.qv-prix span{flex-basis:100%;font-size:11.5px;color:var(--mute)}
.qv-lab{margin:18px 0 8px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.qv-lab span{margin-left:8px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--mute)}
.qv-tailles{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px}
.qv-tailles button{height:42px;border:1px solid var(--ink);background:#fff;font-weight:700;font-size:12.5px}
.qv-tailles button:hover{background:var(--grey)}.qv-tailles button[aria-pressed=true]{background:var(--ink);color:#fff}
.qv-offres{margin-top:20px;display:flex;flex-direction:column;gap:10px}
.qv-of{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line)}
.qv-of.best{border:3px solid var(--red);padding:14px 14px 14px}
.qv-of-t{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.qv-m{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13.5px}.qv-m img{height:20px;width:auto;max-width:64px;object-fit:contain}
.qv-p{margin-left:auto;font-weight:900;font-size:20px}.qv-of.best .qv-p{color:var(--red);font-size:24px}
.qv-cb{background:#7ff05a;font-weight:800;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px}
.qv-rang{align-self:flex-start;background:var(--red);color:#fff;font-weight:800;font-size:9.5px;letter-spacing:.1em;padding:2px 7px}
.qv-go{display:flex;align-items:center;justify-content:center;min-height:44px;border:2px solid var(--ink);background:var(--ink);color:#fff;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.qv-go:hover{background:#fff;color:var(--ink)}
.qv-of.best .qv-go{min-height:52px;background:var(--red);border-color:var(--red);font-size:13px}.qv-of.best .qv-go:hover{background:#fff;color:var(--red)}
.qv-vide,.qv-charge{margin:24px 0;color:var(--mute);font-size:14px;line-height:1.5;padding:0 30px}
.qv-pied{padding:14px 30px 18px;border-top:1px solid var(--line)}
.qv-fiche{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:12.5px;text-decoration:underline}.qv-fiche svg{width:14px;height:14px}
@media(max-width:800px){.qv-fond{padding:0;align-items:flex-end}.qv-modal{grid-template-columns:1fr;max-height:92vh;overflow-y:auto}.qv-photo{padding:12px}.qv-grande{min-height:0;max-height:48vh}
  .qv-defile{overflow:visible;padding:20px 18px 10px}.qv-pied{padding:12px 18px 18px}.qv-info{min-height:auto}}
.promo-sec{margin:6px 0 28px;padding:22px 0 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.promo-sec .bh h2{font-size:20px;font-weight:900}
.pm-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;margin:14px 0}
.pm-g1{grid-template-columns:1fr}
.pm{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px;border:2px solid var(--ink);background:#fff}
.pm-t{min-width:0}.pm-b{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.pm h3{font-size:17px;font-weight:900;margin:4px 0 4px;line-height:1.2}.pm p{margin:0 0 6px;font-size:13px;color:var(--ink-2)}.pm small{font-size:11.5px;color:var(--mute)}
.pm-d{display:flex;flex-direction:column;gap:8px;flex:none;width:210px}
.pm-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 0 14px;height:44px;border:2px dashed var(--ink);background:var(--grey);font-size:14px;letter-spacing:.06em}
.pm-code b{font-weight:900}.pm-code span{height:100%;display:grid;place-items:center;padding:0 14px;background:var(--ink);color:#fff;font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.pm-code.ok span{background:#0a7a35}
.pm-sans{display:grid;place-items:center;height:44px;border:2px dashed var(--line);color:var(--mute);font-size:12px;font-weight:700}
.pm-go{display:flex;align-items:center;justify-content:center;height:46px;background:var(--red);color:#fff;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--red)}
.pm-go:hover{background:#fff;color:var(--red)}
.bq-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:10px 0 12px}
.bq{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--grey);min-height:84px;transition:.15s}
.bq b{font-weight:900;font-size:14px}.bq span{font-size:12px;color:var(--mute)}.bq-cb{align-self:flex-start;font-style:normal;background:#7ff05a;font-weight:800;font-size:10.5px;padding:2px 7px;text-transform:uppercase}
.bq:hover{background:var(--ink);color:#fff}.bq:hover span{color:#bdbdbd}
.promo-note{margin:0 0 14px;font-size:12px;color:var(--mute)}
.promo-vide{padding:26px;background:var(--grey);margin:14px 0}.promo-vide b{font-size:16px}.promo-vide p{margin:8px 0 0;max-width:70ch;color:var(--ink-2);font-size:14px;line-height:1.55}
.promo-cb{display:flex;align-items:center;gap:18px;padding:16px 20px;margin:12px 0;border:2px solid var(--ink)}.promo-cb b{font-size:22px;font-weight:900;background:#7ff05a;padding:4px 12px;white-space:nowrap}
.promo-cb p{margin:0;font-size:13.5px;color:var(--ink-2)}
.pm-etapes{margin:0;padding-left:22px;font-size:14.5px;line-height:1.8;color:var(--ink-2)}
.prose-w .g4{margin-top:4px}
@media(max-width:700px){.pm{flex-direction:column;align-items:stretch}.pm-d{width:auto}.pm-g{grid-template-columns:1fr}.promo-cb{flex-direction:column;align-items:flex-start;gap:8px}}
.lg{width:48px;height:29px;flex:none}.foot .lg{width:44px;height:26px}.lt{letter-spacing:.06em}
.lg{width:36px;height:36px;flex:none}.foot .lg{width:32px;height:32px}
.bl-main{padding-top:14px}
.bl-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px;margin-top:22px}
.bl-c{display:flex;flex-direction:column;gap:14px}
.bl-c.cache{display:none}
.bl-i{aspect-ratio:3/2;background:var(--grey);overflow:hidden}
.bl-i img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.bl-c:hover .bl-i img{transform:scale(1.04)}
.bl-sans{display:grid;place-items:center;height:100%;font-weight:900;font-size:34px;color:var(--grey-2)}
.bl-cat{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.bl-t h3{font-size:19px;font-weight:800;line-height:1.22;margin:6px 0 8px}
.bl-c:hover h3{text-decoration:underline}
.bl-t small{color:var(--mute);font-size:12px}
.pill em{font-style:normal;color:var(--mute);margin-left:4px}.pill.on em{color:#bbb}
.bl-hero{display:grid;grid-template-columns:1.35fr 1fr;background:var(--grey);margin:22px 0 10px}
.bl-hero-i{aspect-ratio:16/10;overflow:hidden;background:var(--grey-2)}
.bl-hero-i img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bl-hero:hover .bl-hero-i img{transform:scale(1.03)}
.bl-hero-t{padding:36px 38px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.bl-hero h2{font-size:32px;font-weight:900;line-height:1.08}
.bl-hero p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55}
.bl-hero small{color:var(--mute);font-size:12.5px}
.bl-hero b{align-self:flex-start;margin-top:6px;background:var(--ink);color:#fff;padding:14px 24px;font-size:12px;letter-spacing:.1em;transition:.15s}
.bl-hero:hover b{background:var(--red)}
.bl-sec{margin-top:56px}
.bl-art-w{padding-top:14px}
.bl-art{max-width:1100px;margin:0 auto}
.bl-art header{max-width:820px;margin:22px auto 24px}
.bl-art h1{font-size:44px;font-weight:900;line-height:1.05;margin:10px 0 14px;letter-spacing:-.015em}
.bl-meta{margin:0;color:var(--mute);font-size:13px}
.bl-hero-a{margin:0 auto 38px;max-width:1100px}
.bl-hero-a img{width:100%;aspect-ratio:16/9;object-fit:cover}
.bl-corps{display:grid;grid-template-columns:240px minmax(0,720px);gap:56px;justify-content:center;align-items:start}
.bl-corps.sans{grid-template-columns:minmax(0,720px)}
.bl-toc{position:sticky;top:130px;font-size:13px}
.bl-toc b{display:block;font-size:11px;letter-spacing:.14em;padding-bottom:10px;border-bottom:2px solid var(--ink);margin-bottom:10px}
.bl-toc ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.bl-toc a{display:block;padding:7px 0 7px 12px;border-left:2px solid var(--line);color:var(--ink-2);line-height:1.3}
.bl-toc a:hover{border-color:var(--ink);color:var(--ink)}
.bl-texte{font-size:17.5px;line-height:1.75;color:#222}
.bl-texte h2{font-size:28px;font-weight:900;margin:46px 0 14px;line-height:1.15;scroll-margin-top:130px}
.bl-texte h3{font-size:21px;font-weight:800;margin:30px 0 10px;line-height:1.25;scroll-margin-top:130px}
.bl-texte p{margin:0 0 20px}
.bl-texte a{text-decoration:underline;text-underline-offset:3px;font-weight:600}
.bl-texte a:hover{color:var(--red)}
.bl-texte img{display:block;width:100%;height:auto;margin:8px 0 20px}
.bl-texte figure{margin:26px 0}
.bl-texte figcaption{font-size:13px;color:var(--mute)}
.bl-texte ul,.bl-texte ol{padding-left:24px;margin:0 0 22px}
.bl-texte li{margin-bottom:8px}
.bl-texte blockquote{margin:26px 0;padding:6px 0 6px 22px;border-left:4px solid var(--ink);font-size:19px;color:var(--ink-2)}
.tbl{overflow-x:auto;margin:24px 0}
.tbl table{border-collapse:collapse;width:100%;font-size:15px}
.tbl td,.tbl th{border:1px solid var(--line);padding:10px 12px;text-align:left}
.tbl th{background:var(--ink);color:#fff}
.bl-cmp{margin:60px 0 10px;padding:34px 32px 38px;background:var(--grey)}
.bl-cmp .bh h2{font-size:20px;font-weight:900}
.bl-cmp .g4{margin-top:18px}
@media(max-width:1000px){
  .bl-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-hero{grid-template-columns:1fr}.bl-hero-t{padding:24px 20px}.bl-hero h2{font-size:25px}
  .bl-corps{grid-template-columns:minmax(0,720px);gap:20px}.bl-toc{position:static;padding:16px;background:var(--grey)}
  .bl-art h1{font-size:32px}.bl-texte{font-size:16.5px}.bl-texte h2{font-size:24px}.bl-cmp{padding:22px 16px}
}
@media(max-width:560px){.bl-g{grid-template-columns:1fr}}
.bl-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.bl-cta b{font-size:20px;font-weight:900}
#cf-ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:300;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:16px 18px;background:var(--ink);color:#fff;box-shadow:0 10px 40px rgba(0,0,0,.35)}
#cf-ck p{margin:0;font-size:13px;line-height:1.5}#cf-ck a{text-decoration:underline}
#cf-ck div{display:flex;gap:8px;flex:none}
#cf-ck button{height:40px;padding:0 18px;border:2px solid #fff;background:transparent;color:#fff;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
#cf-ck button[data-v=oui]{background:#fff;color:var(--ink)}
#cf-ck button:hover{opacity:.85}
.cf-gerer{border:0;background:none;color:inherit;text-decoration:underline;font:inherit;padding:0;cursor:pointer}
@media(max-width:640px){#cf-ck{flex-direction:column;align-items:stretch;left:8px;right:8px;bottom:8px}#cf-ck div{justify-content:flex-end}}