:root{--accent:#c5ff00;--accent-2:#00ffb2;--accent-soft:rgba(197,255,0,.15);--bg:#0a0a0b;--bg-1:#111114;--bg-2:#16161a;--bg-3:#1d1d22;--bg-el:#25252c;--b1:rgba(255,255,255,.06);--b2:rgba(255,255,255,.12);--ba:rgba(197,255,0,.35);--t1:#fff;--t2:rgba(255,255,255,.72);--t3:rgba(255,255,255,.5);--fd:"Chakra Petch",system-ui,sans-serif;--fb:"Outfit",system-ui,sans-serif;--r:12px;--rl:20px;--wrap:1240px;--px:clamp(16px,4vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--t1);font:16px/1.55 var(--fb);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:var(--accent-2)}a:hover{color:var(--accent)}
h1,h2,h3,h4{font-family:var(--fd);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:clamp(28px,4.5vw,44px)}h2{font-size:clamp(22px,3vw,32px)}h3{font-size:19px}h4{font-size:16px}
p{margin:0 0 1em;color:var(--t2)}p.lead{color:var(--t1);font-size:18px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--px)}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:#000;padding:8px 12px;z-index:200}.skip:focus{left:8px}
.bandeau{background:var(--accent);color:#000;font:600 13px/1.3 var(--fb);text-align:center;padding:8px 12px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(10,10,11,.8);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--b1)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.logo{font:700 24px/1 var(--fd);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px;letter-spacing:-.01em}.logo span:not(.logo-dot){color:var(--accent)}.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(197,255,0,.5)}
.burger{width:48px;height:48px;border:1px solid var(--b2);background:transparent;border-radius:var(--r);display:flex;flex-direction:column;justify-content:center;gap:5px;padding:12px;cursor:pointer}.burger span{display:block;height:2px;background:#fff;border-radius:2px}
.nav ul{list-style:none;margin:0;padding:0}.nav a{color:var(--t2);text-decoration:none;font-weight:600;display:block;padding:12px 0}.nav a:hover{color:#fff}.nav .btn{color:#000;padding:10px 18px}
.nav .sub-toggle{position:absolute;right:0;top:6px;width:44px;height:44px;border:1px solid var(--b2);background:transparent;color:#fff;border-radius:8px;font-size:20px;cursor:pointer}
.nav .has-sub{position:relative}.nav .sub{display:none;padding-left:16px}.nav .has-sub.open .sub{display:block}.nav .sub a{color:var(--t3);font-weight:400}
@media(max-width:959px){.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg-1);border-bottom:1px solid var(--b2);padding:8px var(--px) 16px;max-height:calc(100vh - 64px);overflow:auto}.nav.open{display:block}.nav li{border-bottom:1px solid var(--b1)}.nav-cta{border:0!important;padding-top:12px}}
@media(min-width:960px){.burger,.sub-toggle{display:none}.nav ul{display:flex;align-items:center;gap:28px}.nav .has-sub:hover .sub,.nav .has-sub:focus-within .sub{display:block}.nav .sub{position:absolute;top:100%;left:-16px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--r);padding:8px 16px;min-width:220px}.nav .sub a{padding:8px 0}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:999px;font:600 16px var(--fb);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{color:#000;box-shadow:0 0 40px rgba(197,255,0,.25);transform:translateY(-1px)}.btn-ghost{border-color:var(--b2);color:#fff;background:transparent}.btn-ghost:hover{border-color:var(--ba);color:#fff}.btn-grey{background:var(--bg-el);color:#fff}
main{display:block}.ariane{font-size:13px;color:var(--t3);padding:14px 0}.ariane a{color:var(--t3);text-decoration:none}.ariane a:hover{color:#fff}.ariane span{display:inline-block;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.produit-top{display:grid;gap:28px;padding-bottom:32px}@media(min-width:900px){.produit-top{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}}
.carrousel{position:relative;border:1px solid var(--b1);border-radius:var(--rl);background:var(--bg-1);overflow:hidden}
.carrousel .piste{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.carrousel .piste::-webkit-scrollbar{display:none}
.carrousel figure{flex:0 0 100%;margin:0;scroll-snap-align:start;aspect-ratio:1;background:#fff;position:relative}.carrousel figure img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.carrousel .fleche{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--b2);background:rgba(10,10,11,.75);color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}.fleche.prev{left:10px}.fleche.next{right:10px}
.carrousel .points{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px}.carrousel .points{gap:2px}.carrousel .points button{width:24px;height:24px;border-radius:50%;border:0;background:transparent;padding:0;cursor:pointer;position:relative}.carrousel .points button::after{content:"";position:absolute;left:7px;top:7px;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4)}.carrousel .points button[aria-current=true]::after{background:var(--accent)}
.carrousel .compteur{position:absolute;top:10px;right:12px;background:rgba(10,10,11,.7);color:#fff;font-size:12px;padding:4px 8px;border-radius:999px}
.minis{display:none;gap:8px;margin-top:10px}@media(min-width:900px){.minis{display:flex;flex-wrap:wrap}}.minis button{width:68px;height:68px;border-radius:8px;border:1px solid var(--b2);background:#fff;padding:0;overflow:hidden;cursor:pointer}.minis button[aria-current=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.minis img{width:100%;height:100%;object-fit:contain}
.zoom{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:300;display:none;align-items:center;justify-content:center;padding:16px}.zoom.open{display:flex}.zoom img{max-width:100%;max-height:100%;background:#fff;border-radius:var(--r)}.zoom button{position:absolute;top:16px;right:16px;width:48px;height:48px;border-radius:50%;border:0;background:var(--accent);font-size:22px;cursor:pointer}
.marque-ligne{color:var(--t3);font-size:14px;margin:-6px 0 12px}.marque-ligne a{color:var(--t2)}
.reponse{font-size:17px;color:var(--t1)}
.bloc-prix{border:1px solid var(--ba);border-radius:var(--rl);padding:20px;background:linear-gradient(160deg,var(--bg-2),var(--bg-1));margin:16px 0}
.prix-l{font:700 clamp(32px,5vw,42px)/1 var(--fd);color:#fff;margin:0 0 6px}.prix-l small{font:500 14px var(--fb);color:var(--t3)}.liv{color:var(--t2);font-size:15px;margin:0 0 4px}.liv b{color:var(--accent)}.stock{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--t2);margin:6px 0 14px}.stock::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent-2)}.stock.off::before{background:#ff3d57}
.bloc-prix .btn{width:100%}.btn-panier{margin-top:10px}.lp-grille li{display:flex;flex-direction:column}.lp-grille li>a{flex:1}.lp-ajout{margin:0 14px 14px;min-height:44px;border-radius:999px;border:1px solid var(--b2);background:transparent;color:#fff;font:600 14px var(--fb);cursor:pointer}.lp-ajout:hover{background:var(--accent);color:#000;border-color:transparent}.bloc-prix form,.barre-achat form{margin:0}.sous-btn{font-size:13px;color:var(--t3);margin:10px 0 0;text-align:center}
.reassure{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 0;padding:0;list-style:none}@media(min-width:600px){.reassure{grid-template-columns:repeat(3,1fr)}}.reassure li{background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--r);padding:12px;font-size:13px;color:var(--t2);line-height:1.35}.reassure b{display:block;color:#fff;font-family:var(--fd);font-size:14px;margin-bottom:2px}
.sommaire{background:var(--bg-1);border:1px solid var(--b1);border-radius:var(--rl);padding:18px 20px;margin:8px 0 28px}.sommaire h2{font-size:15px;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.sommaire ol{margin:0;padding-left:20px;columns:1;color:var(--t2)}@media(min-width:700px){.sommaire ol{columns:2}}.sommaire li{margin:3px 0}.sommaire a{text-decoration:none}
.onglets{margin:0 0 40px}.tablist{display:none}@media(min-width:768px){.tablist{display:flex;gap:6px;border-bottom:1px solid var(--b2);margin-bottom:24px}.tablist button{background:transparent;border:0;border-bottom:3px solid transparent;color:var(--t3);font:600 16px var(--fb);padding:14px 18px;cursor:pointer;margin-bottom:-1px}.tablist button[aria-selected=true]{color:#fff;border-bottom-color:var(--accent)}.onglets .panneau{display:none}.onglets .panneau.actif{display:block}.onglets details{border:0}.onglets details>summary{display:none}.onglets details>div{padding:0}}
.onglets details{border:1px solid var(--b1);border-radius:var(--rl);background:var(--bg-1);margin-bottom:12px}.onglets summary{list-style:none;cursor:pointer;padding:18px 20px;font:700 18px var(--fd);color:#fff;display:flex;justify-content:space-between;align-items:center;min-height:48px}.onglets summary::-webkit-details-marker{display:none}.onglets summary::after{content:"+";color:var(--accent);font-size:24px}.onglets details[open] summary::after{content:"–"}.onglets details>div{padding:0 20px 20px}
.onglets h2{margin-top:4px}.onglets h3{margin-top:22px;color:#fff}.onglets ul{color:var(--t2);padding-left:20px}
table.specs{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 18px}table.specs th,table.specs td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--b1);vertical-align:top}table.specs th{color:var(--t3);font-weight:600;width:38%}table.specs td{color:#fff}
.conformite{background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--r);padding:14px 16px;font-size:14px;color:var(--t2)}
.limites{border-left:3px solid var(--accent);padding-left:16px}
.quotidien{display:grid;gap:16px;margin:0 0 40px}@media(min-width:700px){.quotidien{grid-template-columns:1fr 1fr}}.quotidien article{background:var(--bg-1);border:1px solid var(--b1);border-radius:var(--rl);padding:22px}.quotidien h3{color:var(--accent);font-size:17px}
.faq{margin:0 0 48px}.faq details{border-bottom:1px solid var(--b1)}.faq summary{cursor:pointer;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;min-height:48px}.faq summary::-webkit-details-marker{display:none}.faq summary h3{margin:0;font-size:17px}.faq summary::after{content:"+";color:var(--accent);font-size:22px;flex:none}.faq details[open] summary::after{content:"–"}.faq details p{padding-bottom:16px}
.aussi{padding:0 var(--px) 40px}.aussi h2{font-size:24px}
.lp-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(min-width:700px){.lp-grille{grid-template-columns:repeat(3,1fr)}}@media(min-width:1000px){.lp-grille{grid-template-columns:repeat(4,1fr)}}
.lp-grille li{background:var(--bg-1);border:1px solid var(--b1);border-radius:var(--rl);overflow:hidden;transition:border-color .15s,transform .15s}.lp-grille li:hover{border-color:var(--ba);transform:translateY(-2px)}.lp-grille a{display:block;text-decoration:none;color:#fff;height:100%}.lp-grille img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.lp-grille span{display:block;padding:12px 14px 4px;font-size:15px;line-height:1.35;color:#fff}.lp-grille strong{display:block;padding:0 14px 14px;color:var(--accent);font-family:var(--fd);font-size:19px}.lp-grille strong small{display:block;color:var(--t3);font:400 12px var(--fb)}
.lp-tags{display:flex!important;gap:6px;flex-wrap:wrap;padding:12px 14px 0!important}.lp-tags em{font-style:normal;font-size:11px;color:var(--t2);background:var(--bg-el);border-radius:999px;padding:3px 8px}.lp-grille .rupture{display:block;padding:0 14px;color:#ff3d57;font-size:12px}
.barre-achat{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(10,10,11,.92);backdrop-filter:blur(14px);border-top:1px solid var(--b2);padding:10px var(--px) calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .25s}.barre-achat.visible{transform:none}.barre-achat .p{font:700 20px var(--fd)}.barre-achat .p small{display:block;font:400 11px var(--fb);color:var(--t3)}.barre-achat .btn{min-height:44px;padding:10px 18px}@media(min-width:900px){.barre-achat{display:none}}
.page-texte{padding-bottom:48px}.page-texte h2{margin-top:40px}.page-texte ul,.page-texte ol{color:var(--t2)}.hero-cat{padding:16px 0 28px}.hero-cat h1{max-width:900px}
.ancre-grp{scroll-margin-top:80px}.grille-titre{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:36px 0 14px;flex-wrap:wrap}.grille-titre h2{margin:0}.grille-titre a{font-size:14px}
.choix-age{display:grid;gap:14px;margin:28px 0}@media(min-width:700px){.choix-age{grid-template-columns:1fr 1fr}}.choix-age a{display:block;text-decoration:none;color:#fff;background:linear-gradient(160deg,var(--bg-2),var(--bg-1));border:1px solid var(--b2);border-radius:var(--rl);padding:22px}.choix-age a:hover{border-color:var(--ba)}.choix-age b{display:block;font:700 22px var(--fd);margin-bottom:6px}.choix-age b span{color:var(--accent)}.choix-age p{margin:0;font-size:15px}
.compare{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0 28px}.compare th,.compare td{padding:12px;border-bottom:1px solid var(--b1);text-align:left;vertical-align:top}.compare thead th{color:var(--accent);font-family:var(--fd)}.compare td{color:var(--t2)}.compare th[scope=row]{color:#fff;font-weight:600}
.sanction{background:var(--bg-1);border:1px solid var(--b2);border-left:3px solid var(--accent);border-radius:var(--r);padding:16px 18px;margin:14px 0}.sanction b{color:#fff}
.checklist{list-style:none;padding:0}.checklist li{padding:12px 0 12px 32px;border-bottom:1px solid var(--b1);position:relative}.checklist li::before{content:"✓";position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:13px;display:flex;align-items:center;justify-content:center}.checklist b{color:#fff;display:block}.checklist span{font-size:14px;color:var(--t3)}
.maj{font-size:13px;color:var(--t3)}
.commande-grid{display:grid;gap:24px}@media(min-width:800px){.commande-grid{grid-template-columns:1fr 1.4fr}}.commande-recap{background:var(--bg-1);border:1px solid var(--b1);border-radius:var(--rl);padding:18px}.commande-recap img{border-radius:var(--r);background:#fff}.commande-recap h2{font-size:18px;margin-top:12px}
.commande-form label{display:block;margin:0 0 14px;color:var(--t2);font-size:14px}.commande-form input:not([type=checkbox]),.commande-form textarea{display:block;width:100%;margin-top:6px;background:var(--bg-2);border:1px solid var(--b2);border-radius:var(--r);color:#fff;font:16px var(--fb);padding:12px}.commande-form .check{display:flex;gap:10px;align-items:flex-start}.commande-form .check input{width:20px;height:20px;margin-top:2px}.pdm{position:absolute;left:-9999px}.erreur{background:rgba(255,61,87,.12);border:1px solid #ff3d57;border-radius:var(--r);padding:10px 16px;margin-bottom:16px}.ok{background:var(--bg-1);border:1px solid var(--ba);border-radius:var(--rl);padding:24px}.note{background:var(--bg-2);border-radius:var(--r);padding:12px 14px;font-size:14px}
.site-footer{border-top:1px solid var(--b1);background:var(--bg-1);margin-top:24px;padding:40px 0 24px}.footer-grid{display:grid;gap:28px}@media(min-width:800px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.footer-brand p{font-size:14px;color:var(--t3);margin-top:12px}.footer-titre{color:#fff;font-family:var(--fd);font-size:16px;margin:0 0 10px}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col a{color:var(--t3);text-decoration:none;display:block;padding:6px 0;font-size:14px}.footer-col a:hover{color:#fff}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:28px;padding-top:18px;border-top:1px solid var(--b1);font-size:13px;color:var(--t3)}.accent{color:var(--accent)}