/*! Lakche Boutique — feuille de styles principale. Jetons de design issus du logo client (noir, or, fuchsia) et de la bannière (violet). */
@font-face{font-family:"Figtree";src:url(../fonts/figtree-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree-latin-800-normal.woff2) format("woff2");font-weight:800 900;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(../fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(../fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(../fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");font-weight:400 600;font-style:italic;font-display:swap}
@font-face{font-family:"Pinyon Script";src:url(../fonts/pinyon-script-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}

/* Layout concept: an app-like, mobile-first boutique built from the client logo: noir disc, gold script, fuchsia "chut" lips,
   plus the violet of the Facebook cover. Noir/violet velvet is reserved for hero and footer; everything else reads on soft porcelain. */

:root{
  --bg:#FAF7F9; --surface:#FFFFFF; --surface-2:#F3ECF2; --ink:#160F17; --muted:#6C6170; --line:#E8DEE7;
  --brand:#160F17; --on-brand:#FFFFFF; --accent:#A11FA8; --accent-soft:#F4E0F4; --gold:#9A7414;
  --fuchsia:#E03CE0; --gold-bright:#E2BC55; --violet:#8E2AA8;
  --velvet-1:#0B080C; --velvet-2:#2A0B33; --velvet-ink:#FAF1F8; --velvet-muted:#CDB8CC;
  --wa:#178F4A; --wa-soft:#DDF3E5; --ok:#1E7F4F; --ok-soft:#DDF1E6; --warn:#A6620B; --warn-soft:#FBEBD3;
  --info:#5B3FB0; --info-soft:#E9E3FA; --bad:#B42335; --bad-soft:#FADDE0; --idle:#6B6470; --idle-soft:#ECE8EE;
  --shadow:0 1px 2px rgba(22,15,23,.06),0 8px 24px -8px rgba(22,15,23,.16);
  --shadow-lg:0 24px 60px -20px rgba(22,15,23,.38);
  --f-display:"Cormorant Garamond","Cormorant",Garamond,"Times New Roman",serif;
  --f-script:"Pinyon Script","Snell Roundhand","Apple Chancery",cursive;
  --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-s:10px; --r-m:16px; --r-l:26px; --ease:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0C090D; --surface:#161018; --surface-2:#211824; --ink:#F7EEF6; --muted:#B4A4B4; --line:#33263A;
  --brand:#D9AE3F; --on-brand:#140E05; --accent:#EB5BE8; --accent-soft:#371640; --gold:#D9AE3F;
  --wa:#3DCB78; --wa-soft:#123323; --ok:#5FD39A; --ok-soft:#14301F; --warn:#F2B35E; --warn-soft:#3A2810;
  --info:#B6A2FF; --info-soft:#271F45; --bad:#FF8A98; --bad-soft:#3E1820; --idle:#B4AAB8; --idle-soft:#2A2430;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -8px rgba(0,0,0,.6); --shadow-lg:0 24px 60px -20px rgba(0,0,0,.8);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0C090D; --surface:#161018; --surface-2:#211824; --ink:#F7EEF6; --muted:#B4A4B4; --line:#33263A;
  --brand:#D9AE3F; --on-brand:#140E05; --accent:#EB5BE8; --accent-soft:#371640; --gold:#D9AE3F;
  --wa:#3DCB78; --wa-soft:#123323; --ok:#5FD39A; --ok-soft:#14301F; --warn:#F2B35E; --warn-soft:#3A2810;
  --info:#B6A2FF; --info-soft:#271F45; --bad:#FF8A98; --bad-soft:#3E1820; --idle:#B4AAB8; --idle-soft:#2A2430;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -8px rgba(0,0,0,.6); --shadow-lg:0 24px 60px -20px rgba(0,0,0,.8);
  color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--surface)}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
h1,h2,h3{font-family:var(--f-display);font-weight:500;line-height:1.08;text-wrap:balance;margin:0;letter-spacing:-.01em}
p{margin:0}
.gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:1200px;margin:0 auto;width:100%}
.mono{font-family:var(--f-mono);font-size:.86em;letter-spacing:0}
.num{font-variant-numeric:tabular-nums}
.eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.muted{color:var(--muted)}
.ital{font-style:italic}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- buttons, chips, inputs ---------- */
.btn{--b:var(--brand);--o:var(--on-brand);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;
  background:var(--b);color:var(--o);padding:13px 22px;border-radius:99px;font-weight:600;font-size:14.5px;text-decoration:none;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn:active{transform:translateY(0) scale(.98)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.wa{--b:var(--wa);--o:#fff}
.btn.accent{--b:var(--accent);--o:#fff}
.btn.sm{padding:9px 15px;font-size:13px}
.btn.block{width:100%}
.btn svg{width:18px;height:18px;flex:none}
.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:99px;border:0;background:transparent;cursor:pointer;position:relative;color:var(--ink)}
.icon-btn:hover{background:var(--surface-2)}
.icon-btn svg{width:22px;height:22px}
.badge-count{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;color:var(--ink);transition:all .2s}
.chip:hover{border-color:var(--ink)}
.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.field{display:grid;gap:6px;min-width:0}
.field label{font-size:13px;font-weight:600}
.field .hint{font-size:12px;color:var(--muted)}
.field .err{font-size:12.5px;color:var(--bad);font-weight:500}
.input,select.input,textarea.input{width:100%;padding:12px 14px;border-radius:var(--r-s);border:1.5px solid var(--line);background:var(--surface);outline:none;transition:border .2s,box-shadow .2s}
.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--accent-soft)}
.field.invalid .input{border-color:var(--bad)}
textarea.input{min-height:84px;resize:vertical}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--brand);margin-top:2px;flex:none}
.switch{position:relative;display:inline-block;vertical-align:middle;width:44px;height:26px;flex:none}
.switch input{opacity:0;width:100%;height:100%;position:absolute;margin:0;cursor:pointer;z-index:1}
.switch span{position:absolute;inset:0;border-radius:99px;background:var(--line);transition:.2s}
.switch span::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.25s var(--ease);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.switch input:checked+span{background:var(--brand)}
.switch input:checked+span::after{transform:translateX(18px)}
.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}

/* status pills */
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st-awa{background:var(--warn-soft);color:var(--warn)}
.st-pay{background:var(--accent-soft);color:var(--accent)}
.st-pro{background:var(--info-soft);color:var(--info)}
.st-com{background:var(--ok-soft);color:var(--ok)}
.st-can{background:var(--idle-soft);color:var(--idle)}
.st-fai{background:var(--bad-soft);color:var(--bad)}

/* ---------- brand mark ---------- */
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo .badge{height:42px;width:42px;border-radius:50%;flex:none;display:block;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.mk{height:100%;width:auto;aspect-ratio:1;border-radius:50%;display:block}
.logo .wm{display:grid;line-height:1}
.logo .wm b{font-family:var(--f-script);font-weight:400;font-size:30px;color:var(--gold);line-height:.9;letter-spacing:0}
.logo .wm small{font-family:var(--f-display);font-size:13px;letter-spacing:.03em;font-weight:600;margin-top:1px;color:var(--ink)}

/* ---------- site header ---------- */
.ticker{background:var(--brand);color:var(--on-brand);font-size:12.5px;font-weight:500;overflow:hidden;white-space:nowrap}
.ticker div{display:inline-flex;gap:48px;padding:8px 0;animation:tick 38s linear infinite;padding-left:24px}
.ticker span::before{content:"✦";margin-right:12px;opacity:.6}
@keyframes tick{to{transform:translateX(-50%)}}
.sitehead{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.sitehead .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px}
.sitehead .l,.sitehead .r{display:flex;align-items:center;gap:2px}
.sitehead .r{justify-content:flex-end}
.sitehead nav{display:none;gap:22px;font-size:14px;font-weight:500;margin-left:12px}
.sitehead nav a{text-decoration:none;position:relative;padding:4px 0}
.sitehead nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.sitehead nav a:hover::after,.sitehead nav a.on::after{transform:scaleX(1)}
@media (min-width:980px){.sitehead nav{display:flex}.sitehead .menu-btn{display:none}}
.discreet-on .eye-open,.eye-closed{display:none}
.discreet-on .eye-closed{display:block}

/* drawer */
.scrim{position:fixed;inset:0;background:rgba(20,8,16,.5);z-index:70;opacity:0;pointer-events:none;transition:opacity .3s}
.scrim.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;width:min(380px,88vw);background:var(--surface);z-index:71;display:flex;flex-direction:column;transition:transform .45s var(--ease);
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:var(--shadow-lg)}
.drawer.left{left:0;transform:translateX(-102%);padding-left:env(safe-area-inset-left,0px)}
.drawer.right{right:0;transform:translateX(102%);padding-right:env(safe-area-inset-right,0px)}
.drawer.open{transform:none}
.drawer header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.drawer .body{flex:1;overflow-y:auto;padding:12px 16px}
.drawer footer{padding:16px;border-top:1px solid var(--line);display:grid;gap:10px}
.dlink{display:flex;align-items:center;gap:12px;padding:12px 6px;border-radius:12px;text-decoration:none;font-weight:500}
.dlink:hover{background:var(--surface-2)}
.dlink svg{width:20px;height:20px;color:var(--muted);flex:none}
.dlink .go{margin-left:auto;opacity:.4}
.dsec{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:16px 6px 4px}

/* bottom tab bar (mobile) */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:45;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);
  display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.tabbar a{display:grid;justify-items:center;gap:2px;padding:8px 0 7px;font-size:10.5px;font-weight:600;text-decoration:none;color:var(--muted);position:relative}
.tabbar a svg{width:22px;height:22px}
.tabbar a.on{color:var(--brand)}
.tabbar .badge-count{top:2px;right:calc(50% - 22px)}
@media (min-width:980px){.tabbar{display:none}}
.site-pad{padding-bottom:84px}
@media (min-width:980px){.site-pad{padding-bottom:0}}
.fab{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:44;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px -6px rgba(23,143,74,.6);text-decoration:none;transition:transform .3s var(--ease)}
.fab:hover{transform:scale(1.08) rotate(-6deg)}
.fab svg{width:28px;height:28px}
.fab::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:ping 2.4s var(--ease) infinite}
@keyframes ping{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
@media (min-width:980px){.fab{bottom:calc(24px + env(safe-area-inset-bottom,0px))}}

/* ---------- hero ---------- */
.hero{position:relative;background:radial-gradient(120% 90% at 85% 30%,#8E2AA8 0%,transparent 55%),radial-gradient(90% 80% at 0% 100%,#4A0A52 0%,transparent 60%),linear-gradient(160deg,var(--velvet-1),var(--velvet-2));color:var(--velvet-ink);overflow:hidden;isolation:isolate}
.hero .wrap{display:grid;gap:8px;align-items:center;padding-block:36px 28px;grid-template-columns:1fr}
@media (min-width:900px){.hero .wrap{grid-template-columns:1.05fr 1fr;padding-block:64px 64px}}
.hero h1{font-size:clamp(44px,8vw,86px);font-weight:500;letter-spacing:-.02em;line-height:1}
.hero h1 em{font-family:var(--f-script);font-style:normal;color:var(--gold-bright);font-weight:400;font-size:1.05em;letter-spacing:0}
.hero .eyebrow{color:var(--gold-bright)}
.hero p.lead{font-size:16.5px;max-width:46ch;color:var(--velvet-muted);margin-top:18px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hero .btn.light{--b:var(--gold-bright);--o:#140E05}
.hero .btn.ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.hero .btn.ghost:hover{box-shadow:inset 0 0 0 1.5px #fff}
.hero .stage{position:relative;height:clamp(250px,60vw,520px);order:-1;margin-inline:-16px}
@media (min-width:900px){.hero .stage{order:0;margin:0}}
.hero canvas{position:absolute;inset:0;width:100%;height:100%}
.hero .stage .fallback{position:absolute;inset:12% 16%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd1f8,#d03cc8 35%,#4a0a52 70%,transparent 72%);filter:blur(2px)}
.hero .floaty{position:absolute;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);font-size:12.5px;display:flex;gap:8px;align-items:center;animation:float 6s ease-in-out infinite}
.hero .floaty svg{width:16px;height:16px}
@keyframes float{50%{transform:translateY(-10px)}}
.hero .social{display:flex;gap:18px;margin-top:28px;font-size:13px;color:var(--velvet-muted);flex-wrap:wrap}
.hero .social a{display:inline-flex;gap:7px;align-items:center;text-decoration:none}
.hero .social a:hover{color:#fff}
.hero .social svg{width:16px;height:16px}
.hero .grain{position:absolute;inset:0;z-index:-1;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}

/* sections */
.sec{padding-block:44px}
@media (min-width:900px){.sec{padding-block:72px}}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(28px,4.4vw,44px)}
.sec-head a{font-size:14px;font-weight:600;text-decoration:none;color:var(--accent);white-space:nowrap}

/* univers cards */
.univ{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:700px){.univ{grid-template-columns:repeat(3,1fr);gap:18px}}
.ucard{position:relative;border-radius:var(--r-l);padding:22px;min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#fff;overflow:hidden;
  transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s;box-shadow:var(--shadow)}
@media (min-width:700px){.ucard{min-height:300px}}
.ucard:hover{box-shadow:var(--shadow-lg)}
.ucard .art{position:absolute;inset:0;z-index:0}
.ucard .art svg{position:absolute;right:-10%;top:-6%;width:70%;height:auto;opacity:.9;transition:transform .8s var(--ease)}
.ucard:hover .art svg{transform:rotate(-8deg) scale(1.06)}
.ucard>*:not(.art){position:relative;z-index:1}
.ucard h3{font-size:34px;font-style:italic}
.ucard p{font-size:13.5px;opacity:.85;margin-top:4px}
.ucard .go{position:absolute;top:18px;left:18px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;backdrop-filter:blur(6px)}
.u-elle{background:linear-gradient(150deg,#D63AD0,#4A0F52)}
.u-lui{background:linear-gradient(150deg,#2B2140,#0B080C)}
.u-couple{background:linear-gradient(150deg,#8E2AA8,#2A0B33 70%)}

/* category grid */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (min-width:900px){.cats{grid-template-columns:repeat(8,1fr);gap:14px}}
.cat{display:grid;justify-items:center;gap:8px;text-decoration:none;text-align:center;font-size:12px;font-weight:600;line-height:1.2}
.cat .ic{width:100%;aspect-ratio:1;max-width:96px;border-radius:24px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;transition:transform .35s var(--ease),background .3s,border-color .3s}
.cat .ic svg{width:44%;height:44%;color:var(--brand);transition:transform .5s var(--ease)}
.cat:hover .ic{transform:translateY(-4px);border-color:var(--accent);background:var(--accent-soft)}
.cat:hover .ic svg{transform:scale(1.12) rotate(-6deg)}

/* product card */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media (min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,46%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
@media (min-width:700px){.rail{grid-auto-columns:minmax(220px,24%);gap:18px}}
.rail>*{scroll-snap-align:start}
.pcard{position:relative;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line);transition:transform .45s var(--ease),box-shadow .45s;min-width:0;
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.pcard:hover{box-shadow:var(--shadow-lg)}
.pcard .media{position:relative;aspect-ratio:4/5;background:var(--surface-2);overflow:hidden;display:block}
.pcard .media img,.pcard .media .artbox{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .4s}
.pcard:hover .media img,.pcard:hover .media .artbox{transform:scale(1.06)}
.pcard .tags{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:2;flex-wrap:wrap}
.tag{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:var(--surface);color:var(--ink)}
.tag.sale{background:var(--accent);color:#fff}
.tag.new{background:var(--ink);color:var(--bg)}
.pcard .info{padding:12px 12px 14px;display:grid;gap:4px;flex:1}
.pcard .name{font-weight:600;font-size:14px;line-height:1.3;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard .cat-l{font-size:11.5px;color:var(--muted)}
.price{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.price b{font-weight:700;font-size:15px}
.price s{color:var(--muted);font-size:12.5px}
.pcard .mwrap{position:relative}
.pcard .add{position:absolute;right:10px;bottom:10px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .3s var(--ease)}
.pcard .add:hover{transform:scale(1.1) rotate(90deg)}
.pcard .add svg{width:20px;height:20px}
.soldout .media::after{content:"Stock épuisé";position:absolute;inset:0;display:grid;place-items:center;background:rgba(40,30,38,.62);color:#fff;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;z-index:2}
.soldout .add{display:none}
.thumbs .ph-note,.cart-line .ph-note,.fly .ph-note,.tbl .ph-note{display:none}
.ph-note{position:absolute;bottom:8px;left:8px;font-size:10px;font-weight:600;color:rgba(255,255,255,.85);z-index:2;letter-spacing:.04em}
.discreet-on .pcard .media img,.discreet-on .pcard .media .artbox,.discreet-on .gal img,.discreet-on .gal .artbox,.discreet-on .cart-line .thumb>*{filter:blur(16px) saturate(.6)}
.discreet-on .pcard .media::before{content:"Mode discret";position:absolute;inset:auto 0 50% 0;text-align:center;z-index:2;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}

/* promise / steps */
.promise{background:var(--surface);border-block:1px solid var(--line)}
.promise-grid{display:grid;gap:22px;grid-template-columns:1fr}
@media (min-width:900px){.promise-grid{grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}}
.pkg{position:relative;aspect-ratio:1.2;border-radius:var(--r-l);background:linear-gradient(160deg,var(--surface-2),var(--bg));display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.pkg svg{width:62%;height:auto}
.pkg .lid{transform-origin:50% 38%;animation:lid 5s var(--ease) infinite}
@keyframes lid{0%,30%{transform:none}45%,80%{transform:translateY(-14px) rotate(-4deg)}100%{transform:none}}
.feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:22px}
.feat div{display:grid;gap:6px}
.feat svg{width:26px;height:26px;color:var(--accent)}
.feat b{font-size:15px}
.feat p{font-size:13.5px;color:var(--muted)}
.steps{display:grid;gap:12px;grid-template-columns:1fr;counter-reset:s}
@media (min-width:800px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:18px;display:grid;gap:8px;position:relative}
.step .n{font-family:var(--f-display);font-style:italic;font-size:34px;color:var(--accent);line-height:1}
.step b{font-size:15px}
.step p{font-size:13.5px;color:var(--muted)}

.community{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:800px){.community{grid-template-columns:repeat(3,1fr)}}
.ccard{display:flex;gap:14px;align-items:center;padding:18px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:transform .3s var(--ease),border-color .3s}
.ccard:hover{transform:translateY(-3px);border-color:var(--accent)}
.ccard .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none;color:#fff}
.ccard .ic svg{width:24px;height:24px}
.ccard b{display:block;font-size:15px}
.ccard small{color:var(--muted);font-size:12.5px}

.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--accent);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:10px;color:var(--muted);max-width:65ch}

footer.site{background:var(--velvet-1);color:var(--velvet-muted);font-size:13.5px}
footer.site .wrap{padding-block:48px 28px;display:grid;gap:30px;grid-template-columns:1fr}
@media (min-width:800px){footer.site .wrap{grid-template-columns:1.4fr 1fr 1fr 1fr}}
footer.site h4{color:#fff;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}
footer.site a{display:block;text-decoration:none;padding:4px 0}
footer.site a:hover{color:#fff}
footer.site .logo{color:#fff}
footer.site .logo .wm small{color:var(--velvet-ink)}
footer.site .logo .wm b{color:var(--gold-bright)}
footer.site .base{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px}

/* ---------- shop page ---------- */
.page-head{padding-block:28px 8px}
.page-head h1{font-size:clamp(34px,6vw,58px)}
.crumbs{font-size:12.5px;color:var(--muted);margin-bottom:10px}
.crumbs a{text-decoration:none}
.toolbar{display:grid;gap:10px;margin:18px 0}
.toolbar .row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.toolbar .row::-webkit-scrollbar{display:none}
.search{position:relative}
.search svg{position:absolute;left:14px;top:50%;translate:0 -50%;width:18px;height:18px;color:var(--muted)}
.search .input{padding-left:42px;border-radius:99px}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13.5px}
.filters select{width:auto;padding:9px 12px;border-radius:99px}
.count{font-size:13px;color:var(--muted)}
.empty{padding:48px 16px;text-align:center;border:1.5px dashed var(--line);border-radius:var(--r-m);color:var(--muted)}

/* product page */
.pdp{display:grid;gap:24px;grid-template-columns:1fr;padding-block:18px 40px}
@media (min-width:900px){.pdp{grid-template-columns:1.1fr 1fr;gap:56px}}
.gal{display:grid;gap:10px;min-width:0}
.gal .main{position:relative;aspect-ratio:1;border-radius:var(--r-l);overflow:hidden;background:var(--surface-2)}
.gal .main img,.gal .main .artbox{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gal .thumbs{display:flex;gap:8px}
.gal .thumbs button{width:68px;height:68px;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:var(--surface-2);position:relative}
.gal .thumbs button.on{border-color:var(--brand)}
.gal .thumbs img,.gal .thumbs .artbox{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.pinfo{display:grid;gap:16px;align-content:start;min-width:0}
.pinfo h1{font-size:clamp(30px,4.6vw,46px)}
.pinfo .price b{font-size:24px}
.stock{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}
.stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.stock.in{color:var(--ok)} .stock.low{color:var(--warn)} .stock.out{color:var(--bad)}
.opts{display:flex;gap:8px;flex-wrap:wrap}
.opt{padding:9px 16px;border-radius:99px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;font-weight:500;font-size:14px}
.opt.on{border-color:var(--brand);background:var(--accent-soft)}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:99px;background:var(--surface)}
.qty button{width:40px;height:44px;border:0;background:none;cursor:pointer;font-size:18px}
.qty span{min-width:28px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}
.buyrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.buyrow .btn{flex:1;min-width:180px}
.assure{display:grid;gap:10px;padding:16px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);font-size:13.5px}
.assure div{display:flex;gap:10px;align-items:center}
.assure svg{width:20px;height:20px;color:var(--accent);flex:none}
.meta-row{font-size:12.5px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}

/* cart */
.cart-line{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.cart-line .thumb{width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--surface-2);position:relative}
.cart-line .thumb img,.cart-line .thumb .artbox{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.cart-line .t{font-weight:600;font-size:14px;line-height:1.3}
.cart-line .v{font-size:12px;color:var(--muted)}
.cart-line .qty button{width:32px;height:34px;font-size:15px}
.cart-line .rm{border:0;background:none;color:var(--muted);font-size:12.5px;cursor:pointer;text-decoration:underline;padding:0}
.sum{display:grid;gap:8px;font-size:14px}
.sum div{display:flex;justify-content:space-between;gap:10px}
.sum .tot{font-size:18px;font-weight:700;padding-top:8px;border-top:1px solid var(--line)}
.notice{display:flex;gap:10px;padding:12px 14px;border-radius:12px;background:var(--warn-soft);color:var(--ink);font-size:13px;line-height:1.45}
.notice svg{width:18px;height:18px;color:var(--warn);flex:none;margin-top:1px}
.notice.info{background:var(--info-soft)} .notice.info svg{color:var(--info)}
.notice.ok{background:var(--ok-soft)} .notice.ok svg{color:var(--ok)}
.two{display:grid;gap:24px;grid-template-columns:1fr;padding-block:10px 48px}
@media (min-width:900px){.two{grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}.two aside{position:sticky;top:90px}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:20px;display:grid;gap:16px;min-width:0}
.panel h2{font-size:24px}
.form-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:640px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}}
.phone-in{display:flex;gap:8px}
.phone-in .pre{flex:none;width:86px;text-align:center;background:var(--surface-2)}

/* confirmation */
.confirm-hero{text-align:center;display:grid;justify-items:center;gap:12px;padding-block:28px 10px}
.seal{width:84px;height:84px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;color:var(--brand);animation:pop .7s var(--ease) both}
.seal svg{width:40px;height:40px}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}100%{transform:none;opacity:1}}
.timeline{display:grid;gap:0;position:relative}
.tl{display:grid;grid-template-columns:26px 1fr;gap:12px;padding-bottom:16px;position:relative}
.tl::before{content:"";position:absolute;left:12px;top:22px;bottom:0;width:2px;background:var(--line)}
.tl:last-child::before{display:none}
.tl .dot{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:var(--surface);display:grid;place-items:center}
.tl.done .dot{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.tl.now .dot{border-color:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}
.tl .dot svg{width:14px;height:14px}
.tl b{font-size:14px;display:block}
.tl small{font-size:12.5px;color:var(--muted)}
.wa-bubble{background:#E7FFDB;color:#111B21;border-radius:12px 12px 12px 2px;padding:12px 14px;font-size:13px;white-space:pre-wrap;font-family:var(--f-body);line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.1);max-height:340px;overflow:auto}
.wa-frame{background:#EFE7DE;border-radius:var(--r-m);padding:14px;background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:14px 14px}
.wa-top{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#075E54;color:#fff;border-radius:var(--r-m) var(--r-m) 0 0;font-size:13px}
.wa-top .av{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center}
.wa-top .av img{width:100%;height:100%;border-radius:50%}
.wa-wrap .wa-frame{border-radius:0 0 var(--r-m) var(--r-m)}

/* legal / content */
.prose{max-width:70ch;display:grid;gap:14px;padding-block:8px 56px}
.prose h2{font-size:26px;margin-top:18px}
.prose p,.prose li{color:var(--muted)}
.prose ul{margin:0;padding-left:20px;display:grid;gap:6px}
.todo{display:inline-block;background:var(--warn-soft);color:var(--warn);font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:.04em}
.about-grid{display:grid;gap:24px;grid-template-columns:1fr;padding-bottom:48px}
@media (min-width:900px){.about-grid{grid-template-columns:1fr 1fr;gap:48px;align-items:center}}
.quote{font-family:var(--f-display);font-style:italic;font-size:clamp(26px,3.6vw,38px);line-height:1.2}
.values{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.values div{padding:16px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line)}
.values b{display:block;margin-bottom:4px}
.values p{font-size:13px;color:var(--muted)}

/* age gate */
.gate{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(20,8,16,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.gate .card{background:var(--surface);border-radius:var(--r-l);padding:28px 24px;max-width:420px;width:100%;text-align:center;display:grid;gap:14px;justify-items:center;box-shadow:var(--shadow-lg);animation:pop .6s var(--ease) both}
.gate h2{font-size:30px}
.gate p{font-size:14px;color:var(--muted)}
.gate .row{display:flex;gap:10px;width:100%}
.gate .row .btn{flex:1}

/* toast + fly */
.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));translate:-50% 0;z-index:95;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:99px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow-lg);display:flex;gap:10px;align-items:center;max-width:calc(100vw - 32px);transition:opacity .3s,transform .4s var(--ease)}
.toast.hide{opacity:0;transform:translateY(16px);pointer-events:none}
.fly{position:fixed;z-index:96;width:56px;height:56px;border-radius:50%;overflow:hidden;pointer-events:none;box-shadow:var(--shadow-lg);background:var(--surface-2)}
.fly img,.fly .artbox{width:100%;height:100%;object-fit:cover}
.bump{animation:bump .5s var(--ease)}
@keyframes bump{40%{transform:scale(1.3)}}

/* view enter */
.view{animation:enter .55s var(--ease) both}
@keyframes enter{from{opacity:.001;transform:translateY(10px)}}
.stagger>*{animation:enter .6s var(--ease) both}
.stagger>*:nth-child(2){animation-delay:.05s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}
.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.25s}.stagger>*:nth-child(7){animation-delay:.3s}.stagger>*:nth-child(n+8){animation-delay:.35s}

/* ---- v4 additions ---- */
img.on-white{object-fit:contain!important;background:#fff;padding:7%}
img.x{filter:blur(26px) saturate(.6);transform:scale(1.18)}
.revealed img.x{filter:none;transform:none}
.xveil{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:4px;text-align:center;color:#fff;background:rgba(11,8,12,.38);cursor:pointer;padding:10px}
.xveil svg{width:26px;height:26px}.xveil b{font-size:12.5px;letter-spacing:.04em}.xveil small{font-size:11px;opacity:.85}
.thumbs .xveil b,.thumbs .xveil small,.cart-line .xveil b,.cart-line .xveil small,.tbl .xveil b,.tbl .xveil small,.pf-img .xveil small{display:none}
.fly .xveil{display:none}.fly img.x{filter:blur(10px)}
.opt .dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:-2px;box-shadow:inset 0 0 0 1px rgba(127,127,127,.35)}
.gal .main{cursor:zoom-in}.gal .main img{transition:transform .25s var(--ease)}
.buybar{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom,0px));z-index:44;display:flex;align-items:center;gap:12px;justify-content:space-between;
  padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -10px 24px -14px rgba(0,0,0,.3);transition:transform .35s var(--ease)}
.buybar.off{transform:translateY(160%)}
.buybar .bb-n{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buybar .num{font-size:13px;color:var(--muted)}
@media (min-width:980px){.buybar{display:none!important}}
body.has-bb .fab{bottom:calc(150px + env(safe-area-inset-bottom,0px))}
@media (min-width:980px){body.has-bb .fab{bottom:calc(24px + env(safe-area-inset-bottom,0px))}}
.pend{background:var(--warn-soft);font-size:13.5px}
.pend .wrap{display:flex;gap:10px;align-items:center;padding-block:10px}
.pend svg{width:18px;height:18px;color:var(--wa);flex:none}
.pend span{flex:1;min-width:0}
.pend a{font-weight:700;text-decoration:none;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.pend a svg{color:currentColor;width:16px;height:16px}
.promo{position:relative;overflow:hidden;color:#fff;background:radial-gradient(80% 120% at 85% 50%,#B04BCB 0%,transparent 60%),linear-gradient(120deg,#5A1470,#8E2AA8 55%,#6A1A86)}
.promo .stars i{position:absolute;font-style:normal;color:#FFE7A8;opacity:.4;font-size:16px;animation:twinkle 3.2s ease-in-out infinite}
@keyframes twinkle{50%{opacity:.08}}
.promo-grid{display:grid;gap:28px;grid-template-columns:1fr;padding-block:48px;position:relative}
@media (min-width:900px){.promo-grid{grid-template-columns:1fr 1.15fr;align-items:center;padding-block:64px}}
.promo h2{font-family:var(--f-body);font-weight:800;font-size:clamp(38px,6vw,64px);letter-spacing:-.02em;text-transform:uppercase;line-height:.95;margin-top:10px}
.promo h2 em{font-style:normal;color:#F4C9A0}
.promo p{font-size:17px;max-width:38ch;margin-top:12px;color:#F6E6FA}
.promo .btn.light{--b:#fff;--o:#3A0A48}
.phone-chip{display:inline-flex;gap:10px;align-items:center;padding:12px 16px;border-radius:10px;background:#0B080C;color:#fff;text-decoration:none;font-size:14px}
.phone-chip svg{width:18px;height:18px}
.muted-v{display:flex;gap:8px;align-items:center;font-size:14px!important;color:#EBD3F2!important}
.muted-v svg{width:18px;height:18px}
.promo-stage{position:relative;height:clamp(300px,62vw,420px)}
.pfloat{position:absolute;width:44%;max-width:230px;background:#fff;color:#160F17;border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 30px 60px -20px rgba(20,0,30,.6);animation:float 6s ease-in-out infinite;transition:transform .4s var(--ease)}
.pfloat:hover{z-index:3}
.pf-img{display:block;position:relative;aspect-ratio:1;overflow:hidden}
.pf-img img,.pf-img .artbox{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pf-cap{display:grid;gap:2px;padding:10px 12px;font-size:12px}
.pf-cap b{font-size:12.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfloat.f0{left:0;top:8%;rotate:-7deg}
.pfloat.f1{left:30%;top:0;z-index:2;rotate:3deg;animation-delay:-2s;width:48%}
.pfloat.f2{right:0;top:22%;rotate:8deg;animation-delay:-4s}
.discreet-on .pf-img img{filter:blur(14px)}

/* ---- promotions ---- */
.tag.camp{background:#0B080C;color:#E2BC55}
.nav-offres{color:var(--accent);font-weight:600}
html[data-campaign="black"] .ticker{background:#050405;color:#E2BC55}
html[data-campaign="rose"] .ticker{background:#C21A6B;color:#fff}
html[data-campaign="gold"] .ticker{background:#2A1A05;color:#E2BC55}
html[data-campaign] .nav-offres::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:2px;animation:twinkle 1.6s infinite}
html[data-campaign=""] .nav-offres::before{display:none}
.cband{position:relative;overflow:hidden;color:#fff;background:#0B080C}
.cband.t-black{background:radial-gradient(50% 140% at 85% 50%,rgba(226,188,85,.28),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 12px,transparent 12px 24px),#050405}
.cband.t-gold{background:radial-gradient(60% 140% at 85% 50%,rgba(226,188,85,.35),transparent 60%),linear-gradient(120deg,#1E1205,#3A2408)}
.cband.t-rose{background:radial-gradient(60% 140% at 85% 50%,rgba(255,170,210,.35),transparent 60%),linear-gradient(120deg,#7A0F45,#C21A6B)}
.cband.t-plain{background:linear-gradient(120deg,#2A0B33,#8E2AA8)}
.cb-in{display:grid;gap:18px;padding-block:28px;align-items:center;grid-template-columns:1fr}
@media (min-width:900px){.cb-in{grid-template-columns:1.3fr auto auto;gap:36px;padding-block:34px}}
.cb-k{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#E2BC55}
.cband h2{font-family:var(--f-body);font-weight:900;font-size:clamp(36px,6.4vw,68px);letter-spacing:-.03em;text-transform:uppercase;line-height:.92;margin-top:6px}
.cband h2.sm{font-size:clamp(26px,4vw,40px)}
.cband h2 em{font-style:normal;color:#E2BC55}
.cb-pct{display:inline-block;font-size:.55em;vertical-align:.35em;background:#E2BC55;color:#0B080C;padding:.12em .35em;border-radius:.2em;letter-spacing:0;transform:rotate(-4deg)}
.cband.t-rose .cb-pct{background:#fff;color:#C21A6B}
.cband p{color:rgba(255,255,255,.82);margin-top:8px;font-size:15px}
.cband .btn{--b:#E2BC55;--o:#0B080C}
.cband.t-rose .btn{--b:#fff;--o:#7A0F45}
.cb-l{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:6px}
.cd{display:flex;gap:8px}
.cd span{min-width:58px;padding:9px 6px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(226,188,85,.4);display:grid;justify-items:center;gap:1px}
.cd b{font-size:24px;font-variant-numeric:tabular-nums;line-height:1}
.cd small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.cd.sm span{min-width:46px;padding:6px 4px;border-color:rgba(226,188,85,.5)}.cd.sm b{font-size:17px}
.cband.teaser .cb-in{padding-block:20px}
.offer-cd{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:#0B080C;color:#fff;font-size:13.5px}
.offer-cd.t-rose{background:#7A0F45}.offer-cd.t-gold{background:#2A1A05}
.offer-cd b{color:#E2BC55}
.coupon{display:flex;gap:8px;margin-bottom:6px}.coupon .input{flex:1;min-width:0;text-transform:uppercase}
.cp-on{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--ok-soft);font-size:13px}
.cp-on.bad{background:var(--bad-soft)}
.cp-on span{display:flex;gap:8px;align-items:center;min-width:0}.cp-on svg{width:16px;height:16px;flex:none}
.cp-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:800px){.cp-grid{grid-template-columns:repeat(3,1fr)}}
.cpcard{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-radius:14px;background:var(--surface);border:1.5px dashed var(--accent);position:relative}
.cpcard>div{display:grid;gap:3px;min-width:0}
.cpcard b.mono{font-size:17px;letter-spacing:.06em;color:var(--accent)}
.cpcard span{font-size:13.5px;font-weight:600}.cpcard small{font-size:12px;color:var(--muted)}
@media (min-width:980px){.prevchip{bottom:calc(24px + env(safe-area-inset-bottom,0px))}}

/* ---- retours en stock ---- */
.waitbox{display:grid;gap:14px;padding:18px;border-radius:var(--r-m);border:1.5px solid var(--line);background:var(--surface)}
.waitbox .form-grid{grid-template-columns:1fr}
@media (min-width:640px){.waitbox .form-grid{grid-template-columns:1fr 1.3fr}}
.waitbox select.pre{width:92px;flex:none;padding-inline:8px}
.wa-alt{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--wa);font-weight:600;text-decoration:none}
.wa-alt svg{width:16px;height:16px}

/* ---- v7 ---- */
html.lite .hero canvas,html.lite .grain,html.lite .promo .stars{display:none}
html.lite *,html.lite *::before,html.lite *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
html.lite .sitehead,html.lite .tabbar,html.lite .hero .floaty{backdrop-filter:none;-webkit-backdrop-filter:none}
.qprog{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:14px}
.qprog i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .5s var(--ease)}
.qopts{display:grid;gap:10px;margin-top:22px}
@media (min-width:700px){.qopts{grid-template-columns:1fr 1fr}}
.qopt{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-radius:var(--r-m);border:1.5px solid var(--line);background:var(--surface);font-size:16px;font-weight:600;text-align:left;cursor:pointer;transition:transform .25s var(--ease),border-color .2s,background .2s}
.qopt svg{width:20px;height:20px;color:var(--accent);opacity:.4;transition:transform .3s var(--ease),opacity .2s;flex:none}
.qopt:hover,.qopt.on{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}
.qopt:hover svg{opacity:1;transform:translateX(4px)}
.qr-card{position:relative;display:grid;gap:8px;align-content:start;min-width:0}
.qr-top{position:absolute;top:-10px;left:12px;z-index:4}
.qr-why{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;color:var(--ok)}.qr-why svg{width:14px;height:14px;flex:none;margin-top:2px}
.quizband{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:22px;border-radius:var(--r-l);text-decoration:none;color:var(--ink);background:linear-gradient(120deg,var(--accent-soft),var(--surface));border:1px solid var(--line);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s var(--ease)}
.quizband>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:220px}
.quizband b{font-family:var(--f-display);font-size:clamp(24px,3.2vw,32px);font-weight:500;line-height:1.1}
.quizband small{color:var(--muted);font-size:13.5px}
.qb-ic{width:56px;height:56px;border-radius:16px;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;flex:none}
.qb-ic svg{width:28px;height:28px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* =====================================================================
   Intégration WordPress / WooCommerce
   ===================================================================== */
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px}
.skip:focus{left:12px}
.sitehead nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.sitehead nav li.current-menu-item>a::after{transform:scaleX(1)}
.sitehead .menu-item a{text-decoration:none}
.f-list{list-style:none;margin:0;padding:0}
.f-h{color:#fff;font-family:var(--f-body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}
.f-ico{display:inline-flex;width:22px;height:22px}.f-ico svg{width:22px;height:22px}
footer.site .credit{display:inline;padding:0;color:var(--gold-bright);text-decoration:underline;text-underline-offset:3px}
.base .lite-btn{margin-left:auto}
@media (max-width:979px){footer.site{padding-bottom:64px}}
.narrow{max-width:860px}
.drawer[hidden],.scrim[hidden]{display:flex!important;visibility:hidden}
.scrim[hidden]{display:block!important}
.drawer.open,.scrim.open{visibility:visible}
.artbox{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.92)}
.artbox svg{width:42%;height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}
.wc-wrap,.wc-page,.prose-page{padding-bottom:56px}
.prose-page .prose{padding-block:8px 0}
.prose .quote,.prose p.quote{font-family:var(--f-display);font-style:italic;font-size:clamp(24px,3.4vw,34px);color:var(--ink)}
.stage .fallback{position:absolute;inset:12% 16%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd1f8,#d03cc8 35%,#4a0a52 70%,transparent 72%);filter:blur(2px)}
.has-gl .stage .fallback{display:none}
.floaty.f-a{top:14%;left:6%}.floaty.f-b{bottom:16%;right:6%;animation-delay:-3s}
.steps{list-style:none;margin:0;padding:0}

/* Grilles produits WooCommerce */
ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){ul.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media (min-width:1100px){ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}}
ul.products.rail{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(170px,46%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
@media (min-width:700px){ul.products.rail{grid-auto-columns:minmax(220px,24%)}}
ul.products.rail>li{scroll-snap-align:start}
ul.products::before,ul.products::after{display:none}
.pcard .media img.pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pcard .add.loading{opacity:.6;pointer-events:none}
.pcard .add.added{background:var(--ok)}
.pcard .added_to_cart{display:none}
.price{color:var(--ink)}
.price del{color:var(--muted);font-size:.85em;order:2}
.price ins{text-decoration:none;font-weight:700}
.pcard .price{font-weight:700;font-size:15px}
.price .woocommerce-Price-currencySymbol{font-size:.85em}
.toolbar .search{max-width:520px}
.toolbar select.input,.woocommerce-ordering select{width:auto;padding:9px 12px;border-radius:99px;border:1.5px solid var(--line);background:var(--surface)}
.woocommerce-ordering{margin:0}
.toolbar .count p{margin:0}
.woocommerce-pagination ul{display:flex;gap:6px;list-style:none;padding:0;justify-content:center;margin:28px 0}
.woocommerce-pagination a,.woocommerce-pagination span{display:grid;place-items:center;min-width:40px;height:40px;border-radius:99px;border:1px solid var(--line);text-decoration:none}
.woocommerce-pagination .current{background:var(--ink);color:var(--bg)}
.term-description{max-width:65ch;color:var(--muted)}

/* Fiche produit */
.single-product div.product{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);padding-block:18px 40px}
@media (min-width:900px){.single-product div.product{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px}}
.single-product div.product>.related,.single-product div.product>.up-sells{grid-column:1/-1}
.woocommerce-product-gallery{position:relative;min-width:0}
.woocommerce-product-gallery__wrapper{margin:0}
.woocommerce-product-gallery__image{border-radius:var(--r-l);overflow:hidden;background:var(--surface-2)}
.woocommerce-product-gallery__image img{width:100%;height:auto;display:block}
.woocommerce-product-gallery .flex-control-thumbs{display:flex;gap:8px;list-style:none;padding:0;margin:10px 0 0}
.woocommerce-product-gallery .flex-control-thumbs li{width:68px}
.woocommerce-product-gallery .flex-control-thumbs img{border-radius:12px;cursor:pointer;opacity:.7;border:2px solid transparent}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active{opacity:1;border-color:var(--brand)}
.woocommerce-product-gallery__trigger{position:absolute;top:14px;right:14px;z-index:5;width:40px;height:40px;border-radius:50%;background:var(--surface);display:grid;place-items:center;text-decoration:none;font-size:0;box-shadow:var(--shadow)}
.woocommerce-product-gallery__trigger::after{content:"⤢";font-size:18px;color:var(--ink)}
.woocommerce-product-gallery.is-explicit:not(.revealed) img{filter:blur(26px) saturate(.6)}
.woocommerce-product-gallery.is-explicit .xveil{border-radius:var(--r-l)}
.summary{display:grid;gap:14px;align-content:start;min-width:0}
.summary .product_title{font-size:clamp(30px,4.6vw,46px)}
.summary>.price{font-size:24px;font-weight:700;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.summary .woocommerce-product-details__short-description{color:var(--muted)}
.summary .stock{margin:0}
form.cart{display:grid;gap:12px}
form.cart:not(.variations_form),.woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.quantity{display:inline-flex}
.quantity .qty{width:72px;height:48px;text-align:center;border-radius:99px;border:1.5px solid var(--line);background:var(--surface);font-weight:600}
.single_add_to_cart_button{flex:1;min-width:180px}
.buy-now{width:100%}
table.variations{border:0;margin:0;width:100%}
table.variations th,table.variations td{display:block;padding:0;text-align:left}
table.variations label{font-size:13px;font-weight:600}
table.variations select{width:100%;padding:12px 14px;border-radius:var(--r-s);border:1.5px solid var(--line);background:var(--surface);margin:6px 0 4px}
.reset_variations{font-size:12.5px;color:var(--muted)}
.single_variation .price{font-size:18px;font-weight:700}
.related h2,.up-sells h2{font-size:30px;margin:12px 0 18px}
.woocommerce-product-attributes{width:100%}

/* Boutons WooCommerce */
.button,button.button,a.button,input.button,#place_order,.checkout-button,.single_add_to_cart_button,.woocommerce-mini-cart__buttons a{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;background:var(--brand);color:var(--on-brand);padding:13px 22px;border-radius:99px;font-weight:600;font-size:14.5px;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease);line-height:1.2}
.button:hover,#place_order:hover,.checkout-button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.button.disabled,.button:disabled,.single_add_to_cart_button.disabled{opacity:.5;cursor:not-allowed}
#place_order{width:100%;background:var(--wa);color:#fff;font-size:15.5px;padding:15px 22px}
.woocommerce-mini-cart__buttons{display:grid;gap:8px}
.woocommerce-mini-cart__buttons a:not(.checkout){background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}

/* Avis et messages */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,.wc-block-components-notice-banner{list-style:none;margin:0 0 16px;padding:12px 16px;border-radius:12px;background:var(--info-soft);font-size:14px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.woocommerce-message{background:var(--ok-soft)}
.woocommerce-error{background:var(--bad-soft);display:block}
.woocommerce-error li{margin:4px 0}
.woocommerce-message .button,.woocommerce-info .button{padding:8px 14px;font-size:13px;order:2}

/* Panier */
.wc-content{display:block}
table.shop_table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden}
table.shop_table th,table.shop_table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-variant-numeric:tabular-nums}
table.shop_table thead th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
table.cart img{width:64px;height:64px;object-fit:cover;border-radius:10px}
table.cart .product-remove a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface-2);text-decoration:none;color:var(--muted);font-size:18px}
table.cart .actions{background:var(--surface-2)}
table.cart .coupon{display:flex;gap:8px;flex-wrap:wrap;float:none}
table.cart .coupon .input-text{padding:10px 12px;border-radius:99px;border:1.5px solid var(--line);text-transform:uppercase;min-width:0;flex:1}
table.cart button[name="update_cart"]{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);margin-top:8px}
.cart-collaterals{margin-top:24px;display:grid;gap:24px}
@media (min-width:900px){.woocommerce-cart .wc-content>.woocommerce{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start}.woocommerce-cart .woocommerce-notices-wrapper{grid-column:1/-1}.cart-collaterals{margin:0}}
.cart_totals{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:20px}
.cart_totals h2{font-size:24px;margin-bottom:12px}
.cart_totals table.shop_table{border:0}
.cart_totals .order-total{font-size:18px}
.wc-proceed-to-checkout .checkout-button{width:100%;margin-top:14px}
.cross-sells{display:none}
@media (max-width:699px){
 table.shop_table_responsive thead{display:none}
 table.shop_table_responsive tr{display:grid;grid-template-columns:1fr 1fr;padding:10px 0;border-bottom:1px solid var(--line)}
 table.shop_table_responsive td{border:0;padding:4px 14px}
 table.shop_table_responsive td::before{content:attr(data-title);display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
 table.shop_table_responsive td.product-remove::before,table.shop_table_responsive td.product-thumbnail::before,table.shop_table_responsive td.actions::before{display:none}
 table.shop_table_responsive td.actions{grid-column:1/-1}
}

/* Commande */
form.checkout{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){form.checkout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}#order_review_heading,#order_review{grid-column:2}#customer_details{grid-row:1/span 2}}
#customer_details,#order_review{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:20px;min-width:0}
#customer_details .col-2{margin-top:6px}
#order_review_heading{font-size:24px;margin:0}
.woocommerce-billing-fields h3,.woocommerce-additional-fields h3{font-size:24px;margin:0 0 12px}
.form-row{display:grid;gap:6px;margin:0 0 14px}
.form-row label{font-size:13px;font-weight:600}
.form-row .required{color:var(--accent);text-decoration:none}
.form-row .optional{color:var(--muted);font-weight:400}
.input-text,.form-row select,.form-row textarea,.select2-container .select2-selection--single{width:100%;padding:12px 14px;border-radius:var(--r-s);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);min-height:48px}
.form-row textarea{min-height:90px}
.input-text:focus,.form-row select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px var(--accent-soft)}
.woocommerce-invalid .input-text,.woocommerce-invalid select{border-color:var(--bad)}
.select2-container .select2-selection--single .select2-selection__rendered{line-height:22px;padding:0}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:11px;right:8px}
.select2-dropdown{border-color:var(--line);background:var(--surface);color:var(--ink)}
#order_review table.shop_table{border:0}
#payment{background:transparent}
#payment ul.payment_methods{list-style:none;padding:0;margin:14px 0}
#payment .payment_box{background:var(--surface-2);border-radius:12px;padding:12px 14px;font-size:13.5px;margin-top:8px}
#payment .form-row.place-order{margin-top:12px}
.woocommerce-terms-and-conditions-wrapper{font-size:13px}
.woocommerce-form-coupon-toggle .woocommerce-info{background:var(--accent-soft)}
form.checkout_coupon{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.lbc-quote-notice td{padding:0!important;border:0!important}
.lbc-prov{color:var(--muted);font-weight:400}

/* Confirmation (extension) */
.lbc-thanks__head{text-align:center;display:grid;justify-items:center;gap:10px;padding-block:8px 18px}
.lbc-thanks__head h1{font-size:clamp(32px,5vw,50px)}
.lbc-thanks__head h1 em{font-family:var(--f-script);font-style:normal;color:var(--gold)}
.lbc-seal{width:84px;height:84px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;color:var(--brand);animation:pop .7s var(--ease) both}
.lbc-seal svg{width:40px;height:40px}
.lbc-thanks__grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.lbc-thanks__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}
.lbc-thanks .wa-top{flex-direction:column;align-items:flex-start;gap:0}
.lbc-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
ol.timeline{list-style:none;margin:0;padding:0}
.tl .dot::after{content:"";width:8px;height:8px;border-radius:50%}
.tl.done .dot::after{content:"✓";width:auto;height:auto;font-size:12px;color:var(--on-brand)}
p.notice{display:block}
p.notice.info{background:var(--info-soft)}p.notice.ok{background:var(--ok-soft)}

/* Compte */
.woocommerce-account .wc-content>.woocommerce{display:grid;gap:24px}
@media (min-width:900px){.woocommerce-account .wc-content>.woocommerce{grid-template-columns:240px minmax(0,1fr)}}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;overflow-x:auto}
@media (min-width:900px){.woocommerce-MyAccount-navigation ul{flex-direction:column}}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:10px;text-decoration:none;white-space:nowrap;font-weight:500}
.woocommerce-MyAccount-navigation .is-active a{background:var(--accent-soft);color:var(--brand)}
.woocommerce-form-login,.woocommerce-form-register{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:20px;max-width:520px}

/* Mini-panier (tiroir) */
.woocommerce-mini-cart{list-style:none;margin:0;padding:0}
.woocommerce-mini-cart-item{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);position:relative;font-size:14px}
.woocommerce-mini-cart-item a:not(.remove){display:contents;text-decoration:none;font-weight:600}
.woocommerce-mini-cart-item img{width:56px;height:56px;object-fit:cover;border-radius:10px;grid-row:span 2}
.woocommerce-mini-cart-item .remove{position:absolute;right:0;top:8px;text-decoration:none;color:var(--muted)}
.woocommerce-mini-cart-item .quantity{grid-column:2;font-size:12.5px;color:var(--muted)}
.woocommerce-mini-cart__total{display:flex;justify-content:space-between;padding:14px 0;font-size:16px}
.woocommerce-mini-cart__empty-message{color:var(--muted);text-align:center;padding:40px 0}

/* Retours en stock, suivi, quiz, contact (extension) */
.waitbox__head{display:grid;gap:4px}.waitbox__head .muted{font-size:13px}
.waitbox__form{display:grid;gap:12px}
@media (min-width:640px){.waitbox__form{grid-template-columns:1fr 1.3fr}.waitbox__form .btn{grid-column:1/-1}}
.waitbox .field{margin:0;display:grid;gap:6px}
.waitbox select.pre{width:92px;flex:none;padding-inline:8px}
.err{color:var(--bad);font-size:12.5px;font-weight:500}
.lbc-track,.lbc-contact{margin:12px 0}
.lbc-track .field,.lbc-contact .field{margin:0;display:grid;gap:6px}
.lbc-track-result{margin:16px 0}
.row-between{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.small{font-size:12px}
.lbc-quiz{max-width:900px}
.quiz-title{font-size:clamp(30px,5vw,46px);margin:12px 0}
.quiz-title em{font-style:italic}
.quiz-res{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:18px 0}
.quiz-card{position:relative;display:grid;gap:6px;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:0 0 14px;overflow:hidden}
.quiz-card>b,.quiz-card>.price,.quiz-card>.why{padding:0 14px}
.quiz-card .tag{position:absolute;top:10px;left:10px;z-index:2}
.quiz-img{display:block;aspect-ratio:4/5;background:var(--surface-2);overflow:hidden;position:relative}
.quiz-img img{width:100%;height:100%;object-fit:cover}
.quiz-img.is-explicit img{filter:blur(20px)}
.quiz-card .why{color:var(--ok);font-size:12.5px}
.linkish{border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer;margin-top:14px}
.form-grid .field.full{grid-column:1/-1}
.gate img{border-radius:50%}
html.age-pending body{overflow:hidden}
.buybar[hidden]{display:none!important}
.lite-btn{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.2);background:none;color:inherit;border-radius:99px;padding:6px 12px;font-size:12px;cursor:pointer}
.lite-btn svg{width:14px;height:14px}
footer.site .logo{display:inline-flex;padding:0}
.f-brand{display:grid;gap:14px;align-content:start}
.f-brand .row-wrap a{display:inline-flex;padding:0}
.lkb-noimg{position:relative;aspect-ratio:1}
.woocommerce-product-gallery .xveil{background:rgba(11,8,12,.62);z-index:6;color:#fff}
.woocommerce-product-gallery .xveil b{font-size:15px}