:root{color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html,body{margin:0}img{max-width:100%}[hidden]{display:none!important}
.site{overflow-x:clip}
.cache{opacity:0!important;pointer-events:none!important}
.f3d-scene .f3d{will-change:transform}
html.tiroir-ouvert{overflow:hidden}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

:root{--bord:1px;--r:24px;--rs:12px;--ombre:none;--poids:700;--casse:none;--h1:clamp(42px,5.6vw,84px);--esp:-.02em;--sec:96px}
body{background:var(--fond);color:var(--texte);font:400 16.5px/1.6 var(--t);-webkit-font-smoothing:antialiased}
a{color:inherit}
.l{max-width:1240px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.ico{width:20px;height:20px;flex:none}.feuille{width:20px;height:20px;flex:none;color:var(--accent)}
h1,h2,h3,h4{font-family:var(--d);margin:0;font-weight:var(--poids);line-height:1.05;letter-spacing:var(--esp);text-wrap:balance;text-transform:var(--casse)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.sur{display:inline-block;font:600 12.5px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--doux)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border-radius:var(--rb,999px);border:var(--bord) solid var(--accent);cursor:pointer;
 font:700 16px var(--t);text-decoration:none;background:var(--accent);color:var(--sur-accent);transition:transform .15s,background .15s,box-shadow .15s;white-space:nowrap}
.btn:hover{background:var(--accent-f);border-color:var(--accent-f);transform:translateY(-1px)}
.btn-2{background:transparent;color:var(--texte);border-color:var(--trait)}.btn-2:hover{background:var(--surface-2);border-color:var(--texte)}
.btn .ico{width:18px;height:18px}
.lien{color:var(--accent);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:6px}.lien .ico{width:16px;height:16px}
/* menu (structure) */
.menu{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.menu>li{position:relative}
.menu>li>a{display:flex;align-items:center;gap:4px;text-decoration:none;white-space:nowrap}
.menu .chev{width:13px;height:13px;opacity:.7}
.menu>li:has(.sm-gr){position:static}
.sm{display:none;position:absolute;top:100%;z-index:40;background:var(--surface);color:var(--texte);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:18px;box-shadow:0 26px 60px rgba(0,0,0,.22)}
.menu>li:hover>.sm,.menu>li:focus-within>.sm{display:grid}
.sm-gr{left:20px;right:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sm-li{left:0;min-width:250px;gap:2px}
.sm-t{display:block;font:700 11.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.sm-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}
.sm a{text-decoration:none;font-size:14px;padding:5px 8px;border-radius:8px;font-variant-numeric:tabular-nums;color:var(--texte)}.sm a:hover{background:var(--surface-2);color:var(--accent)}
/* tiroir */
.tiroir{position:fixed;inset:0;z-index:200;display:none}.tiroir.ouvert{display:block}
.ti-voile{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.ti-p{position:absolute;left:0;top:0;bottom:0;width:min(360px,88vw);background:var(--surface);color:var(--texte);padding:18px 18px 30px max(18px,env(safe-area-inset-left,0px));overflow:auto;display:flex;flex-direction:column;gap:2px}
.ti-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font:var(--poids) 20px var(--d)}
.ti-x{width:44px;height:44px;border-radius:50%;border:var(--bord) solid var(--trait);background:var(--surface-2);color:var(--texte);display:grid;place-items:center;cursor:pointer}
.ti-l,.tiroir summary{display:flex;justify-content:space-between;align-items:center;padding:14px 6px;border-bottom:1px solid var(--trait);text-decoration:none;font:600 17px var(--d);list-style:none;cursor:pointer}
.tiroir summary::-webkit-details-marker{display:none}.tiroir details[open] summary .chev{transform:rotate(180deg)}.tiroir .chev{width:18px;height:18px}
.ti-sous{padding:8px 0 14px}.ti-sous>a{display:block;padding:8px 6px;color:var(--accent);text-decoration:none;font-weight:700}
.ti-sous .sm{display:grid!important;position:static;background:none;border:0;padding:0;box-shadow:none;gap:8px;min-width:0}
.ti-sous .sm-gr{grid-template-columns:1fr}
.ti-bas{margin-top:18px;display:grid;gap:4px}.ti-bas a,.ti-tel{display:flex;gap:10px;align-items:center;padding:10px 6px;color:var(--doux);text-decoration:none}
/* recherche */
.rech{display:flex;align-items:center;gap:8px;border:var(--bord) solid var(--trait);border-radius:var(--rb,999px);padding:4px 4px 4px 14px;background:var(--surface);min-width:0}
.rech .ico{color:var(--doux);width:18px;height:18px}
.rech input{flex:1;min-width:0;border:0;outline:0;font:500 15px var(--t);color:var(--texte);background:none}
.rech button{border:0;background:var(--texte);color:var(--fond);border-radius:var(--rb,999px);padding:10px 16px;font:700 13.5px var(--t);cursor:pointer}
/* fil, en-tête de page */
.fil{font-size:13px;color:var(--doux);padding-top:20px;display:flex;flex-wrap:wrap;gap:6px}.fil a{text-decoration:none}.fil i{font-style:normal;opacity:.6}
.tp-c{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:36px;align-items:center;padding:40px 0 20px}
.tp-c:not(:has(.tp-deco)){grid-template-columns:minmax(0,1fr)}
.tp h1{font-size:var(--h1);margin-top:12px}
.tp .chapo{color:var(--doux);font-size:19px;max-width:640px;margin:14px 0 0}
.tp-deco{height:300px;position:relative}.tp-deco .f3d-scene{position:absolute;inset:0}
.tp-photo{width:100%;height:100%;object-fit:contain;background:var(--photo);border-radius:var(--r);padding:20px}
.ongl,.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px;align-items:center}
.ongl-t{font:600 12px var(--m);color:var(--doux);letter-spacing:.12em;text-transform:uppercase;margin-right:6px}
.ongl a,.chips a{border:var(--bord) solid var(--trait);background:var(--surface);color:var(--texte);font:700 15px var(--t);padding:9px 16px;border-radius:var(--rb,999px);text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.ongl a[aria-current],.chips a[aria-current]{background:var(--texte);border-color:var(--texte);color:var(--fond)}
/* sections */
.sec{padding-block:var(--sec) 0}
.sec-t{max-width:800px;margin:0 0 34px}.sec-t h2{font-size:clamp(32px,3.8vw,54px);margin-top:8px}.sec-t p{color:var(--doux);font-size:18px;margin:12px 0 0}
.sec-liste,.sec-trouve,.sec-pn{padding-top:30px}
/* listes de produits */
.outils{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px}
.cherche{flex:0 1 380px;display:flex;align-items:center;gap:10px;background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--rb,999px);padding:0 16px;min-height:48px}
.cherche input{border:0;outline:0;background:none;color:var(--texte);font:500 16px var(--t);width:100%;min-width:0}
.outils .cpt{color:var(--doux);font-size:14px;margin-left:auto}
.outils select,.trouve select{background:var(--surface);color:var(--texte);border:var(--bord) solid var(--trait);border-radius:var(--rb,999px);padding:11px 14px;font:600 15px var(--t);max-width:100%}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px}
.carte{background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:var(--ombre);transition:transform .2s,box-shadow .2s}
.carte:hover{transform:translateY(-3px)}
.carte .vis{display:block;height:200px;position:relative;border-radius:calc(var(--r) - 8px);background:var(--photo);margin-bottom:14px;overflow:hidden}
.carte .vis .f3d-scene{position:absolute;inset:0}
.carte .vis-photo{display:grid;place-items:center}.carte .vis-photo img{max-height:84%;width:auto;mix-blend-mode:multiply}
.carte .rab,.carte .no1{position:absolute;top:24px;z-index:2;font:700 12px var(--t);border-radius:999px;padding:4px 10px}
.carte .rab{left:24px;background:var(--accent);color:var(--sur-accent)}.carte .no1{right:24px;background:var(--texte);color:var(--fond)}
.carte .t{display:flex;flex-direction:column;gap:3px;flex:1}
.carte h3{font-size:26px}.carte h3 a{text-decoration:none}.carte-art h3{font-size:21px}
.carte .mq{color:var(--doux);font:600 12px var(--m);letter-spacing:.1em;text-transform:uppercase}
.carte .s{color:var(--doux);font-size:14px}
.carte .px{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px}.carte .px b{font:var(--poids) 23px var(--d)}.carte .px s{color:var(--doux);font-size:14px}
.carte .btn-carte{margin-top:12px;min-height:44px;font-size:14.5px;padding:0 16px}
.rien{text-align:center;color:var(--doux);padding:36px;border:2px dashed var(--trait);border-radius:var(--r)}
/* chercheur */
.trouve{background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:end;box-shadow:var(--ombre)}
.tr-t h3{font-size:30px}.tr-t p{color:var(--doux);margin:6px 0 0}
.tr-ch{display:flex;gap:10px;flex-wrap:wrap}.tr-ch label{display:grid;gap:6px;font:600 12px var(--m);color:var(--doux);letter-spacing:.1em;text-transform:uppercase}
.tr-res{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--trait);padding-top:16px;color:var(--doux)}
.tr-res b{color:var(--texte);font:var(--poids) 22px var(--d)}.tr-p{color:var(--texte);font-weight:700}.tr-p s{color:var(--doux);font-weight:400}.tr-res small{display:block;font-size:14px}
/* grandeurs */
.gr-bloc{margin-top:30px}.gr-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-bottom:var(--bord) solid var(--trait);padding-bottom:12px;margin-bottom:14px}
.gr-h h3{font-size:28px}.gr-h span{color:var(--doux);font-size:15px}.gr-h a{margin-left:auto;color:var(--accent);text-decoration:none;display:inline-flex;gap:6px;align-items:center;font-weight:700;font-size:15px}.gr-h a .ico{width:16px;height:16px}
.gr-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.gr{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--rs);padding:13px 15px;text-decoration:none;transition:border-color .15s,transform .15s}
.gr:hover{border-color:var(--accent);transform:translateY(-1px)}.gr b{font:var(--poids) 17px var(--d);white-space:nowrap;letter-spacing:-.01em}.gr span{color:var(--doux);font-size:13.5px;white-space:nowrap}
/* étapes, prose, tableau */
.etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.etapes li{background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:26px;display:grid;gap:14px;align-content:start;box-shadow:var(--ombre)}
.etapes .n{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--sur-accent);display:grid;place-items:center;font:var(--poids) 20px var(--d)}
.etapes h3{font-size:23px}.etapes p{margin:6px 0 0;color:var(--doux)}
.prose{max-width:760px}.prose h3{font-size:28px;margin-top:36px}.prose h3:first-child{margin-top:0}.prose p{font-size:18px;margin:10px 0 0;color:var(--texte);opacity:.9}
.tab-b{overflow-x:auto;border:var(--bord) solid var(--trait);border-radius:var(--r);background:var(--surface)}
.tab{width:100%;border-collapse:collapse;font-size:16px}.tab th,.tab td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--trait)}
.tab th{font:700 12px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--doux);background:var(--surface-2)}.tab tr:last-child td{border-bottom:0}
/* Canada */
.canada{background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:40px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center;box-shadow:var(--ombre)}
.ca-t{display:flex;gap:22px;align-items:flex-start}.ca-f{width:76px;height:76px;flex:none;color:var(--erable,var(--accent))}
.canada h3{font-size:clamp(32px,3.6vw,50px);margin-top:8px}.canada p{color:var(--doux);font-size:17.5px;margin:12px 0 0}
.ca-p{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ca-p li{background:var(--surface-2);border-radius:var(--rs);padding:18px;display:grid;gap:4px}.ca-p b{font:var(--poids) 18px var(--d)}.ca-p span{color:var(--doux);font-size:14.5px}
.canada-g{grid-template-columns:1fr}.canada-g .ca-p{grid-template-columns:repeat(4,minmax(0,1fr))}
.confiance{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.confiance li{display:flex;gap:10px;align-items:center;font-size:14.5px;background:var(--surface-2);border-radius:var(--rs);padding:10px 12px}.confiance .ico{color:var(--accent)}
.avis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.avis figure{margin:0;background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:26px;box-shadow:var(--ombre)}
.avis .et{color:var(--etoile,#F5A623);letter-spacing:3px}.avis blockquote{margin:12px 0 0;font:600 20px/1.35 var(--d);letter-spacing:-.01em;text-transform:none}.avis figcaption{margin-top:14px;color:var(--doux);font-weight:600}
.freq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.freq div{background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:26px;box-shadow:var(--ombre)}.freq-k{display:block;color:var(--doux);font:600 12px var(--m);letter-spacing:.12em;text-transform:uppercase}.freq b{display:block;font:var(--poids) 28px/1.15 var(--d);margin-top:10px;letter-spacing:var(--esp)}
.panneau .pn-t{max-width:760px;margin:0 0 26px}.pn-t h2{font-size:clamp(34px,4.4vw,62px)}.pn-t p{color:var(--doux);font-size:17.5px;margin:12px 0 0}
.pn-std{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface-2);border-radius:var(--r);padding:18px 22px}
.pn-std span{display:flex;gap:10px;align-items:center;font-weight:600}
/* fiche */
.pp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:start;padding-top:16px}
.pp-vis{position:sticky;top:calc(var(--vx-h,0px) + 90px);aspect-ratio:1/1;max-height:600px;width:100%;border-radius:var(--r);background:var(--photo);border:var(--bord) solid var(--trait);overflow:hidden}
.pp-v{position:absolute;inset:0;transition:opacity .4s}.pp-v .f3d-scene{position:absolute;inset:0}
.pp-photo{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply}
.pp-info h1{font-size:clamp(40px,4.6vw,68px);margin-top:10px}
.pp-note{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--doux);font-size:15px}.pp-note .et{color:var(--etoile,#F5A623);letter-spacing:2px}
.pp-px{display:flex;align-items:baseline;gap:12px;margin-top:20px;flex-wrap:wrap}.pp-px b{font:var(--poids) 44px var(--d);letter-spacing:-.02em}.pp-px s{color:var(--doux);font-size:19px}
.pp-rab{background:var(--accent);color:var(--sur-accent);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}
.pp-pf{color:var(--doux);font-size:15px;margin:6px 0 0}
.pp-bloc{margin-top:22px}.pp-l{display:block;font:700 13px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--doux);margin-bottom:10px}
.pp-eps{display:flex;gap:6px;flex-wrap:wrap}
.pp-eps button,.pp-tailles button{border:var(--bord) solid var(--trait);background:var(--surface);color:var(--texte);border-radius:var(--rs);padding:11px 14px;font:700 15px var(--t);cursor:pointer;min-height:44px}
.pp-eps button[aria-pressed="true"],.pp-tailles button[aria-pressed="true"]{background:var(--texte);color:var(--fond);border-color:var(--texte)}
.pp-tailles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pp-achat{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.qte{display:flex;align-items:center;background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--rb,999px);min-height:54px}
.qte button{width:48px;height:52px;border:0;background:none;color:var(--texte);cursor:pointer;display:grid;place-items:center}
.qte output{min-width:76px;text-align:center;font-weight:700}
.btn-achat{flex:1 1 220px;min-height:54px;font-size:17px}
/* panier */
.pa{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:28px;align-items:start;padding-top:10px}
.pa-ls{display:grid;gap:12px}
.pa-l{display:grid;grid-template-columns:92px minmax(0,1fr) auto auto 44px;gap:16px;align-items:center;background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:14px;box-shadow:var(--ombre)}
.pa-img{background:var(--photo);border-radius:var(--rs);aspect-ratio:1;display:grid;place-items:center}.pa-img img{width:84%;mix-blend-mode:multiply}
.pa-n{display:grid;gap:2px;min-width:0}.pa-n a{text-decoration:none}.pa-n b{font:var(--poids) 18px var(--d);text-transform:none}.pa-n span{color:var(--doux);font-size:14px}.pa-s{color:var(--vert,#178A48)!important;font-weight:600}
.qte-p{min-height:44px}.qte-p button{width:40px;height:42px}.qte-p output{min-width:30px}
.pa-t{font:var(--poids) 19px var(--d);white-space:nowrap}
.pa-x{width:44px;height:44px;border-radius:50%;border:0;background:var(--surface-2);color:var(--doux);cursor:pointer;display:grid;place-items:center}
.pa-cont{display:inline-flex;gap:8px;align-items:center;color:var(--doux);text-decoration:none;margin-top:6px;font-weight:600}
.pa-vide{color:var(--doux);text-align:center;padding:30px}
.pa-r{position:sticky;top:calc(var(--vx-h,0px) + 90px);background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:26px;box-shadow:var(--ombre)}
.pa-r h2{font-size:28px}.pa-r dl{display:grid;grid-template-columns:1fr auto;gap:12px;margin:18px 0}
.pa-r dt{color:var(--doux)}.pa-r dd{margin:0;text-align:right;font-weight:700}.pa-r .pa-tot{font:var(--poids) 23px var(--d);color:var(--texte);border-top:1px solid var(--trait);padding-top:12px;text-transform:none}
.pa-r .btn{width:100%}.pa-m{color:var(--doux);font-size:13.5px;text-align:center;margin:10px 0 0}.pa-r .confiance{grid-template-columns:1fr}
/* compte */
.co{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;padding-top:20px;align-items:start}
.co-f{background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:28px;display:grid;gap:10px;box-shadow:var(--ombre)}
.co-f h2{font-size:28px;margin-bottom:8px}.co-f label{color:var(--doux);font-size:14px;font-weight:600}
.co-f input[type=email],.co-f input[type=password]{background:var(--fond);border:var(--bord) solid var(--trait);border-radius:var(--rs);padding:13px 14px;color:var(--texte);font:500 16px var(--t)}
.co-r{display:flex;gap:8px;align-items:center}.co-o{color:var(--doux);font-size:14px}.co-n{color:var(--doux);font-size:14px;margin:4px 0 0}
.co-d{background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:28px;box-shadow:var(--ombre)}
.co-d h2{font-size:38px;margin-top:6px}
.co-cmd{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--surface-2);border-radius:var(--r);padding:16px;margin-top:18px}
.co-ci{background:var(--photo);border-radius:var(--rs);aspect-ratio:1;display:grid;place-items:center}.co-ci img{width:84%;mix-blend-mode:multiply}
.co-cmd b{display:block}.co-cmd span{display:block;color:var(--doux);font-size:14px}.co-pro{color:var(--vert,#178A48)!important;font-weight:600}
.co-menu{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.co-menu li{display:flex;gap:10px;align-items:center;padding:14px;border:var(--bord) solid var(--trait);border-radius:var(--rs);font-weight:600}
/* blogue, coordonnées, lexique */
.bls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bl{background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ombre)}
.bl:first-child{grid-column:span 2;flex-direction:row}.bl:first-child .bl-img{flex:1 1 55%}.bl:first-child .bl-t{flex:1 1 45%}
.bl-img{display:block;min-height:190px;text-decoration:none}.bl-t{padding:22px;display:flex;flex-direction:column;gap:8px}.bl-d{color:var(--doux);font:600 12px var(--m);letter-spacing:.1em;text-transform:uppercase}
.bl h3{font-size:23px}.bl h3 a{text-decoration:none}.bl p{color:var(--doux);margin:0}
.vign{height:100%;min-height:190px;display:grid;place-items:center;background:var(--surface-2)}.vign .ico{width:64px;height:64px;stroke-width:1.3;color:var(--accent)}
.coord{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.coord div{background:var(--surface);border:var(--bord) solid var(--trait);border-radius:var(--r);padding:26px;display:grid;gap:6px;box-shadow:var(--ombre)}.coord .ico{color:var(--accent);width:28px;height:28px}.coord b{font:var(--poids) 19px var(--d)}.coord span{color:var(--doux)}
.lex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.lex dt{font:var(--poids) 21px var(--d);padding:22px 22px 0;background:var(--surface);border:var(--bord) solid var(--trait);border-bottom:0;border-radius:var(--r) var(--r) 0 0}
.lex dd{margin:0 0 0;padding:6px 22px 22px;color:var(--doux);background:var(--surface);border:var(--bord) solid var(--trait);border-top:0;border-radius:0 0 var(--r) var(--r)}
.lex{grid-template-columns:1fr}
/* FAQ */
.faq details{border-bottom:var(--bord) solid var(--trait)}
.faq summary{list-style:none;cursor:pointer;padding:20px 0;font:var(--poids) 20px var(--d);display:flex;justify-content:space-between;gap:16px;align-items:center;text-transform:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--accent);font:400 22px/1 var(--t);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 20px;color:var(--doux);font-size:17px;max-width:760px}
/* bannière de fin, pied */
.fin{padding-block:var(--sec) 0}
.fin-c{background:var(--accent);color:var(--sur-accent);border-radius:var(--r);padding:44px;display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:28px;align-items:center}
.fin-c .sur{color:inherit;opacity:.8}.fin h2{font-size:clamp(30px,3.6vw,50px);margin-top:8px}.fin p{margin:10px 0 0;opacity:.9;font-size:17px}
.fin-a{display:flex;gap:10px;flex-wrap:wrap}.fin .btn{background:var(--sur-accent);color:var(--accent);border-color:var(--sur-accent)}.fin .btn-2{background:transparent;color:var(--sur-accent);border-color:currentColor}
.pied{margin-top:var(--sec);padding-block:50px 28px;font-size:14.5px}
.pi-g{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:30px}
.pied h4{margin:0 0 12px;font:700 12px var(--m);letter-spacing:.14em;text-transform:uppercase}
.pied ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pied a{text-decoration:none}.pied a:hover{text-decoration:underline}
.pi-info li{display:flex;gap:8px;align-items:flex-start}.pi-info .ico{width:16px;height:16px;margin-top:3px}
.pi-copy{margin-top:34px;padding-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;opacity:.75}
.barre-achat{display:none}
@media (max-width:900px){
 body{font-size:16px}
 :root{--sec:72px}
 .tp-c{grid-template-columns:1fr;padding-top:24px;gap:16px}.tp .chapo{font-size:16.5px}.tp-deco{height:200px;order:-1}
 .grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.carte{padding:10px}.carte .vis{height:140px;margin-bottom:10px}
 .carte .rab{top:16px;left:16px;font-size:11px}.carte .no1{display:none}.carte h3{font-size:20px}.carte-art h3{font-size:16px}.carte .s{font-size:12.5px}.carte .px b{font-size:19px}.carte .px s{display:none}
 .carte .btn-carte{width:100%;padding:0 8px}
 .trouve{grid-template-columns:1fr;padding:20px}.tr-ch label{flex:1 1 90px}.tr-ch select{width:100%}
 .freq,.coord{grid-template-columns:1fr}
 .canada{grid-template-columns:1fr;padding:24px 20px}.ca-t{flex-direction:column;gap:12px}.ca-f{width:56px;height:56px}.canada-g .ca-p{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ca-p{grid-template-columns:1fr}
 .pp{grid-template-columns:1fr;gap:18px}.pp-vis{position:relative;top:auto}.pp-info h1{font-size:clamp(38px,11vw,54px)}
 .pp-tailles button{font-size:14px;padding:10px 4px}
 .barre-achat{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--surface);border-top:var(--bord) solid var(--trait);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));gap:12px;align-items:center}
 .barre-achat .mm{display:grid;line-height:1.15}.barre-achat small{color:var(--doux);font-size:12px}.barre-achat b{font:var(--poids) 21px var(--d)}.barre-achat .btn{flex:1;min-height:48px}
 body.pg-produit{padding-bottom:80px}
 .pa{grid-template-columns:1fr}.pa-l{grid-template-columns:72px minmax(0,1fr) 40px;gap:12px}.pa-l .qte{grid-column:2}.pa-t{grid-column:2;grid-row:3}.pa-x{grid-column:3;grid-row:1}.pa-r{position:static}
 .co{grid-template-columns:1fr}.co-cmd{grid-template-columns:70px minmax(0,1fr)}.co-cmd .btn{grid-column:1/-1}.co-menu{grid-template-columns:1fr}
 .bls{grid-template-columns:1fr}.bl:first-child{grid-column:auto;flex-direction:column}
 .fin-c{grid-template-columns:1fr;padding:28px 22px}
 .pi-g{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-g>div:first-child{grid-column:1/-1}
 .faq summary{font-size:18px}
}

:root{--pr:#E3191F;--pr-f:#B5121A;--pr-p:#FFF2F2;--pr-p2:#FCE3E3;--ch:#15171C;--ch-2:#20232A;--ac:#FFC629;--ac-t:#2B2000;
 --encre:#14161B;--doux-2:#3E4350;--pr-p3:#FFF8F8;--puits:var(--gris);--doux-m:#5F6573;--ligne:#E7E9ED;--gris:#F6F7F9;--vert:#178A48;--f:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;--fd:var(--f);
 --nav:linear-gradient(100deg,#E8222A 0%,#C3121A 100%);--nav-o:rgba(195,18,26,.6);--rc:20px;--fond-page:#fff;--pied:var(--ch);
 --fond:var(--fond-page);--surface:#fff;--surface-2:var(--gris);--texte:var(--encre);--doux:var(--doux-m);--trait:var(--ligne);--accent:var(--pr);--accent-f:var(--pr-f);--sur-accent:#fff;--photo:var(--gris);
 --d:var(--fd);--t:var(--f);--m:var(--f);--bord:1px;--r:22px;--rs:14px;--poids:800;--esp:-.02em;--h1:clamp(34px,4.2vw,52px);--sec:64px;--erable:var(--pr);--etoile:#F5A623}
body{font-size:15.5px;line-height:1.6}
.sur,.oeil{display:inline-block;font:700 11px var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--pr)}
.btn{min-height:48px;font:700 14.5px var(--f);border-width:2px;box-shadow:0 8px 20px -10px var(--nav-o)}
.btn-j{background:var(--ac);border-color:var(--ac);color:var(--ac-t);box-shadow:none}.btn-j:hover{background:var(--ac);filter:brightness(1.07);border-color:var(--ac)}
.btn-o,.btn-2{background:var(--surface);color:var(--encre);border-color:var(--ligne);box-shadow:none}.btn-o:hover,.btn-2:hover{background:var(--surface);border-color:#cfd3da}
.btn-ob{background:transparent;color:#fff;border-color:rgba(255,255,255,.8);box-shadow:none}.btn-ob:hover{background:rgba(255,255,255,.1);border-color:#fff}
.lien{color:var(--pr);font-weight:600;font-size:14px}
/* bande du haut */
.haut{background:var(--ch);color:#D9DBE0;font-size:12px}
.haut .l{display:flex;align-items:center;gap:18px;min-height:34px}
.haut .pt{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35C66F;margin-right:6px}
.haut b{color:#fff;font-weight:600}.haut .et{color:var(--ac);letter-spacing:1px;margin-right:4px}
.haut .ca{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600}.haut .ca .feuille{width:14px;height:14px;color:#FF4D52}
.haut .d{margin-left:auto;display:flex;gap:16px}.haut a{text-decoration:none}.haut a:hover{color:#fff}
/* en-tête */
.tete .l{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:18px;align-items:center;padding-block:14px}
.logo img{width:168px;height:auto;display:block}
.tete .rech{max-width:540px;border-width:1.5px;padding:4px 4px 4px 16px}.tete .rech button{background:var(--ch);color:#fff;font:600 13px var(--f)}
.conseil{display:flex;align-items:center;gap:10px;text-decoration:none}
.conseil .rond{width:40px;height:40px;border-radius:50%;background:var(--pr-p);color:var(--pr);display:grid;place-items:center}
.conseil small{display:block;font-size:11px;color:var(--doux);line-height:1.2}.conseil b{font-size:15px;line-height:1.2}
.pan{position:relative;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ligne);display:grid;place-items:center;color:var(--encre);background:var(--surface);text-decoration:none}
.pan i{position:absolute;top:-4px;right:-4px;background:var(--pr);color:#fff;font:700 10.5px/18px var(--f);min-width:18px;border-radius:9px;text-align:center;font-style:normal}
.menu-btn,.loupe{display:none}
/* barre de menu (le vrai menu) */
.nav{position:sticky;top:var(--vx-h,0px);z-index:60;padding-bottom:10px}
.nav .l{position:relative}
.nav .menu{padding:6px;gap:2px;background:var(--nav);border-radius:16px;box-shadow:0 12px 26px -12px var(--nav-o)}
.nav .menu>li>a{color:#fff;font-weight:600;font-size:14px;padding:10px 14px;border-radius:11px}
.nav .menu>li>a:hover,.nav .menu>li:focus-within>a{background:rgba(255,255,255,.15)}
.nav .menu>li>a[aria-current]{background:var(--surface);color:var(--pr)}
.nav .chev{opacity:.85}
.nav .bdg{font-size:9px;font-weight:800;letter-spacing:.06em;border-radius:5px;padding:2px 6px;background:var(--ac);color:var(--ac-t)}
.nav .mini{display:none;align-items:center;padding:0 10px 0 6px}
.nav .mini b{font:800 16px var(--f);color:#fff;letter-spacing:-.02em}.nav .mini b span{color:var(--ac)}
.nav .cta-m{margin-left:auto;display:none}.nav.colle .mini,.nav.colle .cta-m{display:flex}
.nav .cta-m .btn{min-height:40px;padding:0 16px;font-size:13.5px}
.nav .sm{top:calc(100% + 4px);border:0;border-radius:20px;box-shadow:0 26px 60px rgba(20,22,27,.22)}
.nav .sm-gr{left:18px;right:18px}
/* sections */
.sec-t.rangee{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;max-width:none;margin-bottom:22px}
.sec-t h2{font-size:clamp(26px,2.8vw,36px)}
/* cartes produit (comme les cartes du site) */
.grille{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px}
.prod{border:1px solid var(--ligne);border-radius:var(--rc);padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--surface);position:relative;transition:box-shadow .2s,transform .2s}
.prod:hover{box-shadow:0 18px 34px -20px rgba(20,22,27,.35);transform:translateY(-2px)}
.prod .img{background:var(--puits);border-radius:calc(var(--rc) - 6px);aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}
.prod .img img{height:88%;width:auto;max-width:92%;object-fit:contain;mix-blend-mode:multiply}
.prod .rab{position:absolute;top:22px;left:22px;background:var(--pr);color:#fff;font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 9px}
.prod .ca{position:absolute;top:22px;right:22px;width:30px;height:30px;border-radius:50%;background:var(--surface);display:grid;place-items:center;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.prod .ca .feuille{width:16px;height:16px;color:var(--pr)}
.prod .fmt{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--doux)}
.prod h3{font-size:17px;font-variant-numeric:tabular-nums;font-family:var(--f)}.prod h3 a{text-decoration:none}
.prod .px{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.prod .px b{font-size:21px;font-weight:800}.prod .px s{color:var(--doux);font-size:13.5px}
.prod .px small{flex-basis:100%;color:var(--doux);font-size:12px}
.prod .stock{font-size:12px;color:var(--vert);font-weight:600}
.prod .btn{margin-top:auto;min-height:44px;font-size:14px}
/* en-tête de page intérieure */
.fil{padding-top:6px}
.tp .tp-c{background:linear-gradient(135deg,var(--pr-p) 0%,var(--pr-p3) 60%,#fff 100%);border:1px solid var(--pr-p2);border-radius:26px;padding:34px 40px;margin-top:10px;gap:30px}
.tp h1{font-size:clamp(34px,4.2vw,52px);margin-top:6px}
.tp .chapo{color:var(--doux-2);font-size:16.5px}
.tp-deco{height:260px}
.tp-deco .photo{position:absolute;inset:0;background:var(--puits-p,#fff);border-radius:20px;box-shadow:0 18px 40px -20px rgba(20,22,27,.4);display:grid;place-items:center;padding:14px}
.tp-deco .photo img{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.tp-photo{background:var(--surface);border-radius:20px;box-shadow:0 18px 40px -20px rgba(20,22,27,.4)}
.puces-c{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.puces-c span{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--ligne);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}
.puces-c .ico,.puces-c .feuille{width:15px;height:15px;color:var(--pr)}
.ongl a,.chips a{font-size:13.5px;font-weight:600;padding:7px 14px;min-height:40px;border-width:1.5px}
.ongl a[aria-current],.chips a[aria-current]{background:var(--ch);border-color:var(--ch);color:#fff}
/* liste en rangées (page d'une épaisseur) */
.rangs{display:grid;gap:12px}
.rang{display:grid;grid-template-columns:120px minmax(0,1fr) 210px;gap:20px;align-items:center;border:1px solid var(--ligne);border-radius:var(--rc);padding:14px 18px 14px 14px;background:var(--surface);transition:box-shadow .2s}
.rang:hover{box-shadow:0 16px 30px -20px rgba(20,22,27,.4)}
.rang .img{background:var(--puits);border-radius:14px;aspect-ratio:1/1;display:grid;place-items:center;position:relative}
.rang .img img{width:88%;mix-blend-mode:multiply}
.rang .img .rab{position:absolute;top:6px;left:6px;background:var(--pr);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px}
.rang .fmt{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--doux)}
.rang h3{font-size:18px;margin-top:2px;font-family:var(--f)}.rang h3 a{text-decoration:none}
.rang ul{margin:6px 0 0;padding-left:18px;color:var(--doux-2);font-size:13.5px}
.rang .droite{display:grid;gap:6px}
.rang .px{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.rang .px b{font-size:22px;font-weight:800}.rang .px s{color:var(--doux);font-size:13.5px}
.rang .px small{flex-basis:100%;font-size:12px;color:var(--doux)}
.rang .stock{font-size:12px;color:var(--vert);font-weight:600}
.rang .btn{min-height:44px;font-size:14px}
.autres{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.autres a{border:1px solid var(--ligne);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;text-decoration:none}
.autres a.v{border:0;color:var(--pr)}
/* fiche produit */
.fp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin-top:6px}
.vitrine{position:relative;background:linear-gradient(135deg,var(--pr-p),var(--pr-p3));border:1px solid var(--pr-p2);border-radius:26px;aspect-ratio:1/1;max-height:560px;width:100%}
.vitrine>img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .3s}
.vitrine .pp-v{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .3s}
.vitrine.en3d>img{opacity:0}.vitrine.en3d .pp-v{opacity:1;pointer-events:auto}
.flotte{position:absolute;display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:14px;padding:8px 12px;box-shadow:0 12px 26px -14px rgba(20,22,27,.45);font-size:11.5px;line-height:1.25;z-index:2}
.flotte .rond{width:28px;height:28px;border-radius:9px;background:var(--pr-p);color:var(--pr);display:grid;place-items:center}
.flotte .rond .ico,.flotte .rond .feuille{width:15px;height:15px}
.flotte b{display:block;font-size:13px}
.voir3d{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:3;border:1.5px solid var(--ligne);background:var(--surface);border-radius:999px;padding:8px 14px;font:600 13px var(--f);cursor:pointer;color:var(--encre)}
.achat-c{position:relative;z-index:2;margin-left:-40px;background:var(--surface);border:1px solid var(--ligne);border-radius:24px;box-shadow:0 26px 56px -24px rgba(20,22,27,.4);padding:26px 28px;display:grid;gap:12px}
.achat-c .fmt{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--doux)}
.achat-c h1{font-size:clamp(28px,3vw,36px)}
.achat-c .note{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--doux)}.achat-c .note .et{color:var(--etoile);letter-spacing:1px}
.achat-c ul{margin:0;padding-left:18px;font-size:14px;color:var(--doux-2)}
.achat-c .pp-px{margin-top:0}.achat-c .pp-px b{font:800 34px var(--f)}
.achat-c .pp-l{margin-bottom:6px}
.achat-c .pp-eps button,.achat-c .pp-tailles button{border-radius:12px;font:700 13.5px var(--f);padding:8px 6px;min-height:40px}
.achat-c .pp-eps a{display:inline-flex;align-items:center;border:1px solid var(--ligne);border-radius:12px;padding:8px 12px;font:700 13.5px var(--f);text-decoration:none;min-height:40px}
.achat-c .pp-tailles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.achat-c .pp-achat{margin-top:4px}
.achat-c .stock{color:var(--vert);font-weight:600;font-size:13px}
.achat-c .info{display:grid;gap:6px;font-size:13px;color:var(--doux-2)}.achat-c .info span{display:flex;gap:8px;align-items:center}.achat-c .info .ico,.achat-c .info .feuille{width:16px;height:16px;color:var(--pr)}
.confiance-f{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}
.confiance-f div{display:flex;gap:12px;align-items:center;border:1px solid var(--ligne);border-radius:16px;padding:12px 14px}
.confiance-f .rond{width:38px;height:38px;border-radius:11px;background:var(--pr-p);color:var(--pr);display:grid;place-items:center;flex:none}
.confiance-f .rond .feuille{width:20px;height:20px}
.confiance-f b{display:block;font-size:13.5px}.confiance-f small{color:var(--doux);font-size:12px}
.onglets{display:flex;gap:10px;margin-top:26px}
.onglets button{display:flex;align-items:center;gap:10px;border:1.5px solid var(--ligne);background:var(--surface);border-radius:14px;padding:12px 16px;font:600 14px var(--f);cursor:pointer;color:var(--encre);min-width:220px}
.onglets button[aria-pressed="true"]{border-color:var(--pr);box-shadow:0 0 0 3px var(--pr-p)}
.onglets .n{background:var(--pr-p);color:var(--pr);border-radius:999px;padding:1px 8px;font-size:12px}
.sous-nav{position:sticky;top:calc(var(--vx-h,0px) + 70px);z-index:30;display:flex;gap:6px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--ligne);border-radius:14px;padding:6px;margin-top:14px;box-shadow:0 10px 20px -16px rgba(20,22,27,.4)}
.sous-nav a{text-decoration:none;font-size:13px;font-weight:600;padding:7px 12px;border-radius:9px}
.sous-nav a.on{background:var(--ch);color:#fff}
.bloc{border:1px solid var(--ligne);border-radius:22px;padding:24px 26px;margin-top:16px;scroll-margin-top:160px}
.bloc h2{font-size:21px;display:flex;align-items:center;gap:12px;font-family:var(--f)}
.bloc h2 .n{width:30px;height:30px;border-radius:50%;background:var(--pr-p);color:var(--pr);display:grid;place-items:center;font-size:14px;flex:none}
.bloc>p{color:var(--doux-2);margin:12px 0 0}
.puces-b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.puces-b span{display:flex;gap:10px;align-items:center;background:var(--gris);border-radius:12px;padding:10px 12px;font-size:13.5px}
.puces-b .ico,.puces-b .feuille{width:16px;height:16px;color:var(--pr)}
.deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.deux div{border:1px solid var(--ligne);border-radius:14px;padding:14px 16px}
.deux small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}
.deux b{display:block;font-size:19px;margin-top:4px}.deux span{color:var(--doux);font-size:12.5px}.deux b span{color:inherit;font-size:inherit}
.bloc .tab-b{margin-top:14px}
/* blocs communs restylés */
.faq details{border:1px solid var(--ligne);border-radius:14px;margin-top:10px;border-bottom:1px solid var(--ligne)}
.faq summary{padding:14px 16px;font:700 15px var(--f)}
.faq summary::after{width:26px;height:26px;background:var(--pr-p);color:var(--pr);font-size:18px}
.faq details p{margin:0;padding:0 16px 14px;font-size:15px}
.avis figure{border-radius:18px;padding:20px;box-shadow:none}.avis blockquote{font:500 15px/1.55 var(--f)}.avis figcaption{color:var(--encre);font-weight:700;font-size:13px}
.canada{border-radius:24px;background:linear-gradient(135deg,var(--pr-p),#fff);border-color:var(--pr-p2)}
.trouve{border-radius:22px}
.etapes li,.freq div,.coord div,.co-f,.co-d,.pa-l,.pa-r,.bl{border-radius:20px}
/* bannière de fin */
.cta{margin-top:70px;border-radius:26px;background:linear-gradient(120deg,var(--pr) 0%,var(--pr-f) 100%);color:#fff;padding:34px 40px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:28px;align-items:center;box-shadow:0 24px 50px -20px var(--nav-o);position:relative;overflow:hidden}
.cta .k{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:rgba(255,255,255,.16);border-radius:999px;padding:5px 12px}
.cta .k .feuille{width:14px;height:14px;color:#fff}
.cta h2{font-size:clamp(24px,2.8vw,32px);margin-top:14px;color:#fff}.cta h2 em{font-style:normal;color:var(--ac)}
.cta .pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cta .pills span{background:rgba(255,255,255,.15);border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600;display:inline-flex;gap:6px;align-items:center}
.cta .pills .ico{width:14px;height:14px}
.cta .act{display:flex;flex-direction:column;gap:10px}.cta .act .btn{min-height:52px;font-size:15px}.cta .act small{opacity:.85;font-size:12px;text-align:center}
.cta .feuille-g{position:absolute;right:-40px;bottom:-60px;width:260px;height:260px;color:rgba(255,255,255,.08);pointer-events:none}
/* pied */
.pied{background:var(--pied);color:#C8CBD2;margin-top:80px;padding-block:30px 22px;font-size:13.5px}
.conf-p{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1)}
.conf-p span{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 14px;color:#E8E9EC;font-size:12.5px}
.conf-p .ico,.conf-p .feuille{width:15px;height:15px;color:var(--ac)}
.pied .pi-g{padding-block:28px}
.wm{font:800 26px/1 var(--f);letter-spacing:-.02em;color:#fff}.wm span{color:#FF4D52}
.pied .btns{display:grid;gap:10px;margin-top:16px;max-width:260px}.pied .btns .btn{min-height:46px;font-size:14px}
.pied h4{color:#fff;font-size:11.5px}
.pied a:hover{color:#fff;text-decoration:none}
.pi-copy{border-top:1px solid rgba(255,255,255,.1)}
/* barre du bas (téléphone) */
.bas-tel{display:none}
@media (max-width:1180px){.nav .menu>li>a{padding:10px 9px;font-size:13.5px}.conseil{display:none}.tete .l{grid-template-columns:auto minmax(0,1fr) auto auto}}
@media (max-width:900px){
 body{padding-bottom:70px}
 .haut .d,.haut .note-h,.haut .lg{display:none}.haut .l{justify-content:center;gap:14px}
 .tete .l{grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:8px;padding-block:10px}
 .menu-btn{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ligne);background:var(--surface);border-radius:12px;padding:0 10px;min-height:44px;font:600 13.5px var(--f);color:var(--encre);cursor:pointer}
 .logo img{width:124px}
 .tete .rech,.conseil,.tete .btn-cta{display:none}
 .loupe{display:grid;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ligne);background:var(--surface);place-items:center;color:var(--encre);grid-column:4;cursor:pointer}
 .pan{grid-column:5}
 html.rech-ouverte .tete .rech{display:flex;grid-column:1/-1;max-width:none}
 .nav{display:none}
 .tp .tp-c{padding:22px 20px}.tp-deco{height:200px}
 .rang{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px}.rang .droite{grid-column:1/-1}.rang ul{display:none}.rang h3{font-size:16px}
 .fp{grid-template-columns:1fr;gap:14px}.achat-c{margin-left:0;padding:20px}.vitrine{max-height:none}
 .flotte{font-size:10.5px;padding:6px 9px}.flotte b{font-size:12px}
 .achat-c .pp-tailles{grid-template-columns:repeat(3,minmax(0,1fr))}
 .confiance-f{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.confiance-f div{padding:10px}
 .onglets button{min-width:0;flex:1}
 .sous-nav{top:var(--vx-h,0px);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-radius:0;margin-inline:-20px;border-inline:0}.sous-nav a{white-space:nowrap}
 .bloc{padding:18px}.puces-b,.deux{grid-template-columns:1fr}
 .cta{grid-template-columns:1fr;padding:26px 22px;margin-top:50px}
 .grille .prod{padding:10px;border-radius:16px}.prod h3{font-size:15px}.prod .px b{font-size:18px}.prod .px s{display:none}.prod .rab{top:16px;left:16px}.prod .ca{top:16px;right:16px}
 .bas-tel{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--surface);border-top:1px solid var(--ligne);
  padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
 .bas-tel .btn{min-height:44px;font-size:14px;padding:0 10px}
 body.pg-produit{padding-bottom:70px}
}

:root{--pr:#FF3B3F;--pr-f:#D9161C;--pr-p:#2A1416;--pr-p2:#3B1C20;--pr-p3:#1A1214;--ch:#07080A;--ac:#FFC629;--ac-t:#231A00;
 --encre:#F3F4F6;--doux-m:#9BA0AC;--doux-2:#C4C8D0;--ligne:#262931;--gris:#16181D;--vert:#3DDC84;--puits:#101115;--puits-p:#101115;
 --fond-page:#0B0C0F;--surface:#14161A;--pied:#07080A;--nav:linear-gradient(100deg,#FF3B3F 0%,#C8141A 100%);--nav-o:rgba(255,59,63,.45);
 --f:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;--fd:'Sora',system-ui,sans-serif;--rc:22px;--etoile:#FFC629}
body{font-size:15.5px}
h1,h2,h3{font-family:var(--fd);letter-spacing:-.03em}
.haut{border-bottom:1px solid #1B1D23}
.tete{background:var(--fond-page)}
.wm-t{font:800 26px/1 var(--fd);letter-spacing:-.04em;color:#fff;text-decoration:none;display:flex;align-items:baseline;gap:0}
.wm-t span{color:var(--pr)}.wm-t i{font-style:normal;font-weight:500;color:var(--doux);font-size:15px;letter-spacing:0;margin-left:1px}
.tete .rech{background:var(--surface);border-color:var(--ligne)}.tete .rech input{color:#fff}.tete .rech button{background:var(--pr)}
.pan,.menu-btn,.loupe{background:var(--surface)!important;border-color:var(--ligne)!important;color:#fff!important}
.nav .sm{background:#16181D}.nav .sm a{color:#E7E9EE}.nav .sm a:hover{background:#22252C}
.btn-o,.btn-2{background:transparent;color:#fff;border-color:#3A3E48}.btn-o:hover,.btn-2:hover{background:#1C1F25;border-color:#555}
.lien{color:#FF6A6D}
.sur,.oeil{color:#FF6A6D}
/* cartes 3D */
.prod{background:linear-gradient(180deg,#17191E,#111216);border-color:#23262D}
.prod:hover{box-shadow:0 0 0 1px #3A1C20,0 24px 50px -24px rgba(255,59,63,.5)}
.prod .img{position:relative;background:radial-gradient(60% 60% at 50% 55%,rgba(255,59,63,.22),transparent 70%),#0E0F12;aspect-ratio:1/.86}
.prod .img .f3d-scene{position:absolute;inset:0}
.prod .ca{background:#1E2026;box-shadow:none}
.prod .btn{box-shadow:none}
.rang{background:#14161A;border-color:#23262D}.rang .img{background:radial-gradient(60% 60% at 50% 55%,rgba(255,59,63,.2),transparent 70%),#0E0F12}
.rang .img .f3d-scene{position:absolute;inset:0}
.tp .tp-c{background:radial-gradient(70% 120% at 85% 40%,#3A1416 0%,#16181D 55%,#111216 100%);border-color:#23262D}
.tp-deco .photo{background:transparent;box-shadow:none}
.tp-deco .f3d-scene{position:absolute;inset:0}
.ongl a,.chips a{background:transparent;border-color:#30333B;color:#E6E7EB}.ongl a[aria-current],.chips a[aria-current]{background:#fff;color:#0B0C0F;border-color:#fff}
.puces-c span{background:#191B20;border-color:#2A2D35}
.cherche,.outils select,.trouve select,.co-f input{background:#14161A!important;border-color:#2A2D35!important;color:#fff!important}
.canada{background:radial-gradient(80% 140% at 0% 0%,#2A1416,#14161A 60%)}
.ca-p li{background:#1B1D22}
.vitrine{background:radial-gradient(60% 60% at 50% 50%,rgba(255,59,63,.25),transparent 70%),#0E0F12;border-color:#23262D}
.vitrine>img{mix-blend-mode:normal;border-radius:18px;background:#fff;padding:4%;inset:16%;width:68%;height:68%}
.voir3d{background:#1B1D22;color:#fff;border-color:#2F323A}
.flotte{background:#1B1D22;color:#E7E9EE;box-shadow:0 12px 30px -14px #000}
.achat-c{background:#14161A;border-color:#262931}
.pp-eps button,.pp-tailles button,.qte{background:#191B20;border-color:#2C2F37;color:#fff}
.pp-eps button[aria-pressed="true"],.pp-tailles button[aria-pressed="true"]{background:#fff;color:#0B0C0F;border-color:#fff}
.achat-c .pp-eps a{border-color:#2C2F37}
.onglets button{background:#14161A;color:#fff;border-color:#2C2F37}
.sous-nav{background:#14161A;border-color:#262931}.sous-nav a.on{background:#fff;color:#0B0C0F}
.pa-img,.co-ci{background:#fff}
/* le panier et la dernière commande : le produit en 3D (ou sa scène) sur une tuile sombre, comme ses cartes — plus de tuile blanche */
.pa-img.pa-3d,.co-ci.pa-3d{position:relative;overflow:hidden;background:radial-gradient(60% 60% at 50% 55%,rgba(255,59,63,.22),transparent 72%),#0E0F12;border:1px solid #23262D}
.pa-3d>[data-f3d],.pa-3d>.ax{position:absolute;inset:0}
.pa-3d>.ax-tuile .ax-deco{opacity:.35}
.tab th{background:#191B20}
.bl .vign{background:radial-gradient(60% 70% at 50% 50%,#3A1416,#121317)}
.cta{background:radial-gradient(80% 140% at 100% 0%,#FF3B3F 0%,#B3121A 45%,#3A0C10 100%)}
/* héros */
.heros-n{position:relative;border-radius:28px;overflow:hidden;border:1px solid #1F2228;background:radial-gradient(60% 80% at 75% 45%,rgba(255,59,63,.32),transparent 60%),radial-gradient(40% 60% at 10% 100%,rgba(255,198,41,.08),transparent 60%),#0E0F12;
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:520px}
.heros-n::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 0 calc(100% - 1px),rgba(255,255,255,.04) 0) 0 0/100% 48px,linear-gradient(90deg,transparent 0 calc(100% - 1px),rgba(255,255,255,.04) 0) 0 0/48px 100%;pointer-events:none}
.heros-n .t{position:relative;z-index:1;padding:56px 0 50px 54px}
.heros-n h1{font-size:clamp(46px,5.6vw,80px);line-height:.98}
.heros-n h1 em{font-style:normal;background:linear-gradient(90deg,#FF3B3F,#FF8A5B);-webkit-background-clip:text;background-clip:text;color:transparent}
.heros-n p{color:var(--doux-2);font-size:17px;max-width:470px;margin:18px 0 0}
.heros-n .act{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.heros-n .chiffres{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap}
.heros-n .chiffres b{display:block;font:700 28px var(--fd);letter-spacing:-.03em}.heros-n .chiffres span{color:var(--doux);font-size:12.5px}
.heros-n .v{position:relative;z-index:1}.heros-n .v .f3d-scene{position:absolute;inset:0}
.heros-n .badge-ca{position:absolute;right:30px;top:30px;z-index:2;display:flex;align-items:center;gap:10px;background:rgba(20,22,26,.8);border:1px solid #2C2F37;border-radius:16px;padding:10px 14px;backdrop-filter:blur(8px)}
.heros-n .badge-ca .feuille{width:30px;height:30px;color:var(--pr)}.heros-n .badge-ca b{display:block;font-size:14px}.heros-n .badge-ca small{color:var(--doux);font-size:12px}
/* la page des 5 po, filtrée par grandeur */
.cinq-barre{padding-block:0;scroll-margin-top:calc(var(--vx-h,0px) + 84px)}.cinq-f{padding-top:36px}.cinq-f[hidden]{display:none!important}
/* le tableau des grandeurs */
.tableau{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.tb-outils{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.tb-outils .cherche{flex:0 1 320px}
.tb-leg{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--doux)}.tb-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:0}
.tb-rang{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:12px}
.tb-ep{font:800 34px/1 var(--fd);letter-spacing:-.04em;padding-top:8px}.tb-ep small{display:block;font:600 11px var(--f);letter-spacing:.12em;color:var(--doux);margin-top:6px;text-transform:uppercase}
.tb-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}
.el{position:relative;border:1px solid #262931;border-radius:12px;background:#121317;padding:8px 9px 9px;text-align:left;cursor:pointer;color:#fff;min-height:84px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s,border-color .15s,opacity .2s,box-shadow .2s;font:inherit}
.el::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--c)}
.el small{font:600 10.5px var(--f);color:var(--doux);letter-spacing:.06em}
.el b{font:700 19px/1 var(--fd);letter-spacing:-.03em}.el b i{font-style:normal;font-size:12px;color:var(--doux);font-weight:600;margin-left:2px}
.el span{font-size:12px;color:var(--doux-2);font-weight:600}
.el:hover{transform:translateY(-2px);border-color:var(--c)}
.el[aria-pressed="true"]{border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 12px 30px -12px var(--c);background:#191A1F}
.el.eteint{opacity:.18}
.el.vente::after{content:"";position:absolute;right:8px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--ac)}
.tb-fiche{position:sticky;top:calc(var(--vx-h,0px) + 84px);border:1px solid #262931;border-radius:24px;background:#121317;overflow:hidden}
.tb-fiche .sc{height:250px;position:relative;background:radial-gradient(60% 60% at 50% 55%,rgba(255,59,63,.28),transparent 70%)}.tb-fiche .f3d-scene{position:absolute;inset:0}
.tb-fiche .in{padding:18px 20px 20px;display:grid;gap:8px}
.tb-fiche h3{font-size:30px}.tb-fiche .p{font:700 24px var(--fd)}.tb-fiche .p s{font-size:15px;color:var(--doux);margin-left:6px;font-weight:500}
.tb-fiche dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:4px 0;font-size:13.5px}.tb-fiche dt{color:var(--doux)}.tb-fiche dd{margin:0;text-align:right;font-weight:600}
.tb-fiche .act{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.tb-fiche .btn{min-height:44px;font-size:14px;box-shadow:none}
.cinq-l{display:flex;gap:8px;flex-wrap:wrap}
.cinq-l a{border:1px solid #262931;border-radius:12px;background:#121317;padding:10px 12px;text-decoration:none;font-size:13px}.cinq-l a b{display:block;font:700 15px var(--fd)}
/* Canada en noir */
.ca-n{position:relative;border-radius:28px;border:1px solid #23262D;overflow:hidden;background:#0E0F12;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:420px}
.ca-n .g{position:relative;display:grid;place-items:center;background:radial-gradient(55% 55% at 50% 50%,rgba(255,59,63,.35),transparent 70%)}
.ca-n .g .feuille{width:62%;height:auto;color:var(--pr);filter:drop-shadow(0 0 40px rgba(255,59,63,.6))}
.ca-n .t{padding:46px 48px;position:relative}.ca-n h2{font-size:clamp(34px,4vw,56px)}.ca-n p{color:var(--doux-2);margin:14px 0 0;font-size:16.5px}
.ca-n ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.ca-n li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}
.ca-n li .n{width:36px;height:36px;border-radius:10px;background:#1E1012;color:var(--pr);display:grid;place-items:center;font:700 14px var(--fd)}
.ca-n li b{display:block}.ca-n li span{color:var(--doux);font-size:14px}
/* les photos d'articles (5 po, accessoires) : sur une plaque blanche de studio, jamais fondues dans le noir */
.prod .img-plaque{background:radial-gradient(60% 60% at 50% 55%,rgba(255,59,63,.16),transparent 72%),#0E0F12;padding:9%}
.prod .img-plaque .pl{width:100%;height:100%;background:linear-gradient(180deg,#fff,#f2f3f5);border-radius:14px;display:grid;place-items:center;box-shadow:0 18px 30px -16px #000;transition:transform .25s}
.prod:hover .img-plaque .pl{transform:translateY(-3px)}
.prod .img-plaque img{mix-blend-mode:multiply;height:86%;width:auto;max-width:86%}
.tp-deco .plaque-tp{position:absolute;inset:6% 10%;background:linear-gradient(180deg,#fff,#f2f3f5);border-radius:20px;display:grid;place-items:center;box-shadow:0 26px 50px -24px #000}
.tp-deco .plaque-tp img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply}
.pn-site p{color:var(--doux-2);margin:8px 0 0;max-width:860px}
.prod .reel,.rang .reel{display:block;font:600 12px 'IBM Plex Mono',ui-monospace,monospace;color:var(--doux);letter-spacing:-.01em}
.prod .reel b,.rang .reel b{color:var(--doux-2);font-weight:600}
/* accueil : les textes du site */
.heros-n h1 .h1-k{display:block;font:700 13px var(--f);letter-spacing:.16em;text-transform:uppercase;color:#FF6A6D;margin-bottom:12px;-webkit-text-fill-color:#FF6A6D}
.seo-b{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:center;border:1px solid #23262D;border-radius:26px;padding:34px 38px;background:linear-gradient(120deg,#14161A,#101115)}
.seo-b h2{font-size:clamp(24px,2.6vw,34px);line-height:1.15}.seo-b p{color:var(--doux-2);margin:12px 0 0;font-size:16px}
.seo-b ol{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:e}
.seo-b li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;border:1px solid #262931;border-radius:16px;padding:12px 14px;background:#121317;counter-increment:e;font-weight:600}
.seo-b li::before{content:counter(e);width:40px;height:40px;border-radius:12px;background:#2A1416;color:var(--pr);display:grid;place-items:center;font:800 16px var(--fd)}
.seo-b li small{display:block;color:var(--doux);font-weight:500;font-size:13px}
.savoir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.savoir article{border:1px solid #23262D;border-radius:24px;padding:28px 30px;background:#121317;position:relative;overflow:hidden}
.savoir article::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,59,63,.18),transparent);pointer-events:none}
.savoir .ic{width:44px;height:44px;border-radius:12px;background:#2A1416;color:var(--pr);display:grid;place-items:center;margin-bottom:14px}.savoir .ic svg{width:22px;height:22px}
.savoir h2{font-size:clamp(21px,2vw,26px)}.savoir p{color:var(--doux-2);margin:10px 0 0;font-size:15px}
.savoir a{display:inline-flex;margin-top:14px}
.satisf{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:26px;align-items:start}
.satisf .t p{color:var(--doux-2);font-size:16px;margin:12px 0 0}
.satisf .avis{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1100px){.tableau{grid-template-columns:1fr}.tb-fiche{position:relative;top:auto;display:grid;grid-template-columns:200px minmax(0,1fr)}.tb-fiche .sc{height:auto;min-height:200px}}
@media (max-width:900px){
 .heros-n{grid-template-columns:1fr;min-height:0}.heros-n .t{padding:30px 22px 10px}.heros-n h1{font-size:clamp(40px,11.5vw,56px)}.heros-n p{font-size:15.5px}.heros-n .act .btn{flex:1 1 auto}
 .heros-n .v{height:280px}.heros-n .badge-ca{right:14px;top:auto;bottom:14px}.heros-n .chiffres{gap:18px}
 .tb-rang{grid-template-columns:1fr;gap:8px}.tb-ep{display:flex;align-items:baseline;gap:10px;font-size:26px;padding:0}.tb-ep small{margin:0}
 .tb-cases{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.el{min-height:74px}.el b{font-size:17px}
 .tb-fiche{grid-template-columns:1fr}.tb-fiche .sc{min-height:190px}
 .ca-n{grid-template-columns:1fr}.ca-n .g{height:220px}.ca-n .t{padding:26px 22px}
 .seo-b,.savoir,.satisf{grid-template-columns:1fr}.seo-b{padding:24px 22px}.savoir article{padding:22px}.satisf .avis{grid-template-columns:1fr}
}

/* l'en-tête au téléphone (Philippe, 2026-10-25 : « corrige ça ») : le panier sortait de l'écran sous ~400 px. Le logo prend la
   colonne souple et rapetisse ; sous 385 px, le bouton Menu ne garde que son icône (le mot reste lu par VoiceOver). */
@media (max-width:900px){
 .tete .l{grid-template-columns:auto minmax(0,1fr) auto auto}
 .tete .wm-t{grid-column:2;min-width:0;justify-self:start}
 .tete .loupe{grid-column:3}.tete .pan{grid-column:4}
 .wm-t i{font-size:.58em}
}
@media (max-width:420px){.wm-t{font-size:23.5px}}
@media (max-width:384px){
 .tete .l{gap:6px}
 .menu-btn{width:44px;padding:0;justify-content:center}
 .menu-btn span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .wm-t{font-size:min(23.5px,calc((100vw - 190px) / 6.4))}
}

/* ── fiche produit : galerie ── */
.fp1{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:28px;align-items:start;margin-top:8px}
.gal{position:sticky;top:calc(var(--vx-h,0px) + 84px);display:grid;gap:12px}
.gal-sc{position:relative;aspect-ratio:1/1;max-height:640px;width:100%;border-radius:26px;overflow:hidden;border:1px solid #23262D;background:#0B0C0F;isolation:isolate}
.gal-s{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}
.gal-s.on{opacity:1;visibility:visible;transition:opacity .45s}
.gal-s>[data-f3d]{position:absolute;inset:0}
/* la photo principale : le studio */
.studio{background:radial-gradient(34% 26% at 50% 0%,rgba(255,255,255,.2),transparent 75%),radial-gradient(46% 40% at 50% 46%,rgba(255,59,63,.24),transparent 72%),linear-gradient(180deg,#15161b 0%,#0e0f13 72%,#0a0b0e 100%)}
.studio::before{content:"";position:absolute;left:50%;top:-8%;width:62%;height:96%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 80%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);filter:blur(10px);pointer-events:none}
.socle{position:absolute;left:50%;top:calc(var(--sol,.8) * 100%);width:70%;height:16%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}
.socle::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(60% 60% at 50% 40%,#2a2d35,#17191e 70%);box-shadow:inset 0 2px 0 rgba(255,255,255,.08),inset 0 -6px 18px rgba(0,0,0,.5),0 0 0 1px #2a2d35}
.socle::after{content:"";position:absolute;left:0;right:0;top:50%;height:60%;z-index:-1;border-radius:0 0 50% 50%/0 0 60% 60%;background:linear-gradient(180deg,#121317,#0b0c0f);box-shadow:0 30px 50px -10px rgba(0,0,0,.8),0 2px 0 rgba(255,59,63,.35)}
.studio>[data-f3d]{z-index:1}
.studio .f3d-ombre{top:calc(var(--sol,.8) * 100% - 6%);bottom:auto;height:10%;left:24%;right:24%;background:radial-gradient(closest-side,rgba(0,0,0,.7),rgba(0,0,0,0))}
.gal-astuce{position:absolute;right:16px;bottom:16px;z-index:3;display:inline-flex;align-items:center;gap:6px;font:600 12px var(--f);color:#C4C8D0;background:rgba(20,22,26,.72);border:1px solid #2C2F37;border-radius:999px;padding:6px 11px;backdrop-filter:blur(6px);pointer-events:none}
.gal-astuce svg{width:15px;height:15px}
/* la boîte complète */
.boite3d{background:radial-gradient(50% 44% at 50% 52%,rgba(255,59,63,.2),transparent 72%),radial-gradient(70% 50% at 50% 100%,rgba(255,255,255,.05),transparent 70%),#0E0F12}
.boite3d .f3d-ombre{left:8%;right:8%;bottom:9%;height:9%}
.gal-n{position:absolute;left:18px;top:16px;z-index:3;line-height:1}
.gal-n b{display:block;font:800 52px/1 var(--fd);letter-spacing:-.05em;color:#fff}.gal-n b i{font-style:normal;color:var(--pr)}
.gal-n>span{font:600 12px var(--f);color:var(--doux);letter-spacing:.08em;text-transform:uppercase}
/* le plan */
.gal-plan{background:#0b2a50}.gal-plan .yf-plan{position:absolute;inset:0;width:100%;height:100%;display:block}
/* Fabriqué au Canada */
.gal-ca{background:radial-gradient(70% 70% at 50% 38%,#4a1418 0%,#22090b 55%,#120506 100%);display:grid;place-items:center;text-align:center;padding:8% 9%}
.gal-ca::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px);pointer-events:none}
.sceau{position:relative;width:min(62%,330px);aspect-ratio:1;margin:0 auto}
.sceau svg{position:absolute;inset:0;width:100%;height:100%}
.sceau .tourne{animation:sceau 40s linear infinite}
@keyframes sceau{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sceau .tourne{animation:none}}
.gal-ca h3{position:relative;z-index:1;font:800 clamp(28px,3.4vw,44px)/1 var(--fd);letter-spacing:-.03em;margin:4% 0 0;color:#fff}
.gal-ca p{position:relative;z-index:1;color:#E9C9CB;font-size:clamp(13px,1.15vw,15.5px);margin:10px auto 0;max-width:430px}
.gal-ca ul{position:relative;z-index:1;list-style:none;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:0;margin:16px 0 0}
.gal-ca li{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;font:600 12.5px var(--f);color:#fff;background:rgba(255,255,255,.05)}
/* photos sur une plaque blanche de studio */
.gal-ph{background:radial-gradient(60% 60% at 50% 50%,rgba(255,59,63,.14),transparent 70%),#0E0F12;display:grid;place-items:center;padding:9%}
.plaque{position:relative;display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(180deg,#fff,#f3f4f6);border-radius:22px;box-shadow:0 30px 60px -24px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06);overflow:hidden}
.plaque img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
.plaque::after{content:"";position:absolute;left:12%;right:12%;bottom:5%;height:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.14),transparent);pointer-events:none}
.plaque .tag{position:absolute;left:14px;top:14px;font:700 10.5px var(--f);letter-spacing:.12em;text-transform:uppercase;color:#5c6270;background:#eef0f3;border-radius:999px;padding:4px 9px}
/* l'infographie dans la galerie */
.gal-an{background:radial-gradient(60% 52% at 50% 38%,rgba(255,59,63,.17),transparent 72%),#0E0F12;padding:4.5% 5% 58px}
.gal-an .anat{height:100%}
/* la fiche d'un article (5 po, accessoires) */
.gal-fi{background:radial-gradient(60% 60% at 50% 40%,rgba(255,59,63,.16),transparent 70%),#0E0F12;display:grid;place-items:center;padding:8%}
.fiche-a{width:100%;max-width:440px;background:#14161A;border:1px solid #2A2D35;border-radius:22px;padding:24px;display:grid;gap:14px;box-shadow:0 30px 60px -28px #000}
.fiche-a .k{font:700 11px var(--f);letter-spacing:.14em;text-transform:uppercase;color:#FF6A6D}
.fiche-a h3{font:800 26px/1.1 var(--fd);margin:0;color:#fff;overflow-wrap:anywhere}
.fiche-a dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:14px}.fiche-a dt{color:var(--doux)}.fiche-a dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}
.fiche-a .mes{border:1px dashed #3A3E48;border-radius:14px;padding:12px 14px;font:600 13px var(--f);color:var(--doux-2)}.fiche-a .mes b{display:block;font:700 18px 'IBM Plex Mono',ui-monospace,monospace;color:#fff;margin-top:4px}
/* pastilles : seulement dans les coins */
.gal-coin{position:absolute;left:16px;top:16px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none;transition:opacity .3s}
.gal-sc:not([data-vue=studio]) .gal-coin,.gal-sc[data-vue=plan] .gal-leg{opacity:0}
.gal-coin span{font:800 12.5px var(--f);border-radius:999px;padding:6px 11px;line-height:1}
.gal-coin .r{background:var(--pr);color:#fff;box-shadow:0 8px 20px -8px rgba(255,59,63,.7)}
.gal-coin .m{background:rgba(255,255,255,.94);color:#0B0C0F}
.gal-coin .m i{font-style:normal;font-weight:600;color:#5c6270;margin-left:4px}
.gal-fl{position:absolute;top:50%;z-index:5;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid #2F323A;background:rgba(20,22,26,.78);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);opacity:0;transition:opacity .2s}
.gal-fl svg{width:20px;height:20px}.gal-fl.g{left:12px}.gal-fl.g svg{transform:rotate(180deg)}.gal-fl.d{right:12px}
.gal-sc:hover .gal-fl,.gal-fl:focus-visible{opacity:1}
.gal-agr{position:absolute;right:14px;top:14px;z-index:5;width:40px;height:40px;border-radius:12px;border:1px solid #2F323A;background:rgba(20,22,26,.78);color:#fff;display:grid;place-items:center;cursor:pointer}
.gal-agr svg{width:18px;height:18px}
.gal-leg{position:absolute;left:16px;bottom:14px;z-index:4;font:600 12.5px var(--f);color:#C4C8D0;background:rgba(20,22,26,.72);border:1px solid #2C2F37;border-radius:999px;padding:6px 12px;backdrop-filter:blur(6px);max-width:calc(100% - 190px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.gal-leg b{color:#fff;font-weight:700}
.gal-vig{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.gal-vig button{position:relative;aspect-ratio:1;border-radius:14px;border:1.5px solid #262931;background:#121317;padding:0;cursor:pointer;overflow:hidden;color:#fff}
.gal-vig button[aria-selected="true"]{border-color:var(--pr);box-shadow:0 0 0 3px rgba(255,59,63,.25)}
.gal-vig button>*{pointer-events:none}
.gal-vig .vg{position:absolute;inset:0}.gal-vig .vg>[data-f3d]{position:absolute;inset:0}
.gal-vig .vg-ca{display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 40%,#4a1418,#1a0708)}.gal-vig .vg-ca svg{width:52%;height:52%;color:#FF3B3F}
.gal-vig .vg-pl{background:#0b2a50}.gal-vig .vg-pl svg{width:100%;height:100%}
.gal-vig .vg-ph{background:#fff;display:grid;place-items:center}.gal-vig .vg-ph img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.gal-vig .vg-fi{display:grid;place-items:center;font:800 13px var(--fd);color:#fff;background:#14161A}
.gal-vig .vg-an{background:#0E0F12}.gal-vig .vg-an img{width:100%;height:100%;object-fit:cover;display:block}
.gal-vig small{position:absolute;left:0;right:0;bottom:0;font:700 9.5px var(--f);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75));padding:10px 4px 5px;text-align:center}
.gal-vig .vg-ph+small{color:#14161A;background:linear-gradient(transparent,rgba(255,255,255,.95))}
/* la vraie photo, détourée : posée sur le fond sombre, sans plaque blanche (un article garde sa plaque) */
.gal-photo.det{background:radial-gradient(56% 50% at 50% 48%,rgba(255,59,63,.2),transparent 72%),radial-gradient(60% 30% at 50% 92%,rgba(255,255,255,.05),transparent 70%),#0E0F12}
.gal-photo.det .plaque{position:static;background:transparent;box-shadow:none;border-radius:0;overflow:visible}.gal-photo.det .plaque::after{left:18%;right:18%;bottom:4%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}
.gal-photo.det .plaque img{mix-blend-mode:normal;width:92%;height:92%;filter:drop-shadow(0 28px 30px rgba(0,0,0,.55))}
.gal-photo.det .tag{background:rgba(20,22,26,.8);color:#C4C8D0;border:1px solid #2C2F37}
.gal-vig .vg-ph.vg-det.det{background:radial-gradient(60% 60% at 50% 50%,rgba(255,59,63,.2),transparent 72%),#0E0F12}.gal-vig .vg-det.det img{mix-blend-mode:normal}
.gal-vig .vg-det.det+small{color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.vz-c.noir{background:#0E0F12}.vz-c.noir img{object-fit:contain;padding:5%}
/* la visionneuse plein écran */
.vz{position:fixed;inset:0;z-index:200;background:rgba(5,6,8,.92);display:grid;place-items:center;padding:24px}
.vz[hidden]{display:none}
.vz-c{width:min(92vw,92vh);aspect-ratio:1;position:relative;border-radius:18px;overflow:hidden;background:#0b2a50}
.vz-c>*{position:absolute;inset:0;width:100%;height:100%}
.vz-c.blanc{background:#fff}.vz-c.blanc img{object-fit:contain;padding:4%}
.vz-x{position:absolute;right:18px;top:18px;width:48px;height:48px;border-radius:50%;border:1px solid #3A3E48;background:#14161A;color:#fff;display:grid;place-items:center;cursor:pointer}
.vz-x svg{width:20px;height:20px}
/* ── fiche produit : l'achat ── */
.achat-c{margin-left:0;padding:26px 28px}
.ac-haut{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.ac-ca{display:inline-flex;align-items:center;gap:6px;font:700 12px var(--f);color:#fff;background:#2A1416;border:1px solid #4A1C20;border-radius:999px;padding:5px 11px}
.ac-ca .feuille{width:14px;height:14px;color:var(--pr)}
.achat-c h1{font-size:clamp(24px,2.5vw,31px);line-height:1.15;overflow-wrap:anywhere}
.extrait{border:1px solid #2A2D35;border-left:3px solid var(--pr);background:#17191E;border-radius:14px;padding:12px 14px;font-size:14.5px;color:var(--doux-2)}
.extrait p{margin:0}.nw{white-space:nowrap}
.desc-site>:first-child{margin-top:0}.extrait strong{color:#fff;font-weight:700}
.ac-pts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ac-pts span{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border:1px solid #262931;border-radius:14px;padding:12px 8px;font:600 12.5px/1.25 var(--f);background:#121317}
.ac-pts .ico,.ac-pts .feuille{width:20px;height:20px;color:var(--pr)}
.ac-sku{font-size:12px;color:var(--doux)}.ac-sku b{color:var(--doux-2);font-weight:600}
/* ── la description du site ── */
.desc-site{color:var(--doux-2);font-size:15.5px;line-height:1.7}
.desc-site h2{font:800 clamp(20px,2vw,26px)/1.25 var(--fd);color:#fff;margin:4px 0 14px;letter-spacing:-.02em}
.bloc .anat{margin-top:16px}
.desc-site h3{font:700 18px var(--fd);color:#fff;margin:26px 0 6px}
.desc-site strong{color:#fff}
.desc-site ul{padding-left:20px;margin:0 0 6px}.desc-site li{margin:4px 0}
.desc-site p{margin:10px 0}
.desc-site a{color:#FF6A6D}
/* les sections de l'onglet Description se numérotent seules (celles d'un article en cachent deux) */
#pan-desc{counter-reset:sec}#pan-desc>.bloc:not([hidden]){counter-increment:sec}#pan-desc .bloc h2 .n:empty::before{content:counter(sec)}
/* ── l'infographie « le filtre en détail » : l'image sur fond transparent, ses six descriptions ── */
.anat{margin:0;container-type:inline-size}
.anat-sc{position:relative}
.anat-sc::before{content:"";position:absolute;left:50%;top:44%;width:min(70%,560px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,59,63,.2),transparent);pointer-events:none}
.anat-fig{position:relative;margin:0 auto;width:min(100%,430px);aspect-ratio:var(--a)}
.anat-fig img{position:absolute;inset:0;width:100%;height:100%;display:block;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55))}
.anat-p{position:absolute;z-index:2;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--pr);color:#fff;display:grid;place-items:center;
 font:800 12.5px/1 var(--fd);box-shadow:0 0 0 3px #fff,0 8px 18px -4px rgba(255,59,63,.9)}
.anat-p i{font-style:normal}
.anat-l{position:relative;list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
.anat-t{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:11px;align-items:start}
.anat-t em{grid-row:1/3;width:28px;height:28px;border-radius:50%;background:#2A1416;color:var(--pr);display:grid;place-items:center;font:800 13px/1 var(--fd);font-style:normal}
.anat-t b{font:800 15.5px/1.3 var(--fd);color:#FF5A5E;letter-spacing:-.01em}
.anat-t span{color:var(--doux-2);font-size:14px;line-height:1.45}
.anat-tr{display:none}
@container (max-width:479px){.anat-l{grid-template-columns:1fr}}
/* au large : les descriptions de chaque côté, un trait rouge jusqu'au point visé (comme l'image d'origine) */
@container (min-width:760px){
 .anat:not(.anat-gal) .anat-sc{aspect-ratio:2.05/1;--tf:clamp(14px,1.55cqw,20px);--td:clamp(12.5px,1.18cqw,15.5px)}
 .anat:not(.anat-gal) .anat-fig{position:absolute;left:50%;top:2%;height:96%;width:auto;transform:translateX(-50%)}
 .anat:not(.anat-gal) .anat-p{width:16px;height:16px;margin:-8px 0 0 -8px;box-shadow:0 0 0 3px #fff,0 0 0 9px rgba(255,59,63,.28)}
 .anat:not(.anat-gal) .anat-p i{display:none}
 .anat:not(.anat-gal) .anat-l{position:absolute;inset:0;margin:0;display:block}
 .anat:not(.anat-gal) .anat-i{position:absolute;left:0;right:0;top:var(--y);height:0}
 .anat:not(.anat-gal) .anat-t{position:absolute;top:calc(var(--tf) * -.66);width:25%;display:block}
 .anat:not(.anat-gal) .anat-i.g .anat-t{right:75%;text-align:right}
 .anat:not(.anat-gal) .anat-i.d .anat-t{left:75%}
 .anat:not(.anat-gal) .anat-t em{display:none}
 .anat:not(.anat-gal) .anat-t b{display:block;font-size:var(--tf)}
 .anat:not(.anat-gal) .anat-t span{display:block;font-size:var(--td);margin-top:5px}
 .anat:not(.anat-gal) .anat-tr{display:block;position:absolute;top:-1px;height:2px;background:var(--pr);border-radius:2px;transition:height .2s,top .2s}
 .anat:not(.anat-gal) .anat-tr::before{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--pr)}
 .anat:not(.anat-gal) .g .anat-tr::before{left:-3px}.anat:not(.anat-gal) .d .anat-tr::before{right:-3px}
 .anat:not(.anat-gal) .anat-i:hover .anat-tr{height:3px;top:-1.5px}
}
@media (prefers-reduced-motion:no-preference){@container (min-width:760px){.anat:not(.anat-gal) .anat-p::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(255,59,63,.7);animation:anat-p 2.4s ease-out infinite}}}
@keyframes anat-p{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.6);opacity:0}}
/* dans la galerie (un carré) : le filtre en grand, ses pastilles, la liste des titres dessous */
.anat-gal .anat-sc{height:100%;display:flex;flex-direction:column;gap:10px}
.anat-gal .anat-sc::before{top:38%}
.anat-gal .anat-fig{flex:1 1 0;min-height:0;width:auto;max-width:100%;align-self:center}
.anat-gal .anat-l{margin:0;gap:8px 14px;flex:none}
.anat-gal .anat-t{grid-template-columns:24px minmax(0,1fr);column-gap:8px}
.anat-gal .anat-t em{width:24px;height:24px;font-size:11.5px}
.anat-gal .anat-t b{font-size:13px}.anat-gal .anat-t span{font-size:12px;line-height:1.35}
.anat-gal .anat-p{width:22px;height:22px;margin:-11px 0 0 -11px;font-size:11px}
@container (max-width:479px){.anat-gal .anat-l{grid-template-columns:repeat(2,minmax(0,1fr))}.anat-gal .anat-t span{display:none}.anat-gal .anat-t b{font-size:11.5px;line-height:1.25}.anat-gal .anat-t em{grid-row:auto}}
.mes-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.mes-g div{border:1px solid #262931;border-radius:16px;padding:16px;background:#121317}
.mes-g small{display:block;font:700 11px var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--doux)}
.mes-g b{display:block;font:700 22px var(--fd);margin-top:6px;color:#fff;font-variant-numeric:tabular-nums}
.mes-g .mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:19px}
.mes-g span{display:block;color:var(--doux);font-size:13px;margin-top:4px}
@media (max-width:1100px){.fp1{grid-template-columns:1fr}.gal{position:relative;top:auto}.gal-sc{max-height:none;aspect-ratio:4/3}}
@media (max-width:600px){.gal-sc{aspect-ratio:1/1}}
@media (max-width:900px){
 .gal-vig{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.gal-vig small{font-size:8.5px;letter-spacing:.03em;padding-inline:2px}
 .gal-sc{border-radius:20px}.gal-fl{opacity:1;width:40px;height:40px;margin-top:-20px}
 .gal-sc[data-vue=info] .gal-fl{top:30%}
 .gal-leg{max-width:calc(100% - 32px);bottom:12px}.gal-astuce{display:none}.gal-n b{font-size:46px}
 .achat-c{padding:20px}.ac-pts{gap:6px}.ac-pts span{padding:10px 6px;font-size:11.5px}
 .mes-g{grid-template-columns:1fr}.desc-site{font-size:15px}
 .gal-ca ul{display:none}
}

/* ── la description du site, mise en page (m1_desc) ── */
.ds{display:grid;gap:22px}
.ds-tete h2{margin:0}
.ds-faits{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ds-fait{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;border:1px solid #262931;border-radius:18px;padding:16px 18px;margin:0!important;background:linear-gradient(160deg,#17191E,#111216);transition:border-color .2s,transform .2s,box-shadow .2s}
.ds-fait:hover{border-color:#43202A;transform:translateY(-2px);box-shadow:0 18px 30px -22px rgba(255,59,63,.55)}
.ds-ic{width:44px;height:44px;border-radius:13px;background:#2A1416;color:var(--pr);display:grid;place-items:center}.ds-ic svg{width:22px;height:22px}
.ds-fx{display:grid;gap:10px;min-width:0}
.ds-tx{color:#fff;font-size:15px;line-height:1.45}
.ds-boite{display:flex;gap:4px;flex-wrap:wrap}.ds-boite i{width:8px;height:24px;border-radius:2px;background:linear-gradient(90deg,#d9dee4,#fff 40%,#e9edf1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);animation:ds-pop .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 45ms)}
@keyframes ds-pop{from{transform:translateY(8px);opacity:0}}
.ds-reg{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ds-seg{display:inline-flex;background:#0B0C0F;border:1px solid #2C2F37;border-radius:999px;padding:3px}
.ds-seg button,.da-seg button{border:0;background:transparent;color:var(--doux-2);font:700 12px var(--f);padding:6px 12px;border-radius:999px;cursor:pointer;min-height:0;transition:background .2s,color .2s}
.ds-seg button[aria-pressed="true"],.da-seg button[aria-pressed="true"]{background:#fff;color:#0B0C0F}
.ds-val{font:600 14px 'IBM Plex Mono',ui-monospace,monospace;color:#fff;letter-spacing:-.01em}
.ds-copier{display:inline-flex;align-items:center;gap:6px;border:1px solid #2C2F37;background:transparent;color:var(--doux-2);font:600 12px var(--f);border-radius:999px;padding:6px 11px;cursor:pointer;min-height:0}
.ds-copier svg{width:14px;height:14px}.ds-copier:hover{color:#fff;border-color:#4A4E58}.ds-copier.ok{color:var(--vert);border-color:rgba(61,220,132,.45)}
.ds-lien{display:inline-flex;align-items:center;gap:6px;color:#FF6A6D;font:700 13.5px var(--f);text-decoration:none;justify-self:start}.ds-lien svg{width:16px;height:16px;transition:transform .2s}.ds-lien:hover svg{transform:translateX(3px)}
.ds-stock{display:inline-flex;align-items:center;gap:8px;font:700 12.5px var(--f);color:var(--vert)}.ds-stock i{width:8px;height:8px;border-radius:50%;background:var(--vert);animation:ds-pouls 1.8s infinite}
@keyframes ds-pouls{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}70%,100%{box-shadow:0 0 0 9px rgba(61,220,132,0)}}
.ds-corps{display:block}
.ds-chaps{display:grid;gap:16px}
.ds-c{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;border:1px solid #23262D;border-radius:22px;padding:26px 28px;background:#111216;scroll-margin-top:170px;overflow:hidden;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1),border-color .3s}
.ds-anim .ds-c:not(.vu){opacity:0;transform:translateY(14px)}.ds-c:hover{border-color:#30333B}
.ds-c.a-vis{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start}
.ds-num{display:block;font:800 46px/1 var(--fd);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px #454954;margin-bottom:8px}
.ds-c h3{margin:0 0 10px!important;font-size:22px!important}
.ds-c p{margin:0;max-width:66ch}
.c-imp{border-color:rgba(255,198,41,.32);background:linear-gradient(135deg,rgba(255,198,41,.09),#111216 55%)}
.c-imp .ds-num{-webkit-text-stroke-color:rgba(255,198,41,.55)}.c-imp h3 strong{color:var(--ac)}
.ds-alerte{position:absolute;right:22px;top:22px;width:40px;height:40px;border-radius:12px;background:rgba(255,198,41,.12);color:var(--ac);display:grid;place-items:center}.ds-alerte svg{width:20px;height:20px}
.c-imp.a-vis .ds-alerte{display:none}
.ds-v{border:1px solid #23262D;border-radius:18px;background:#0B0C0F;padding:18px;min-width:0}
.sv-t{font:600 11px var(--f);fill:var(--doux-2);letter-spacing:.02em}.sv-air{font-weight:800;fill:#FF6A6D;letter-spacing:.14em}
/* l'échelle MERV */
.dm-tete{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.dm-k,.ds-act-k{font:700 11px var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--doux)}
.dm-out{font:700 13px var(--f);color:var(--doux-2)}.dm-out b{font:800 30px var(--fd);color:#fff;letter-spacing:-.03em;margin-left:4px}
.dm-regle{position:relative;height:64px;margin:0 12px}
.dm-barre{position:absolute;left:0;right:0;top:30px;height:10px;border-radius:999px;background:linear-gradient(90deg,#2C2F37,#5b2a30 38%,#FF3B3F 72%,#FF8A5B)}
.dm-barre i{position:absolute;top:2px;width:2px;height:6px;margin-left:-1px;background:rgba(255,255,255,.35);border-radius:1px}
.dm-t{position:absolute;top:46px;transform:translateX(-50%);font:600 10.5px 'IBM Plex Mono',ui-monospace,monospace;color:var(--doux)}
.dm-nous{position:absolute;top:0;transform:translateX(-50%);font:800 10px var(--f);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--pr);border-radius:999px;padding:4px 8px;white-space:nowrap}
.dm-nous::after{content:"";position:absolute;left:50%;bottom:-4px;margin-left:-4px;border:4px solid transparent;border-bottom:0;border-top-color:var(--pr)}
.dm-r{position:absolute;left:-12px;right:-12px;top:23px;width:calc(100% + 24px);height:24px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.dm-r::-webkit-slider-runnable-track{height:24px;background:transparent}.dm-r::-moz-range-track{height:24px;background:transparent}
.dm-r::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 4px rgba(255,59,63,.55),0 6px 14px rgba(0,0,0,.5)}
.dm-r::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 4px rgba(255,59,63,.55),0 6px 14px rgba(0,0,0,.5)}
.dm-r:focus-visible{outline:none}.dm-r:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--pr)}
.dm-parts{list-style:none;margin:12px 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dm-parts li{margin:0!important;display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 10px;align-items:center;border:1px solid #23262D;border-radius:14px;padding:10px 12px;opacity:.5;transition:opacity .25s,border-color .25s,background .25s}
.dm-parts li.pris{opacity:1;border-color:rgba(255,59,63,.45);background:rgba(255,59,63,.07)}
.dm-pt{justify-self:center;width:var(--t);height:var(--t);border-radius:50%;background:radial-gradient(circle at 35% 35%,#e3c18f,#8a6a3e)}
.dm-pl b{display:block;font:700 12.5px var(--f);color:#fff}.dm-pl small{display:block;font-size:11.5px;line-height:1.3;color:var(--doux)}
.dm-etat{grid-column:2;font:800 10px var(--f);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}.pris .dm-etat{color:#FF6A6D}
.dm-txt{margin:12px 0 0!important;font-size:13.5px;line-height:1.5;color:var(--doux-2)}
.dm-retour{margin-top:10px;border:1px solid #2C2F37;background:transparent;color:#FF6A6D;font:700 12.5px var(--f);border-radius:999px;padding:6px 12px;cursor:pointer;min-height:0}
/* la fabrication en couches */
.df-svg{display:block;width:100%;height:auto}
.df-l{transition:opacity .4s,filter .4s}
.ds-fab[data-etape="1"] .l-cadre,.ds-fab[data-etape="2"] .l-media,.ds-fab[data-etape="2"] .l-grille,.ds-fab[data-etape="3"] .l-cadre,.ds-fab[data-etape="3"] .l-media,.ds-fab[data-etape="3"] .l-grille{opacity:.3}
.ds-fab .l-joint{opacity:0}.ds-fab[data-etape="3"] .l-joint{opacity:1;filter:drop-shadow(0 0 6px rgba(255,59,63,.8))}
.ds-fab[data-etape="1"] .l-media,.ds-fab[data-etape="1"] .l-grille,.ds-fab[data-etape="2"] .l-cadre{filter:drop-shadow(0 0 12px rgba(255,59,63,.55))}
.df-etapes{list-style:none;margin:10px 0 0!important;padding:0!important;display:grid;gap:6px}.df-etapes li{margin:0!important}
.df-etapes button{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:1px solid #23262D;border-radius:13px;background:transparent;color:var(--doux-2);padding:9px 11px;cursor:pointer;font:600 13.5px/1.3 var(--f);min-height:0;transition:border-color .25s,background .25s,color .25s}
.df-etapes b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1C1F25;color:var(--doux);font:800 12.5px var(--fd);transition:background .25s,color .25s}
.df-etapes small{display:block;font-size:12px;color:var(--doux);font-weight:500}
.df-etapes button[aria-pressed="true"]{border-color:rgba(255,59,63,.5);background:rgba(255,59,63,.07);color:#fff}.df-etapes button[aria-pressed="true"] b{background:var(--pr);color:#fff}
/* changé à temps ou négligé */
.da-seg{display:flex;background:#111216;border:1px solid #2C2F37;border-radius:999px;padding:3px;margin-bottom:12px}.da-seg button{flex:1 1 0}
.da-svg{display:block;width:100%;height:auto}
.da-filtre{fill:#f1f4f7;stroke:#9fb0c2;transition:fill .5s}.ds-av[data-mode="neglige"] .da-filtre{fill:#7d6a50;stroke:#5c4c38}
.da-four{fill:#1C1F25;stroke:#3A3E48}
.da-depot{fill:#8a6a3e;opacity:0;transition:opacity .8s}.ds-av[data-mode="neglige"] .da-depot{opacity:.95}
.da-pris{fill:#a07e4c;transition:opacity .5s}
.da-p circle{fill:#d9b680;animation:da-va 3.2s linear infinite;animation-delay:var(--d)}
.pa circle{animation-name:da-arret}
@keyframes da-va{0%{transform:translateX(0);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateX(var(--dx));opacity:0}}
@keyframes da-arret{0%{transform:translateX(0);opacity:0}8%{opacity:1}70%{transform:translateX(var(--dx));opacity:1}100%{transform:translateX(var(--dx));opacity:0}}
.ds-av[data-mode="bon"] .pb,.ds-av[data-mode="neglige"] .pa{display:none}
.da-air{animation:da-air 1.2s linear infinite}@keyframes da-air{to{stroke-dashoffset:-16}}
.da-txt{margin:10px 0 0!important;font-size:13.5px;line-height:1.5;color:var(--doux-2);min-height:3em}
/* important : les gestes */
.ds-act{display:grid;gap:10px;border-color:rgba(255,198,41,.25)!important}
.ds-act p{margin:0!important;color:var(--doux-2);font-size:14px}
.ds-act-b{display:flex;gap:8px;flex-wrap:wrap}.ds-act-b .btn{color:#fff;text-decoration:none}.ds-act-b .btn{min-height:42px;font-size:14px;box-shadow:none}.ds-act-b .btn svg{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){.ds-c{opacity:1;transform:none;transition:none}.da-p circle,.da-air,.ds-stock i,.ds-boite i{animation:none}.da-p circle{opacity:1}}
@media (max-width:1100px){.ds-c.a-vis{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.ds-faits{grid-template-columns:minmax(0,1fr)}
 .sv-t{font-size:14px}.ds-c{padding:20px}.ds-num{font-size:38px}.ds-c h3{font-size:20px!important}.ds-alerte{right:16px;top:16px}.ds-v{padding:14px}}
@media (max-width:420px){.dm-parts{grid-template-columns:minmax(0,1fr)}}

/* ── les articles (m1_articles) : scènes, cartes, illustrations ── */
.ax{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;isolation:isolate;--g:255,59,63}
.ax-eau{--g:79,195,247}.ax-glace{--g:155,231,255}.ax-chaud{--g:255,138,91}.ax-citron{--g:198,242,90}
.ax::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(58% 52% at 50% 52%,rgba(var(--g),.28),transparent 72%),radial-gradient(60% 30% at 50% 94%,rgba(255,255,255,.05),transparent 70%),#0E0F12}
.ax>[data-f3d]{position:absolute;inset:0}
.gx-eau{background:radial-gradient(60% 55% at 50% 52%,rgba(79,195,247,.2),transparent 72%),#0E0F12}
.gal-vig .vg-eau3{background:radial-gradient(70% 70% at 50% 45%,rgba(79,195,247,.22),transparent 75%),#0e1116}
.ax>img{max-width:78%;max-height:78%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.6));transition:transform .35s ease}
.prod:hover .ax>img{transform:scale(1.05) translateY(-2px)}
.ax-deco{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55}
.ax-eau .ax-deco{background:radial-gradient(circle at 18% 28%,rgba(var(--g),.55) 0 2.5px,transparent 3px),radial-gradient(circle at 82% 22%,rgba(var(--g),.45) 0 2px,transparent 2.5px),radial-gradient(circle at 76% 76%,rgba(var(--g),.5) 0 3px,transparent 3.5px),radial-gradient(circle at 24% 80%,rgba(var(--g),.35) 0 2px,transparent 2.5px)}
.ax-glace .ax-deco{background:radial-gradient(circle at 14% 22%,#fff 0 1.6px,transparent 2px),radial-gradient(circle at 34% 12%,#fff 0 1.2px,transparent 1.6px),radial-gradient(circle at 70% 18%,#fff 0 1.8px,transparent 2.2px),radial-gradient(circle at 88% 40%,#fff 0 1.2px,transparent 1.6px),radial-gradient(circle at 20% 64%,#fff 0 1.2px,transparent 1.6px),radial-gradient(circle at 84% 78%,#fff 0 1.6px,transparent 2px);opacity:.5}
.ax-chaud .ax-deco{background:conic-gradient(from 210deg at 50% 52%,transparent 0 40deg,rgba(var(--g),.18) 60deg,transparent 120deg,rgba(79,195,247,.14) 220deg,transparent 260deg)}
.ax-citron .ax-deco{background:radial-gradient(circle at 20% 70%,rgba(var(--g),.35) 0 9px,transparent 10px),radial-gradient(circle at 80% 30%,rgba(var(--g),.3) 0 6px,transparent 7px)}
.ax-grand>img{max-width:72%;max-height:74%}
.ax-bulles .ax-b{position:absolute;bottom:-30px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;z-index:0;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),rgba(var(--g),.35) 60%,rgba(var(--g),.1));
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);animation:axBulle 6s linear var(--d) infinite}
@keyframes axBulle{0%{transform:translateY(0) scale(.7);opacity:0}12%{opacity:.9}100%{transform:translateY(-460px) scale(1.1);opacity:0}}
/* cartes */
.prod-x .img{position:relative;padding:0}
.prod-x .img .ax{position:absolute;inset:0;border-radius:inherit}
.prod .img .ax>img,.ax>img{position:absolute;left:11%;top:11%;width:78%;height:78%;max-width:none;max-height:none;object-fit:contain;mix-blend-mode:normal}
.ax-grand>img,.prod .img .ax-grand>img{left:13%;top:12%;width:74%;height:74%}
.gal-vig .vg.ax>img{left:9%;top:9%;width:82%;height:82%}
.prod-c5 .img{background:radial-gradient(60% 60% at 50% 55%,rgba(var(--g,255,198,41),.24),transparent 70%),#0E0F12}
.prod-1056 .img{--g:255,198,41}.prod-honeywell .img{--g:255,77,82}.prod-wr .img{--g:110,155,255}
.prod .reel{font-size:12px;color:var(--doux);margin-top:-4px}
.cx-merv{position:absolute;top:22px;right:22px;z-index:2;font:800 11px var(--f);letter-spacing:.04em;padding:4px 9px;border-radius:999px;background:var(--c);color:#14161B}
.prod-x .rab+.cx-merv{top:22px}
.prod-x.ax-ok{border-color:#4FC3F7;box-shadow:0 0 0 2px rgba(79,195,247,.5),0 20px 40px -20px rgba(79,195,247,.55)}
.prod-x.ax-pale{opacity:.35}
/* galerie de la fiche : les scènes et illustrations */
.gx{background:#0E0F12}
.gx-photo .ax{position:absolute;inset:0}
.gx-c{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:7% 8% 70px}
.gx-c .oeil{margin:0}
.gx-c p{margin:0;color:var(--doux-2);font-size:15px;line-height:1.55;max-width:520px}
.gx-c .ill{width:100%;height:auto;max-height:62%}
.gx-neige{background:linear-gradient(180deg,#0B1828,#0E1218)}.gx-neige .ill{position:absolute;left:3%;top:4%;width:94%;height:calc(100% - 84px)}
.ax>.sn{position:absolute;inset:0;width:100%;height:100%}
.gx-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gx-2>div{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:18px;background:#15171B;border:1px solid #23262D}
.gx-2 span{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(155,231,255,.12);color:#9BE7FF}.gx-2 span .ico{width:28px;height:28px}
.gx-2 b{font:700 20px var(--fd);color:#fff}.gx-2 small{color:var(--doux-2);font-size:13.5px}
.gx-5{display:flex;align-items:center;gap:10px;color:#fff!important;font-weight:600}.gx-5 .ico{width:22px;height:22px;color:#9BE7FF}
.gx-mes-c .mx{max-height:70%}
.mx-f{fill:#1A1D23;stroke:#6B7280;stroke-width:1.5}.mx-s{fill:#22262D}.mx-p{stroke:#2E333B;stroke-width:1}
.mx-c{stroke:#FF6A6D;stroke-width:1.5}.mx-t{fill:#fff;font:700 14px 'IBM Plex Mono',monospace}.mx-l{fill:#6B7280;font:700 10px var(--f);letter-spacing:.14em}
.gx-mes-c p b{color:#fff}
.px-bande{display:flex;align-items:center;gap:16px;max-width:460px;padding:18px 20px 18px 0;border-radius:14px;background:linear-gradient(180deg,#FBF9F4,#ECE7DC);color:#1B2433;box-shadow:0 20px 40px -18px #000;overflow:hidden}
.px-m{align-self:stretch;width:14px;background:var(--acc)}
.px-tx{display:flex;flex-direction:column;gap:4px}.px-tx b{font:700 28px/1 'IBM Plex Mono',monospace;letter-spacing:.02em;padding:4px 8px;margin:-4px -8px;border-radius:8px;box-shadow:0 0 0 2px var(--pr)}
.px-tx small{font:600 12px 'IBM Plex Mono',monospace;color:#5A6474;letter-spacing:.06em}
.px-bande em{margin-left:auto;font:700 12px 'IBM Plex Mono',monospace;font-style:normal;color:var(--acc)}
.px-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:520px}
.px-l li{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:#15171B;border:1px solid #23262D}.px-l span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}.px-l b{color:#fff;font-size:14px}
[data-hu-compat]{flex:0 1 auto;min-height:0;overflow:auto;scrollbar-width:thin}
.hu-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hu-l li{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;background:#121A22;border:1px solid #1F3242}
.hu-l b{font:700 15px var(--fd);color:#fff}.hu-l span{display:flex;flex-wrap:wrap;gap:5px}.hu-l i{font:600 12.5px 'IBM Plex Mono',monospace;font-style:normal;padding:3px 8px;border-radius:7px;background:rgba(79,195,247,.12);color:#9BDCF8}
.gx-vide{color:var(--doux-2)}
.gx-ess .ax-atouts{grid-template-columns:1fr}
.gal-vig .vg-ic{display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 40%,#2a1416,#121317);color:#FF6A6D}.gal-vig .vg-ic .ico{width:40%;height:40%}
.gal-vig .vg-eau{background:radial-gradient(70% 70% at 50% 40%,#0f2a3a,#0e1318);color:#4FC3F7}.gal-vig .vg-glace{background:radial-gradient(70% 70% at 50% 40%,#132a3a,#0e1318);color:#9BE7FF}
.gal-vig .vg-chaud{background:radial-gradient(70% 70% at 50% 40%,#3a2214,#121317);color:#FF8A5B}.gal-vig .vg-citron{background:radial-gradient(70% 70% at 50% 40%,#25300f,#121317);color:#C6F25A}
.gal-vig .vg.ax{position:absolute;inset:0}.gal-vig .vg.ax>img{max-width:82%;max-height:82%;filter:drop-shadow(0 6px 8px rgba(0,0,0,.6))}
/* les illustrations */
.ill{display:block}.ill-t{fill:var(--doux-2);font:600 12px var(--f)}.ill-c{fill:#FF8A5B}.ill-e{fill:#9BDCF8}.ill-n{fill:#C6F25A;font-weight:800}
.ill-fl{stroke:var(--doux-2);stroke-width:1.5;fill:none}
.hm-four{fill:#1A1D23;stroke:#3A3E48;stroke-width:1.5}.hm-flamme{fill:none;stroke:#FF8A5B;stroke-width:3;stroke-linecap:round}
.hm-chaud{stroke:#FF8A5B;stroke-width:3;stroke-dasharray:8 10;animation:illFlux 1.4s linear infinite}
.hm-humide{stroke:#4FC3F7;stroke-width:3;stroke-dasharray:8 10;animation:illFlux 1.4s linear infinite}
@keyframes illFlux{to{stroke-dashoffset:-36}}
.hm-eau{stroke:#4FC3F7;stroke-width:4;stroke-linecap:round}
.hm-g{fill:#4FC3F7;animation:illGoutte 1.6s ease-in var(--d) infinite}
@keyframes illGoutte{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(34px);opacity:0}}
.hm-tampon{fill:rgba(79,195,247,.16);stroke:#4FC3F7;stroke-width:1.5}.hm-maille path{stroke:rgba(155,220,248,.35);stroke-width:2}
.hm-v{fill:rgba(155,220,248,.8);animation:illVapeur 2.4s ease-out var(--d) infinite}
@keyframes illVapeur{0%{transform:translate(0,0);opacity:0}30%{opacity:1}100%{transform:translate(40px,-14px);opacity:0}}
.hm-maison{fill:none;stroke:#9BDCF8;stroke-width:2;stroke-linejoin:round}
.hy-arc{fill:none;stroke:#23262D;stroke-width:14;stroke-linecap:round}.hy-zone{fill:none;stroke:#4FC3F7;stroke-width:14}
.hy-crans path{stroke:#5F6573;stroke-width:1.5}.hy-aig{stroke:#fff;stroke-width:3;stroke-linecap:round}.hy-pivot{fill:#4FC3F7}
.hy-v{fill:#fff;font:800 20px var(--fd)}
.mi-t{fill:rgba(79,195,247,.14);stroke:#4FC3F7;stroke-width:1.5}.mi-sale{fill:rgba(200,190,160,.12);stroke:#C9BFA0}.mi-m path{stroke:rgba(155,220,248,.3);stroke-width:2}
.mi-c{fill:#E9E2CC;opacity:.75}.mi-fl{fill:none;stroke:var(--doux);stroke-width:2;stroke-linecap:round}
.sn{background:linear-gradient(180deg,#0B1828,#101722 70%,#0E1218)}
.sn-mur{fill:#151E2A}.sn-bard{stroke:#1C2735;stroke-width:2}
.sn-toit{fill:#0D141D}.sn-neige{fill:#EAF6FF}.sn-gl{fill:#CFEFFF;opacity:.9}
.sn-f{fill:#fff;animation:illNeige var(--t) linear var(--d) infinite}
@keyframes illNeige{0%{transform:translate(0,0);opacity:0}10%{opacity:1}100%{transform:translate(var(--x),300px);opacity:.2}}
.sn-bloc{fill:#CFEFFF;animation:illBloc 3.6s ease-in infinite}
@keyframes illBloc{0%{transform:translate(0,0) rotate(0);opacity:0}10%{opacity:1}55%{transform:translate(96px,28px) rotate(30deg);opacity:1}100%{transform:translate(236px,40px) rotate(80deg);opacity:0}}
.sn-unite{fill:#20252C;stroke:#3A3F48;stroke-width:1.5}.sn-lame{stroke:#2C3139;stroke-width:3}.sn-grille{fill:#14171C;stroke:#3A3F48;stroke-width:1.5}
.sn-patte{fill:none;stroke:#3E434C;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.sn-patte-d{stroke:#2C3038;stroke-width:7}
.sn-dessous{fill:#1E2127}.sn-guard{fill:#3A3F48;stroke:#51565F;stroke-width:1.5}.sn-nervure{fill:none;stroke:#2A2E35;stroke-width:3;stroke-linecap:round}
.sn-tas{fill:#F2FAFF}
.sn-sol{stroke:#2A3440;stroke-width:2}.sn-congere{fill:none;stroke:#EAF6FF;stroke-width:7;stroke-linecap:round;opacity:.75}
.sn-carte .sn-f{animation-duration:calc(var(--t) * .8)}
.d26-unite{fill:#1A1D23;stroke:#3A3E48;stroke-width:1.5}.d26-grille{fill:none;stroke:#3A3E48;stroke-width:2}
.d26-guard{fill:rgba(155,231,255,.1);stroke:#9BE7FF;stroke-width:2;stroke-dasharray:6 6}.d26-cote{fill:none;stroke:#FF6A6D;stroke-width:1.8}.d26-v{fill:#fff;font:800 20px var(--fd)}
.mo-s{fill:#1A1D23;stroke:#3A3E48;stroke-width:1.5}.mo-ail path{stroke:#4A4F59;stroke-width:2}.mo-can{fill:#2E7D32;stroke:#C6F25A;stroke-width:1.5}
.mo-jet{stroke:#C6F25A;stroke-width:2.5;stroke-dasharray:4 6;animation:illFlux 1s linear infinite}
.mo-b{fill:rgba(255,255,255,.88);stroke:rgba(198,242,90,.6);animation:illMousse 2.4s ease-in-out var(--d) infinite alternate}
@keyframes illMousse{to{transform:scale(1.15) translateY(-2px)}}
.mo-gt{fill:#C6F25A;animation:illGoutte 1.6s ease-in var(--d) infinite}
@media (prefers-reduced-motion:reduce){.hm-chaud,.hm-humide,.hm-g,.hm-v,.sn-f,.sn-bloc,.sn-pales,.mo-jet,.mo-b,.mo-gt,.ax-bulles .ax-b{animation:none}}
/* les descriptions des articles */
.ax-ds .ax-tete h2,.ax-ds .ax-tete h3,.ax-ds .ax-tete strong{font:700 clamp(22px,2.4vw,30px)/1.2 var(--fd);letter-spacing:-.02em;color:#fff;margin:0}
.ax-tete{margin-bottom:6px}
.ax-ds>p,.ax-ds>.ax-lead,.ax-ds>.ax-p2{margin:0}
.ax-lead{font-size:17px;line-height:1.6;color:#E7E9EE;max-width:900px}
.ax-p2{color:var(--doux-2);max-width:900px}
.ax-ill .hy{max-width:300px}.ax-ill .mi{max-width:400px}.ax-ill .d26{max-width:320px}
.ax-c .ds-c-tx>h3{font:700 19px var(--fd);margin:0 0 8px}
.ax-v{display:grid;place-items:center}
.ax-ill{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:14px;border-radius:18px;background:radial-gradient(70% 80% at 50% 40%,rgba(var(--ag,79,195,247),.1),transparent 70%),#101216;border:1px solid #1E2127}
.ax-ill .ill{width:100%;max-width:520px;height:auto}
.ax-ill-t{margin:0;font-size:13px;color:var(--doux-2);text-align:center}
.ax-ill-l{margin:6px 0 22px}
.ax-glace{--ag:155,231,255}.ax-chaud{--ag:255,138,91}.ax-citron{--ag:198,242,90}.ax-eau{--ag:79,195,247}
.ax-agion,.ax-alu{text-align:center;padding:26px 18px}
.ax-sceau{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;font:800 20px var(--fd);color:#0E0F12;background:radial-gradient(circle at 35% 30%,#E0F7FF,#4FC3F7);box-shadow:0 0 0 6px rgba(79,195,247,.15),0 0 0 14px rgba(79,195,247,.07)}
.ax-maille{width:150px;height:96px;border-radius:12px;background:repeating-linear-gradient(60deg,transparent 0 9px,rgba(200,215,230,.55) 9px 11px),repeating-linear-gradient(-60deg,transparent 0 9px,rgba(200,215,230,.55) 9px 11px),linear-gradient(135deg,#3a4552,#20262e)}
.ax-agion b,.ax-alu b{color:#fff;font:700 16px var(--fd)}.ax-agion small,.ax-alu small{color:var(--doux-2);font-size:13px;max-width:240px}
.ax-bas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;margin-top:14px}
.ax-spec,.ax-att{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:#14161A;border:1px solid #262931}
.ax-spec p,.ax-att p{margin:0}
.ax-spec-i{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(79,195,247,.12);color:#4FC3F7}.ax-spec-i .ico{width:22px;height:22px}
.ax-att{background:linear-gradient(180deg,#1E1A12,#14161A);border-color:#3A3020}.ax-att .ds-alerte{color:#FFC629}
.ax-compat,.ax-liste{margin-top:16px;padding:18px;border-radius:20px;background:#121A22;border:1px solid #1F3242}
.ax-compat-t{margin:0 0 12px;color:#fff}
.ax-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ax-chips li{padding:8px 12px;border-radius:12px;background:rgba(79,195,247,.1);border:1px solid rgba(79,195,247,.25);color:#D6F1FD;font-size:14px}
.ax-liste{background:#121A22}
.ax-h{font:700 20px var(--fd);margin:26px 0 12px;color:#fff}
.ax-atouts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px}
.ax-atouts li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#14161A;border:1px solid #262931}
.ax-ai{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(var(--ag,255,59,63),.12);color:rgb(var(--ag,255,106,109))}.ax-ai .ico{width:20px;height:20px}
.ax-at{color:var(--doux-2);font-size:14.5px;line-height:1.5}.ax-at b{color:#fff}.ax-at i{font-style:normal;color:var(--doux)}
.ax-forts{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.ax-atouts-1{grid-template-columns:1fr!important;gap:8px}.ax-atouts-1 li{padding:10px 12px}
.ax-tab{border:1px solid #262931;border-radius:16px;overflow:hidden}
.ax-tab table{width:100%;border-collapse:collapse;font-size:14px}.ax-tab th,.ax-tab td{text-align:left;padding:10px 14px;border-bottom:1px solid #1E2127;vertical-align:top}
.ax-tab th{width:34%;color:var(--doux);font-weight:600;background:#14161A}.ax-tab th strong{font-weight:600}.ax-tab td{color:#E7E9EE}
.ax-tab tr:last-child th,.ax-tab tr:last-child td{border-bottom:0}
.ax-video{display:flex;gap:14px;align-items:center;margin-top:16px;padding:14px 16px;border-radius:16px;background:#14161A;border:1px solid #262931;text-decoration:none;color:#fff}
.ax-video .ico{width:36px;height:36px;color:#C6F25A}.ax-video span{display:flex;flex-direction:column}.ax-video small{color:var(--doux);font-size:12.5px;overflow-wrap:anywhere}
/* la page Accessoires */
.ax-page{padding-bottom:10px}
.ax-sec{padding-block:44px;scroll-margin-top:calc(var(--vx-h,0px) + 84px)}
.ax-sec+.ax-sec{border-top:1px solid #1A1C21}
.ax-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:26px;align-items:center;padding:30px;border-radius:28px;border:1px solid #1F2228;margin-bottom:22px;
 background:radial-gradient(70% 90% at 80% 40%,rgba(var(--ag),.16),transparent 70%),#0F1114}
.ax-hero-t h2{font-size:clamp(26px,3vw,40px);line-height:1.08;margin:8px 0 12px}
.ax-hero-t p,.ax-hero-t .pn-site{color:var(--doux-2);font-size:15px}
.ax-hero-t .pn-site p{margin:0 0 8px}
.ax-hero-v .ill{width:100%;height:auto}
.ax-faits{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ax-faits li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(var(--ag),.08);border:1px solid rgba(var(--ag),.22);color:var(--doux-2);font-size:13.5px}
.ax-faits .ico{width:22px;height:22px;color:rgb(var(--ag))}.ax-faits b{color:#fff}
.ax-act{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.ax-px{font:800 22px var(--fd);color:#fff}
.ax-hero-neige{background:radial-gradient(70% 90% at 80% 30%,rgba(155,231,255,.14),transparent 70%),linear-gradient(180deg,#0B1622,#0F1114)}
.ax-hero-nc{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.ax-nc-v{height:420px;border-radius:22px;overflow:hidden}.ax-nc-v .ax{border-radius:22px}
.ax-trouve{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;padding:16px 18px;border-radius:20px;background:#121A22;border:1px solid #1F3242;margin-bottom:18px}
.ax-trouve .cherche{flex:1 1 360px;min-width:0}
.ax-trouve-r{margin:0;flex:1 1 300px;color:var(--doux-2);font-size:14px}.ax-trouve-r b{color:#9BDCF8}
.ax-chips-nav a{gap:8px}.ax-pt{width:9px;height:9px;border-radius:50%;background:rgb(var(--g))}
.ax-collage{position:relative;width:100%;height:100%;min-height:200px}
.ax-collage .ax{position:absolute;width:auto;height:auto;border-radius:20px;border:1px solid #23262D;box-shadow:0 24px 40px -22px #000}.ax-collage .ax::before{border-radius:20px}
.ax-c1{inset:4% 30% 12% 0;z-index:2}.ax-c2{inset:50% 0 0 58%;z-index:3}.ax-c3{inset:0 0 54% 74%;z-index:3}
.ax-collage .ax>img{max-width:84%;max-height:80%}
.ax-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ax-th{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--rc);border:1px solid #23262D;background:linear-gradient(180deg,#17191E,#111216)}
.ax-th-i{display:block;height:230px;border-radius:16px;overflow:hidden}
.ax-th h3{font-size:19px;margin:0}.ax-th h3 a{text-decoration:none}.ax-th .fmt{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--doux)}
.ax-th-px b{font:800 22px var(--fd)}
.ax-th ul{list-style:none;margin:4px 0 6px;padding:0;display:flex;flex-direction:column;gap:7px}
.ax-th li{display:flex;gap:9px;font-size:13.5px;color:var(--doux-2);line-height:1.45}.ax-th li .ico{flex:none;width:16px;height:16px;margin-top:2px;color:#FF8A5B}
.ax-th .btn{margin-top:auto;min-height:44px;font-size:14px}
.ax-pour{margin-top:22px}.ax-pour-t{margin-bottom:12px}.ax-pour-t h3{margin:4px 0 0;font-size:20px}
/* la page Filtres 5 po */
.c5-trio{position:relative;width:100%;height:100%;min-height:220px}
.c5-t{position:absolute;top:0;bottom:0;width:48%}.c5-t>[data-f3d]{position:absolute;inset:0}
.c5-t-honeywell{left:0;top:-4%;z-index:1;filter:brightness(.82)}.c5-t-wr{right:0;top:-4%;z-index:1;filter:brightness(.82)}.c5-t-1056{left:26%;top:6%;z-index:3}
.c5-fams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.c5-fam{display:flex;flex-direction:column;border-radius:var(--rc);border:1px solid #23262D;overflow:hidden;background:#14161A}
.c5-fam-v{position:relative;height:220px;background:radial-gradient(60% 60% at 50% 55%,color-mix(in srgb,var(--c) 30%,transparent),transparent 72%),#0E0F12}
.c5-fam-v>[data-f3d]{position:absolute;inset:0}
.c5-fam-t{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}.c5-fam-t h3{margin:0;font-size:20px}.c5-fam-t p{margin:0;color:var(--doux-2);font-size:14px}
.c5-fam-t small{font:600 12px 'IBM Plex Mono',monospace;color:var(--doux)}.c5-fam-t .oeil{color:var(--c)}
@media (max-width:900px){
 .ax-hero,.ax-hero-nc{grid-template-columns:1fr;padding:20px;gap:18px}.ax-nc-v{height:300px}
 .ax-trio,.c5-fams{grid-template-columns:1fr}
 .gx-c{padding:6% 6% 66px;gap:12px}.gx-c p{font-size:13.5px}.px-tx b{font-size:22px}.gx-2{grid-template-columns:1fr}
 .ax-collage{min-height:180px}
}

/* ── la recherche du site ── */
.tete .rech{position:relative}
.rq{position:absolute;left:0;top:calc(100% + 10px);width:max(100%,600px);max-width:min(720px,calc(100vw - 32px));z-index:95;background:#121317;border:1px solid #2A2D35;border-radius:20px;
 box-shadow:0 30px 70px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,59,63,.06);padding:10px;max-height:min(70vh,640px);overflow:auto;overscroll-behavior:contain;text-align:left;color:var(--encre)}
.rq[hidden]{display:none}
.rq-g{padding:4px 0 6px}.rq-g+.rq-g{border-top:1px solid #20232A;margin-top:4px;padding-top:8px}
.rq-h{display:flex;justify-content:space-between;align-items:baseline;font:700 10.5px var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--doux);padding:4px 10px 6px}
.rq-h a{font:600 12px var(--f);letter-spacing:0;text-transform:none;color:#FF6A6D;text-decoration:none}
.rq a.rq-r{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px;border-radius:12px;text-decoration:none;color:inherit;min-height:52px}
.rq a.rq-r:hover,.rq a.rq-r.on{background:#1C1E24}
.rq a.rq-r.on{box-shadow:inset 3px 0 0 var(--pr)}
.rq-v{width:44px;height:44px;border-radius:11px;background:#0B0C0F;border:1px solid #23262D;display:grid;place-items:center;overflow:hidden;color:#C4C8D0}
.rq-v img{width:100%;height:100%;object-fit:contain;padding:3px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.rq-v svg.ico{width:20px;height:20px}
.rq-v .rq-ep{font:800 15px/1 var(--fd);color:#fff}.rq-v .rq-ep small{font-size:9px;font-weight:600;color:var(--doux);display:block;text-align:center;margin-top:2px;letter-spacing:.06em}
.rq-t{min-width:0}.rq-t b{display:block;font:600 14px/1.3 var(--f);overflow-wrap:anywhere}.rq-t span{display:block;font-size:12.5px;color:var(--doux);margin-top:2px;overflow-wrap:anywhere}
.rq-t mark{background:none;color:#FF8A8C;font-weight:800}
.rq-p{font:700 14px var(--fd);white-space:nowrap;text-align:right}.rq-p small{display:block;font:600 10.5px var(--f);color:var(--vert);letter-spacing:.04em}
.rq-badge{display:inline-block;font:700 10px var(--f);letter-spacing:.06em;color:#0B0C0F;background:#FFC629;border-radius:5px;padding:1px 6px;margin-left:6px;vertical-align:1px}
.rq-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 10px 6px}
.rq-chips a,.rq-chips button{border:1px solid #2C2F37;background:#17191E;color:#E7E9EE;border-radius:999px;padding:6px 12px;font:600 13px var(--f);text-decoration:none;cursor:pointer;min-height:36px;display:inline-flex;align-items:center;gap:6px}
.rq-chips a:hover,.rq-chips button:hover{border-color:#FF3B3F}
.rq-chips .ico{width:14px;height:14px;opacity:.7}
.rq-vide{padding:14px 12px 10px;color:var(--doux-2);font-size:14px}.rq-vide b{color:#fff}
.rq-aide{display:flex;gap:10px;align-items:center;margin:6px 4px 2px;padding:10px 12px;border-radius:12px;background:#17191E;font-size:13px;color:var(--doux-2)}
.rq-aide .ico{width:18px;height:18px;color:var(--pr);flex:none}
.rq-pied{display:flex;justify-content:space-between;gap:10px;padding:8px 10px 2px;border-top:1px solid #20232A;margin-top:6px;font-size:11.5px;color:var(--doux)}
.rq-pied kbd{font:600 10.5px var(--f);border:1px solid #2C2F37;border-radius:5px;padding:1px 5px;color:#C4C8D0;background:#17191E}
.rq-comp{padding:2px 10px 8px;font-size:12.5px;color:var(--doux)}.rq-comp b{color:var(--encre)}
@media (max-width:900px){
 .rq{position:fixed;left:10px;right:10px;width:auto;max-width:none;top:var(--rq-top,120px);max-height:calc(100dvh - var(--rq-top,120px) - 84px);border-radius:18px}
 .rq-pied{display:none}
}

/* ── les menus (m1_menu) : une carte image + les grandeurs en entier ── */
.nav .menu>li>a{position:relative}
.nav .menu>li.a-sous>a::after{content:"";position:absolute;left:-3px;right:-3px;top:100%;height:16px}
.nav .menu>li:has(>.mg-large){position:static}
.nav .mg{position:absolute;top:calc(100% + 10px);left:-6px;z-index:40;display:grid;grid-template-columns:250px auto;visibility:hidden;opacity:0;transform:translateY(-6px);
 transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s;background:#15171B;border:1px solid #272A31;border-radius:22px;padding:10px;
 box-shadow:0 34px 80px -24px rgba(0,0,0,.85);color:var(--encre);text-align:left}
.nav .mg-large{left:18px;top:calc(100% + 2px);grid-template-columns:270px auto}
.nav .menu>li:hover>.mg,.nav .menu>li:focus-within>.mg{visibility:visible;opacity:1;transform:none;transition:opacity .16s ease .06s,transform .16s ease .06s,visibility 0s linear .06s}
.nav .menu:has(>li:hover)>li:not(:hover)>.mg{visibility:hidden;opacity:0;transition:none}
.mg a{text-decoration:none}
/* la carte : une belle image, un titre, une ligne, un bouton */
.mg-vis{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;border:1px solid #23262D;
 background:radial-gradient(90% 65% at 50% 32%,rgba(255,59,63,.30),transparent 70%),#0E0F12}
.mg-vis-i{position:relative;display:grid;place-items:center;height:150px;margin-bottom:8px}
.mg-vis-i>img{max-height:150px;max-width:100%;width:auto;filter:drop-shadow(0 18px 22px rgba(0,0,0,.65));transition:transform .25s ease}
.mg-vis:hover .mg-vis-i>img,.mg-vis:hover .mg-plaque{transform:scale(1.04)}
.mg-plaque{display:grid;place-items:center;width:150px;height:120px;background:#fff;border-radius:14px;box-shadow:0 18px 28px -14px #000;transition:transform .25s ease}
.mg-plaque img{max-width:86%;max-height:86%}
.mg-vis b{font:700 18px/1.2 var(--fd);letter-spacing:-.02em;color:#fff}
.mg-vis small{font-size:12.5px;color:var(--doux-2);line-height:1.4}
.mg-cta{margin-top:auto;min-height:42px;font-size:13.5px;justify-content:center;gap:8px}.mg-cta .ico{width:16px;height:16px}
.mg-vis small+.mg-cta{margin-top:14px}
.mg-promo{position:absolute;left:-2px;top:2px;background:var(--ac);color:var(--ac-t);font:800 10.5px var(--f);letter-spacing:.03em;padding:5px 8px;border-radius:8px;transform:rotate(-4deg)}
/* les grandeurs */
.mg-cols{display:flex;gap:10px 36px;padding:16px 26px 14px 26px}
.mg-col h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:700 11px var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--doux)}
.mg-col h4 span{font-weight:600;letter-spacing:0;color:#5F6573}
.mg-l{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--r),auto);gap:1px 22px}
.mg-l a{display:flex;align-items:baseline;gap:8px;padding:6px 10px;margin:0 -10px;border-radius:9px;font:600 15px/1.25 var(--f);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#E9EBEF;white-space:nowrap;transition:background .12s,color .12s}
.mg-l a small{font-size:12px;font-weight:500;color:var(--doux)}
.mg-l a:hover,.mg-l a:focus-visible{background:#22252C;color:#fff;outline:0;box-shadow:inset 3px 0 0 var(--pr)}
/* au téléphone : dans le tiroir, les grandeurs seulement (le tiroir a déjà « Tout voir ») */
.ti-sous .mg{position:static;display:block;visibility:visible;opacity:1;transform:none;border:0;border-radius:0;box-shadow:none;background:none;padding:0}
.ti-sous .mg-vis{display:none}
.ti-sous .mg-cols{display:block;padding:0}
.ti-sous .mg-col+.mg-col{margin-top:14px}
.ti-sous .mg-col h4{margin-bottom:6px}
.ti-sous .mg-l{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.ti-sous .mg-l1,.ti-sous .mg-l:has(small){grid-template-columns:1fr}
.ti-sous .mg-l a{margin:0;padding:10px;min-height:44px;align-items:center;border-radius:12px;background:#191B20;border:1px solid #262931;font-size:15px;white-space:normal}
@media (prefers-reduced-motion:reduce){.nav .mg,.mg-vis-i>img,.mg-plaque{transition:none}}