@font-face{font-family:Inter;src:url(/assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(/assets/fonts/inter-tight.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--k:#1a1a1a;--l:#f5f5f5;--w:#fcfcfc;--g:#b8b8b8;--pink:#f4a9b8;--rose:#db8698;--green:#81a277;--line:#383838;--grad:linear-gradient(90deg,#c9ffbf,#ffafbd);--hh:900px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--l);color:var(--k);font:400 15px/1.5 Inter,system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.lock{overflow:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,p,figure,ul{margin:0}
ul{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;z-index:99;background:var(--w);padding:8px 12px}
.wrap{max-width:1338px;margin:0 auto;padding:0 32px}
.dark{background:var(--k);color:var(--l);position:relative;overflow:hidden}
.light{background:var(--l);color:var(--k)}
.edge{background:linear-gradient(to left,var(--green) 0,var(--k) 12%)}
.grain::before{content:"";position:absolute;inset:0;background:url(/assets/img/noise.webp) 0 0/453px 453px;mix-blend-mode:multiply;pointer-events:none}
:where(.grain>*){position:relative}
.h1{font-weight:400;font-size:clamp(38px,6.800vw,98px);line-height:.96;letter-spacing:-.08em;text-transform:uppercase}
.h1--s{font-size:clamp(34px,4.400vw,60px);letter-spacing:-.06em;text-align:center}
.h2{font-weight:400;font-size:clamp(26px,3.050vw,44px);line-height:1;letter-spacing:-.05em;text-transform:uppercase}

/* boutons */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 22px;background:var(--w);color:var(--k);border:1px solid var(--k);font-weight:700;font-size:16px;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}
.cta .ar{transition:transform .2s}
.cta:hover .ar{transform:translate(2px,-2px)}
.cta:hover{background:var(--k);color:var(--l);border-color:var(--l)}
.cta--block{display:flex;width:100%}
.cta--line{background:transparent;color:inherit;border-color:currentColor}
.dark .cta--line:hover{background:var(--l);color:var(--k)}
.cta--k{background:var(--k);color:var(--l)}
.cta--k:hover{background:var(--w);color:var(--k);border-color:var(--k)}
.cta--xl{min-height:60px}
.sq{display:inline-grid;place-items:center;width:48px;height:48px;background:var(--k);color:var(--l);border:1px solid var(--k);flex:none;transition:opacity .2s}
.sq:disabled{opacity:.35;cursor:default}
.dark .sq{border-color:#333;background:#222}
.sq--ghost{background:transparent!important;border-color:var(--line)!important}

/* en-tête */
.hd{position:sticky;top:0;z-index:40;background:var(--w);border-bottom:1px solid var(--k)}
.deal{display:flex;align-items:center;justify-content:center;gap:10px;height:32px;background:var(--grad);font-weight:900;font-size:12px;text-transform:uppercase;color:var(--k)}
.deal .st{width:16px;height:16px}
.deal b{align-self:stretch;display:flex;align-items:center;background:var(--k);color:var(--l);padding:0 6px;font-weight:900}
.deal i{text-decoration:line-through;font-style:normal;opacity:.7}
.deal em{font-style:normal;font-size:14px;letter-spacing:-.02em}
.hd__in{position:relative;display:flex;align-items:center;justify-content:space-between;height:65px;max-width:1338px;margin:0 auto;padding:0 32px}
.burger{display:flex;flex-direction:column;gap:6px;justify-content:center;width:56px;height:48px;padding:0 6px}
.burger span{display:block;height:3px;width:44px;border-radius:22px;background:var(--k);transition:transform .25s,width .25s,opacity .2s}
.burger span:last-child{width:22px}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){width:44px;transform:translateY(-9px) rotate(-45deg)}
.logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.22em;font-size:32px}
.logo--h .logo__s{height:26px;margin:0}
.logo__s{height:.52em;width:auto;flex:none;margin-top:.1em}
.logo__t{display:block;font-family:"Inter Tight",Inter,sans-serif;font-weight:900;font-size:1em;line-height:1;letter-spacing:-.07em;white-space:nowrap}
.bag{position:relative;width:48px;height:48px;display:grid;place-items:center}
.bag__n{position:absolute;right:1px;top:4px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:var(--k);color:var(--w);font:800 11px/1 "Inter Tight",Inter,sans-serif}
.bag__n[hidden]{display:none}
.bag.bump{animation:bump .45s}
@keyframes bump{40%{transform:scale(1.25)}}
.menu{position:fixed;inset:98px 0 0;z-index:39;background:var(--k);color:var(--l);overflow:auto}
.menu__in{max-width:1338px;margin:0 auto;padding:40px 32px 60px;display:flex;flex-direction:column}
.menu a{font-size:clamp(28px,4vw,52px);letter-spacing:-.06em;text-transform:uppercase;padding:10px 0;border-bottom:1px solid var(--line);transition:padding .2s,color .2s}
.menu a:hover{padding-left:14px;color:var(--pink)}

/* bandeau défilant */
.mq{overflow:hidden;background:var(--k);color:var(--l);height:62px;display:flex;align-items:center}
.mq__t{display:flex;align-items:center;white-space:nowrap;font:700 22px/.9 "Inter Tight",Inter,sans-serif;text-transform:uppercase;animation:mq 60s linear infinite;will-change:transform}
.mq__t>*{margin-right:48px;flex:none}
.mq__t b{font-weight:900;margin-left:8px}
@keyframes mq{to{transform:translateX(-50%)}}
.mq--tilt{position:absolute;left:-3%;width:106%;top:calc(var(--hh) - 150px);transform:rotate(-3.410deg);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.mq--low{top:auto;bottom:70px}
.mq--sm{height:34px;border-bottom:1px solid #2c2c2c;background:transparent}
.mq--sm .mq__t{font:600 12px/1 Inter,sans-serif;animation-duration:80s}
.mq--sm .st{width:12px;height:12px}

/* hero */
.hero{padding-top:var(--hh)}
.hero__splash{position:absolute;left:50%;top:calc(var(--hh)*.6);width:530px;height:236px;margin-left:-265px;background:var(--rose);filter:blur(61px);opacity:.9}
.hero__c{position:absolute;left:0;right:0;top:calc(var(--hh)*.41);display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;padding:0 20px}
.hero__c .h1{text-shadow:0 2px 30px rgba(0,0,0,.45)}
.stk{position:relative;width:100%;max-width:600px;aspect-ratio:734/652;margin:0 auto}
.stk__i{position:absolute;object-fit:cover;border:1px solid var(--k);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.stk__i--1{left:2%;top:9%;width:46%;height:80%;transform:rotate(-15.770deg);filter:blur(2px) brightness(.75)}
.stk__i--2{left:23%;top:7%;width:56%;height:86%;filter:blur(1.5px) brightness(.8)}
.stk__i--3{left:38%;top:4%;width:56%;height:92%;transform:rotate(6.460deg)}
.stk--hero{position:absolute;left:50%;top:calc(var(--hh)*.187);width:734px;max-width:none;margin-left:-357px}
.stk--hero .stk__i--3{filter:brightness(.72)}
.circ{display:flex;justify-content:center;gap:40px;padding:150px 20px 56px;font-size:14px;letter-spacing:-.04em;text-align:center}
.circ a{display:flex;flex-direction:column;align-items:center;gap:12px;flex:none}
.circ__r{display:block;width:124px;height:124px;border-radius:50%;padding:6px;border:1.5px solid transparent;background:radial-gradient(circle at 50% 40%,#3d3836,#1f1d1c 70%) padding-box,var(--grad) border-box;transition:transform .3s}
.circ a:hover .circ__r{transform:scale(1.06)}
.circ__r img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}

/* rayons */
.sec{padding:88px 0}
.sh{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.sh__a{display:flex;gap:12px}
.rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.rail .card{flex:0 0 calc((100% - 88px)/4.300);scroll-snap-align:start}
.card{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:14px;letter-spacing:-.02em}
.card__m{display:block;width:100%;aspect-ratio:1;background:radial-gradient(circle at 50% 38%,#4b4542 0,#2a2624 55%,#1b1918 100%);overflow:hidden;margin-bottom:14px}
.card__m img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(0,0,0,.55));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.card:hover .card__m img{transform:scale(1.07) rotate(-2deg)}
.card__n{font-weight:500}
.card__c{color:#666;font-size:13px}
.dark .card__c{color:var(--g)}
.card__p{font-weight:500;margin-top:2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card__p i{font-style:normal;font-weight:700;font-size:11px;letter-spacing:0;background:var(--grad);color:var(--k);padding:3px 8px;border-radius:20px;white-space:nowrap}
.pc{font-style:normal;font-weight:700;font-size:11px;letter-spacing:0;background:var(--grad);color:var(--k);padding:3px 8px;border-radius:20px;white-space:nowrap;vertical-align:middle}
.promo{display:inline-flex;align-items:center;gap:10px;background:var(--grad);color:var(--k);font-weight:700;font-size:15px;letter-spacing:-.02em;padding:6px 16px 6px 6px;border-radius:40px;margin-bottom:-12px}
.promo b{background:var(--k);color:var(--l);font-weight:900;font-size:17px;padding:5px 12px;border-radius:40px}
.tot .s--o span:last-child{font-weight:700}
.bar{height:3px;background:#dedede;margin:36px 4px 20px;position:relative;overflow:hidden}
.bar i{position:absolute;left:0;top:0;bottom:0;width:12%;background:var(--k)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 22px;padding-bottom:100px}

/* citation + coverflow */
.quote{padding:64px 0 110px;text-align:center}
.quote__t{max-width:940px;margin:0 auto;font-weight:300;font-size:clamp(22px,2.500vw,36px);line-height:1.1;letter-spacing:-.05em;padding-bottom:26px;border-bottom:1px solid var(--line)}
.quote__s{padding:22px 0 60px;font-size:18px;text-transform:uppercase;letter-spacing:-.02em}
.cf{display:flex;justify-content:center;align-items:center;gap:20px;perspective:1600px}
.cf__i{flex:0 0 18%;aspect-ratio:3/4;overflow:hidden;transition:transform .5s}
.cf__i img{width:100%;height:100%;object-fit:cover}
.cf__i--0{transform:rotateY(34deg) scale(.82)}.cf__i--1{transform:rotateY(18deg) scale(.95)}
.cf__i--2{flex-basis:22%}
.cf__i--3{transform:rotateY(-18deg) scale(.95)}.cf__i--4{transform:rotateY(-34deg) scale(.82)}
.cf__i:hover{transform:none}

/* bloc texte + pile */
.split{padding:120px 0 230px}
.split__in{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split__t{max-width:620px}
.split__t p{font-weight:600;font-size:15px;line-height:1.75;margin:22px 0 34px}

/* blocs hauts */
.tall{padding:50px 0 70px}
.tall__b{position:relative;height:560px;display:grid;place-items:center}
.tall__i{position:absolute;left:50%;top:50%;width:370px;height:500px;margin:-250px 0 0 -185px;object-fit:cover;filter:brightness(.36)}
.tall__t{text-shadow:0 1px 18px rgba(0,0,0,.7)}
.tall__i--0{transform:rotate(2deg)}.tall__i--1{transform:rotate(-4deg)}.tall__i--2{transform:rotate(5deg)}
.tall__t{position:relative;max-width:630px;text-align:center;padding:0 20px}
.tall__t p{font-weight:600;font-size:15px;margin:12px 0 18px}

/* réassurance */
.light:has(>.wrap>.rea){padding:0 0 88px}
.rea{position:relative;overflow:hidden;background:var(--k);color:var(--l);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:88px 60px;text-align:center}
.rea__c{display:inline-grid;place-items:center;width:132px;height:132px;border-radius:50%;border:1.5px solid var(--pink);color:var(--pink)}
.rea__c svg{width:44px;height:44px}
.rea h3{font-weight:400;font-size:20px;letter-spacing:-.05em;margin:34px 0 20px}
.rea p{font-weight:600;font-size:13px;line-height:1.6;max-width:210px;margin:0 auto}

/* questions */
.faq{padding:100px 0 110px}
.faq__in{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:100px}
.faq__l p{font-weight:600;font-size:15px;line-height:1.75;margin-top:22px}
.fq{margin-bottom:14px}
.fq summary{list-style:none;display:flex;align-items:stretch;justify-content:space-between;background:var(--w);color:var(--k);min-height:50px;cursor:pointer;border:1px solid var(--k)}
.fq summary::-webkit-details-marker{display:none}
.fq summary span{align-self:center;padding:8px 20px;font-size:15px;letter-spacing:-.04em}
.fq summary i{display:grid;place-items:center;width:50px;flex:none;background:var(--k);color:var(--l);transition:transform .25s}
.fq[open] summary i svg{transform:rotate(180deg)}
.fq p{padding:16px 20px 10px;font-weight:600;font-size:13px;line-height:1.7}
.faq .cta{margin-top:30px}

/* pied */
.ft{padding:70px 0 28px}
.ft__top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo--xl{position:static;transform:none;font-size:clamp(64px,12vw,170px);line-height:.86}
.sq--w{background:var(--l)!important;color:var(--k)!important;border-color:var(--l)!important}
.ft__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:54px 0 50px;font-size:14px;letter-spacing:-.02em}
.ft__cols h2{font-weight:400;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--g);margin-bottom:14px}
.ft__cols a{display:block;padding:5px 0}
.ft__cols a:hover{color:var(--pink)}
.ft__cols p{color:var(--g);font-size:13px;margin-top:4px}
.ft__bot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;border-top:1px solid transparent;border-image:var(--grad) 1;font-weight:600;font-size:13px}
.pay{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pay svg{width:46px;height:30px;display:block;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.pay--c{display:flex;justify-content:center;margin:14px 0 26px}

/* listing */
.plp{padding:56px 0 0}
.bigs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:60px}
.big{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0 0;opacity:.55;transition:opacity .3s}
.big.is-on,.big:hover{opacity:1}
.big__t{font-size:clamp(24px,2.400vw,34px);letter-spacing:-.05em}
.big__s{font-size:14px;margin-top:8px}
.big img{width:min(470px,90%);filter:drop-shadow(0 40px 30px rgba(0,0,0,.6));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.big:hover img{transform:translateY(-10px) rotate(-3deg)}
.plp .circ{padding-top:10px}
.plp__bar{display:flex;justify-content:space-between;gap:20px;color:var(--g);font-size:15px;letter-spacing:-.04em;padding:14px 0 22px;border-top:1px solid var(--line)}

/* fiche */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;padding:18px 0 0;color:var(--g)}
.crumbs b{font-weight:500;color:var(--l)}
.pdp__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,516px);gap:80px;padding:26px 0 30px;align-items:start}
.pdp__g{position:sticky;top:120px;min-width:0}
.gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.gal::-webkit-scrollbar{display:none}
.gal figure{background:radial-gradient(closest-side,rgba(255,255,255,.1),rgba(255,255,255,0) 92%);flex:0 0 100%;aspect-ratio:1;scroll-snap-align:center;display:grid;place-items:center;max-height:640px}
.gal img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 40px 34px rgba(0,0,0,.6))}
.gal figure.raw img{width:78%;height:78%;object-fit:cover;filter:none}
.gal__nav{display:flex;align-items:center;justify-content:center;gap:18px;font-size:13px;color:var(--g);margin-top:6px}
.thumbs{display:flex;justify-content:center;gap:8px;margin-top:18px;flex-wrap:wrap}
.thumbs button{width:62px;height:62px;border:1px solid var(--line);background:#222;opacity:.6}
.thumbs button.is-on{opacity:1;border-color:var(--l)}
.thumbs img{width:100%;height:100%;object-fit:contain}
.thumbs .raw img{object-fit:cover}
.pdp__mh{display:none}
section[id],main>section{scroll-margin-top:110px}
.pdp__k{color:var(--g);font-size:14px;letter-spacing:-.04em}
.pdp__h{font-weight:400;font-size:clamp(26px,2.200vw,30px);letter-spacing:-.05em;line-height:1.1;margin:4px 0 14px}
.pdp__p{font-size:20px;letter-spacing:-.04em}
.pdp__p sup{font-size:10px}
.offre{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 6px}
.offre div{border:1px solid var(--line);padding:12px 14px;display:flex;flex-direction:column}
.offre b{font-weight:500;font-size:17px;letter-spacing:-.04em}
.offre span{font-size:13px;color:var(--g)}
.offre .is-on{border-color:transparent;background:linear-gradient(var(--k),var(--k)) padding-box,var(--grad) border-box}
.opt{margin-top:22px}
.opt__l{display:flex;gap:8px;align-items:baseline;color:var(--g);font-size:14px;letter-spacing:-.04em;margin-bottom:12px}
.opt__l b{color:var(--l);font-weight:400}
.opt__l a{margin-left:auto;color:var(--l);text-decoration:underline;text-underline-offset:3px}
.opt__e{color:var(--pink);font-size:13px;font-weight:600;min-height:0;margin-top:8px}
.sws{display:flex;flex-wrap:wrap;gap:8px}
.sw{width:32px;height:32px;border-radius:50%;border:1px solid #444;padding:5px}
.sw i{display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
.sw.is-on{border-color:var(--l);box-shadow:0 0 0 2px var(--k),0 0 0 3px var(--pink)}
.szs{display:flex;flex-wrap:wrap;gap:6px}
.sz{min-width:54px;height:42px;padding:0 8px;border:1px solid var(--line);font-weight:700;font-size:13px;display:inline-grid;place-items:center;transition:background .15s,color .15s}
button.sz:hover{border-color:var(--l)}
.sz.is-on{background:var(--l);color:var(--k);border-color:var(--l)}
.opt--q{display:flex;align-items:center;gap:16px}
.opt--q .opt__l{margin:0}
.qty{display:flex;align-items:center;gap:6px}
.qty button{width:30px;height:30px;border:1px solid var(--line);font-size:14px}
.qty span{min-width:30px;text-align:center;font-weight:500}
.pdp .cta--xl{margin-top:16px;font-size:17px}
.pdp .cta:hover{border-color:var(--l)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);background:#222;padding:14px 10px;text-align:center;font-size:11px;position:relative}
.steps::before{content:"";position:absolute;left:18%;right:18%;top:31px;height:1px;background:var(--line)}
.steps div{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}
.steps b{font-weight:500}
.steps__c{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--k);color:var(--pink);margin-bottom:6px}
.steps__c svg{width:18px;height:18px}
.acc{margin-top:34px;border-bottom:1px solid var(--line)}
.acc details{border-top:1px solid var(--line)}
.acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 20px 20px 0;cursor:pointer;font-size:15px;letter-spacing:-.04em}
.acc summary::-webkit-details-marker{display:none}
.acc summary svg{transition:transform .25s}
.acc details[open] summary svg{transform:rotate(180deg)}
.acc p,.acc ul{padding:0 0 22px;font-size:14px;line-height:1.7;color:#d6d6d6}
.acc li{padding-left:16px;position:relative}
.acc li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:1px;background:var(--pink)}
.band{border-top:1px solid var(--l);border-bottom:1px solid var(--l);overflow:hidden;margin-top:30px}
.band__in{display:flex;align-items:center;white-space:nowrap;animation:mq 50s linear infinite;width:max-content}
.band__i{flex:none;width:70px;height:56px;display:grid;place-items:center;margin:0 60px}
.band__i img{width:64px;height:64px;object-fit:contain}
.band__t{flex:none;font-size:26px;letter-spacing:-.06em}
.bb{display:none}

/* lot */
.bd{border:0;padding:0;margin:26px 0 0;min-width:0}
.bd legend{padding:0}
.bd__c{border:1px solid var(--line);border-radius:14px;margin-bottom:10px;transition:border-color .2s,background .2s}
.bd__c.is-on{border-color:transparent;background:linear-gradient(#222,#222) padding-box,var(--grad) border-box}
.bd__h{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;cursor:pointer}
.bd__h input{position:absolute;opacity:0;pointer-events:none}
.bd__r{width:22px;height:22px;border-radius:50%;border:1.5px solid #777;display:grid;place-items:center}
.bd__r::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--pink);transform:scale(0);transition:transform .2s}
.bd__c.is-on .bd__r{border-color:var(--pink)}
.bd__c.is-on .bd__r::after{transform:none}
.bd__h input:focus-visible+.bd__r{outline:2px solid var(--pink);outline-offset:3px}
.bd__t b{display:block;font-weight:600;font-size:17px;letter-spacing:-.03em}
.bd__t small{display:block;font-size:12.500px;color:var(--g);margin-top:2px}
.bd__p{text-align:right}
.bd__p b{display:block;font-weight:600;font-size:18px;letter-spacing:-.03em;white-space:nowrap}
.bd__p s{font-size:12.500px;color:var(--g)}
.bd__x{padding:0 16px 14px}
.bd__c:not(.is-on) .bd__x{display:none}
.bd__tag{display:inline-block;background:var(--grad);color:var(--k);font-weight:700;font-size:12px;padding:5px 10px;border-radius:20px;margin-bottom:6px}
.bd__row{display:grid;grid-template-columns:22px 48px minmax(0,1fr) 108px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #333}
.bd__k{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#333;font-weight:700;font-size:11px}
.bd__row img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:radial-gradient(circle at 50% 38%,#4b4542,#1b1918)}
.bd__s{grid-column:3/5;min-width:0}
.bd__s b{display:block;font-weight:600;font-size:14px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd__s small{display:block;font-size:12.500px;color:var(--g)}
.bd .sel--b select{height:44px;padding:0 28px 0 10px;font-size:13px;border-radius:10px;background:#1a1a1a;text-overflow:ellipsis}
.bd .sel--b svg{right:9px;width:12px;height:12px;margin-top:-6px}
.pdp .opt .sel select{border-radius:12px}
.pdp #add,.bb .cta{border-radius:14px}
.pdp #add{background:var(--w);box-shadow:0 10px 30px rgba(244,169,184,.18)}
.pdp #add:hover{background:var(--k);color:var(--l)}
.bd .opt__e:empty{display:none}

/* panier */
.ov{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.62);opacity:0;transition:opacity .3s;backdrop-filter:blur(3px)}
.ov.on{opacity:1}
.dr{position:fixed;top:0;right:0;bottom:0;z-index:51;width:min(520px,100%);background:var(--l);color:var(--k);display:flex;flex-direction:column;transform:translateX(102%);transition:transform .4s cubic-bezier(.2,.7,.2,1);visibility:hidden;box-shadow:-30px 0 80px rgba(0,0,0,.35)}
.dr.on{transform:none;visibility:visible}
.dr::before{content:"";height:4px;background:var(--grad);flex:none}
.dr__hd{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--k);flex:none}
.dr__hd h2{display:flex;align-items:center;gap:10px;font-weight:400;font-size:24px;letter-spacing:-.05em;text-transform:uppercase}
.dr__n{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;background:var(--k);color:var(--l);font:700 13px/1 "Inter Tight",Inter,sans-serif;letter-spacing:0}
.dr__x{display:grid;place-items:center;width:44px;height:44px;background:var(--k);color:var(--l)}
.dr__bd{flex:1;overflow:auto;padding:0 24px 20px;overscroll-behavior:contain}
.dr__ft{flex:none;padding:16px 24px 20px;border-top:1px solid var(--k);background:var(--w)}
.dr__ft:empty{display:none}
.lot{margin:18px 0 4px;padding:14px 16px;background:var(--k);color:var(--l)}
.lot p{font-size:13px;font-weight:600;margin-bottom:10px}
.lot p b{font-weight:800}
.lot__b{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.lot__b i{height:6px;background:#3a3a3a}
.lot__b i.on{background:var(--grad)}
.lot.ok{background:var(--grad);color:var(--k)}
.lot.ok .lot__b i{background:var(--k)}
.ln{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid #d9d9d9}
.ln__m{aspect-ratio:1;background:radial-gradient(circle at 50% 38%,#4b4542 0,#2a2624 55%,#1b1918 100%);display:block}
.ln__m img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}
.ln__b{display:flex;flex-direction:column;gap:8px;min-width:0}
.ln__t{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.ln__n{font-weight:600;font-size:15px;letter-spacing:-.03em}
.ln__p{font-weight:600;font-size:15px;white-space:nowrap}
.ln__c{font-size:13px;color:#6f6f6f;margin-top:-6px}
.ln__o{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sel{position:relative;display:block}
.sel select{appearance:none;-webkit-appearance:none;width:100%;height:54px;padding:0 48px 0 16px;border:1px solid var(--line);border-radius:0;background:transparent;color:inherit;font:600 15px Inter,sans-serif;cursor:pointer}
.sel select:hover,.sel select:focus{border-color:var(--l)}
.sel select option{color:#1a1a1a;background:#fff}
.sel svg{position:absolute;right:16px;top:50%;margin-top:-8px;pointer-events:none}
.sel--s select{height:38px;padding:0 34px 0 10px;font-size:13px;border-color:#bdbdbd;background:var(--w)}
.sel--s select:hover,.sel--s select:focus{border-color:var(--k)}
.sel--s svg{right:10px;width:12px;height:12px;margin-top:-6px}
.ln__q{display:inline-flex;align-items:center;border:1px solid #bdbdbd;background:var(--w);height:38px}
.ln__q button{width:36px;height:36px;font-size:16px}
.ln__q button:hover{background:var(--k);color:var(--l)}
.ln__q b{min-width:26px;text-align:center;font-weight:600;font-size:14px}
.ln__x{margin-left:auto;font-size:12px;font-weight:500;text-decoration:underline;text-underline-offset:3px;color:#6f6f6f;padding:10px 0}
.ln__x:hover{color:var(--k)}
.up h3{font-weight:400;font-size:18px;letter-spacing:-.05em;text-transform:uppercase;margin:22px 0 12px}
.up__g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.up__i{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;padding:8px;background:var(--w);border:1px solid #d9d9d9;font-size:12px;letter-spacing:-.02em;transition:border-color .2s}
.up__i:hover{border-color:var(--k)}
.up__i b{font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.up__i span{color:#6f6f6f;display:block}
.up__i u{font-weight:700;text-transform:uppercase;font-size:11px;text-underline-offset:3px}
.tot{font-size:14px;letter-spacing:-.02em}
.tot div{display:flex;justify-content:space-between;padding:3px 0}
.tot .s{color:#2f6b27;font-weight:600}
.tot .m{color:#6f6f6f}
.tot .t{font-weight:600;font-size:20px;letter-spacing:-.04em;padding-top:10px;margin-top:8px;border-top:1px solid #d9d9d9}
.btns{display:grid;gap:10px;margin-top:14px}
.btns .cta--k{min-height:58px;font-size:16px}
.btns .lk{justify-self:center;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:8px}
.dr__ft .pay,.cartp__s .pay{justify-content:center;margin-top:10px}
.empty{padding:70px 0;text-align:center}
.empty svg{width:54px;height:54px;margin:0 auto 18px;display:block}
.empty p{font-size:22px;letter-spacing:-.05em;text-transform:uppercase;margin-bottom:6px}
.empty small{display:block;font-size:14px;color:#6f6f6f;margin-bottom:24px}
.cartp{padding:60px 0 90px}
.cartp .wrap>.h2{margin-bottom:6px}
.cartp__g{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:start}
.cartp__g .ln{grid-template-columns:150px minmax(0,1fr);gap:22px;padding:22px 0}
.cartp__g .ln:first-of-type{border-top:1px solid var(--k)}
.cartp__g .lot{margin:18px 0}
.cartp__s{background:var(--w);border:1px solid var(--k);padding:24px;position:sticky;top:120px}
.cartp__s h2{font-weight:400;font-size:22px;letter-spacing:-.05em;text-transform:uppercase;margin-bottom:14px}
.toast{position:fixed;left:50%;top:112px;z-index:60;transform:translate(-50%,-20px);background:var(--k);color:var(--l);border:1px solid var(--pink);padding:12px 18px;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:90vw;text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* pages texte */
.txt{padding:70px 0 120px;min-height:60vh}
.txt__b{max-width:720px;margin:44px auto 0;font-size:16px;line-height:1.75}
.txt__b p{margin-bottom:18px}
.txt__b h2{font-weight:400;font-size:26px;letter-spacing:-.05em;text-transform:uppercase;margin:34px 0 12px}
.txt__b a:not(.cta){text-decoration:underline;text-underline-offset:3px}
.txt .wrap>p{text-align:center;margin-top:40px}
.szs--ro{margin-top:20px}

/* apparition */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}

@media(max-width:1100px){
  .grid{grid-template-columns:repeat(3,1fr)}
  .pdp__in{gap:40px}
  .faq__in{gap:50px}
}
@media(max-width:860px){
  :root{--hh:600px}
  .wrap,.hd__in{padding:0 20px}
  .hd__in{height:46px}
  .burger{width:44px;height:44px;padding:0;gap:5px;order:0}
  .burger span{width:38px}.burger span:last-child{width:19px}
  .burger[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .burger[aria-expanded=true] span:nth-child(3){width:38px;transform:translateY(-8px) rotate(-45deg)}
  .logo{font-size:26px}
  .bag{width:44px;height:44px}
  .menu{inset:79px 0 0}
  .deal{font-size:11px;gap:7px}
  .deal i{display:none}
  .stk--hero{width:420px;margin-left:-205px;top:calc(var(--hh)*.2)}
  .hero__splash{width:260px;height:150px;margin-left:-130px;opacity:.55;top:calc(var(--hh)*.55)}
  .hero__c{gap:22px}
  .hero__c .cta{width:100%;max-width:320px}
  .mq{height:48px}.mq__t{font-size:16px}.mq__t>*{margin-right:28px}
  .mq--tilt{top:calc(var(--hh) - 110px)}
  .circ{justify-content:flex-start;gap:16px;overflow-x:auto;scrollbar-width:none;padding:110px 20px 44px;scroll-snap-type:x proximity}
  .circ::-webkit-scrollbar{display:none}
  .circ__r{width:110px;height:110px}
  .sec{padding:56px 0}
  .sh__a{display:none}
  .rail{gap:14px;margin-right:-20px;padding-right:20px}
  .rail .card{flex-basis:78%}
  .bar{margin-top:26px}
  .grid{grid-template-columns:repeat(2,1fr);gap:28px 12px;padding-bottom:60px}
  .quote{padding:48px 0 60px}
  .quote__s{padding-bottom:36px}
  .cf{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;perspective:none;margin:0 -20px;padding:0 20px}
  .cf::-webkit-scrollbar{display:none}
  .cf__i,.cf__i--2{flex:0 0 62%;transform:none!important;scroll-snap-align:center}
  .split{padding:64px 0 190px}
  .split__in{grid-template-columns:1fr;gap:40px}
  .split .stk{max-width:340px}
  .mq--low{bottom:40px}
  .tall__b{height:480px}
  .tall__i{width:270px;height:380px;margin:-190px 0 0 -135px}
  .light:has(>.wrap>.rea){padding-bottom:56px}
  .rea{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0;gap:12px;background:none;margin-right:-20px;padding-right:20px}
  .rea::before{display:none}
  .rea::-webkit-scrollbar{display:none}
  .rea__i{flex:0 0 84%;scroll-snap-align:start;background:var(--k);padding:26px 16px 30px}
  .rea__c{width:104px;height:104px}
  .rea h3{margin:18px 0 10px}
  .faq{padding:64px 0}
  .faq__in{grid-template-columns:1fr;gap:28px}
  .ft__top{flex-direction:column-reverse;align-items:stretch}
  .ft__top .sq{align-self:flex-end}
  .logo--xl{font-size:21vw}
  .ft__cols{grid-template-columns:1fr 1fr;gap:34px 20px;padding:40px 0}
  .dr__hd{padding:14px 18px}.dr__bd{padding:0 18px 16px}.dr__ft{padding:12px 18px 16px}
  .ln{grid-template-columns:86px minmax(0,1fr);gap:12px}
  .cartp__g .ln{grid-template-columns:96px minmax(0,1fr);gap:14px}
  .cartp{padding:36px 0 56px}
  .ft__bot{flex-direction:column;gap:12px}
  .plp{padding-top:36px}
  .bigs{margin-top:30px;gap:8px}
  .plp__bar{font-size:13px}
  .pdp__in{grid-template-columns:1fr;gap:10px;padding-top:14px}
  .pdp__g{position:static}
  .gal figure{max-height:340px}
  .bd__row{grid-template-columns:22px 42px minmax(0,1fr);gap:6px}
  .bd__row .sel--z{grid-column:3}
  .bd__s{grid-column:3}
  .sw{width:40px;height:40px;padding:6px}
  .ln__q{height:42px}.ln__q button{width:40px;height:40px}
  .sel--s select{height:42px}
  .ln__x{padding:12px 0}
  .ft__cols a{padding:9px 0}
  main:has(.bb)+.ft{padding-bottom:96px}
  .bd__row img{width:42px;height:42px}
  .bd__h{padding:14px 12px;gap:10px}.bd__x{padding:0 12px 12px}
  .thumbs{flex-wrap:nowrap;gap:6px}
  .thumbs button{width:42px;height:42px;flex:none}
  .pdp__mh{display:block;padding-top:14px}
  .pdp__i>.pdp__k,.pdp__i>.pdp__h{display:none}
  .pdp__in{padding-top:0}
  .band__t{font-size:18px}.band__i{margin:0 26px}
  .bb{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--w);color:var(--k);border-top:1px solid var(--k);padding:8px 14px;transform:translateY(110%);transition:transform .3s}
  .bb.on{transform:none}
  .bb div{display:flex;flex-direction:column;font-size:13px;line-height:1.25;min-width:0}
  .bb b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bb .cta{min-height:44px;font-size:14px;background:var(--k);color:var(--l)}
  .cartp__g{grid-template-columns:1fr}
  .cartp__s{position:static}
  .toast{top:92px}
}
@media(prefers-reduced-motion:reduce){
  .mq__t,.band__in{animation:none}
  .rv{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}