html{color-scheme:light}body{margin:0;font:14px system-ui,-apple-system,sans-serif}img{max-width:100%}[hidden]{display:none!important}

/* Layout: comptoir de commande — barre de recherche collante, liste dense d'articles, panier fixe en bas */
:root{
  --bg:#f3f4f6; --surface:#ffffff; --ink:#16202c; --muted:#5d6876; --line:#dde1e7;
  --accent:#1d5fa6; --accent-ink:#ffffff; --accent-soft:#e3edf8; --ok:#1f7a4d; --warn:#9a5b00;
  --display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0f141b; --surface:#18202a; --ink:#e6eaf0; --muted:#97a2b1; --line:#2a3542;
  --accent:#5a9be0; --accent-ink:#0b1420; --accent-soft:#1b2c40; --ok:#4cc38a; --warn:#e0a54a; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0f141b; --surface:#18202a; --ink:#e6eaf0; --muted:#97a2b1; --line:#2a3542;
  --accent:#5a9be0; --accent-ink:#0b1420; --accent-soft:#1b2c40; --ok:#4cc38a; --warn:#e0a54a; color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.4}
.wrap{max-width:980px;margin:0 auto;padding-inline:16px;padding-block:0 120px}
header.top{padding-block:20px 12px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:flex-end;justify-content:space-between}
.brand{font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:.02em;line-height:1;text-transform:uppercase}
.brand small{display:block;font-family:var(--body);font-weight:500;font-size:13px;letter-spacing:.04em;color:var(--muted);text-transform:none;margin-top:4px}
.tarif{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pill{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:12px;letter-spacing:.03em}
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);padding-block:8px 10px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}
.search{display:flex;gap:8px}
.search input{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.search input:focus,button:focus-visible,.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.chip{flex:none;font:inherit;font-size:13px;font-weight:600;padding:6px 11px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chip span{font-weight:500;opacity:.6;margin-left:4px;font-variant-numeric:tabular-nums}
.count{font-size:12px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding-top:10px}
ul.list{list-style:none;margin:6px 0 0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
li.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}
li.row:first-child{border-top:0}
li.row.in{background:var(--accent-soft)}
.lib{font-weight:500;min-width:0;overflow-wrap:anywhere}
.meta{display:flex;gap:10px;align-items:baseline;font-size:12.5px;color:var(--muted);margin-top:2px;flex-wrap:wrap}
.code{font-family:var(--mono);font-size:12px}
.price{font-family:var(--mono);font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}
.price s{color:var(--muted);font-size:12px;margin-right:4px}
.qty{display:flex;align-items:center;gap:4px}
.qty button{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
.qty button.add{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.qty input{width:44px;height:36px;text-align:center;font:inherit;font-family:var(--mono);font-size:15px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.more{display:block;margin:12px auto 0;font:inherit;font-weight:600;padding:10px 18px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.empty{padding:28px 16px;text-align:center;color:var(--muted)}
.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--ink);color:var(--bg);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
.cartbar .in{max-width:980px;margin:0 auto;display:flex;gap:12px;align-items:center;justify-content:space-between}
.cartbar b{font-family:var(--mono);font-size:16px}
.cartbar button{font:inherit;font-weight:700;font-family:var(--display);font-size:18px;letter-spacing:.04em;text-transform:uppercase;padding:10px 18px;border-radius:8px;border:0;background:var(--accent);color:var(--accent-ink);cursor:pointer}
.cartbar button:disabled{opacity:.45;cursor:default}
.sheet{position:fixed;inset:0;z-index:20;background:color-mix(in srgb,var(--ink) 45%,transparent);display:flex;justify-content:center;align-items:flex-end}
.panel{background:var(--surface);color:var(--ink);width:100%;max-width:640px;max-height:92%;overflow:auto;border-radius:14px 14px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px}
.panel h2{font-family:var(--display);font-size:24px;text-transform:uppercase;letter-spacing:.03em;margin:0;text-wrap:balance}
.phead{display:flex;justify-content:space-between;align-items:center;gap:12px}
.x{font:inherit;font-size:14px;font-weight:600;background:none;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:6px 12px;cursor:pointer}
table.recap{width:100%;border-collapse:collapse;font-size:14px}
.recap td{padding:7px 4px;border-bottom:1px solid var(--line);vertical-align:top}
.recap td.n{font-family:var(--mono);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.recap tfoot td{font-weight:700;border-bottom:0}
label.f{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
label.f input,label.f textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.actions{display:flex;flex-direction:column;gap:8px}
.btn{display:block;text-align:center;text-decoration:none;font:inherit;font-weight:700;font-size:16px;padding:13px 16px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer}
.btn.sec{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.danger{background:transparent;color:var(--warn);border-color:var(--line);font-weight:600;font-size:14px;padding:9px}
.hint{font-size:12.5px;color:var(--muted)}
.toast{font-size:13px;color:var(--ok);font-weight:600;min-height:1em}
pre.txt{white-space:pre-wrap;font-family:var(--mono);font-size:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px;margin:0;max-height:180px;overflow:auto}
@media (max-width:520px){li.row{grid-template-columns:auto minmax(0,1fr)} .qty{grid-column:2;justify-content:flex-end}}
.ico{width:44px;height:44px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.ico svg,.chip svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.chip svg{width:17px;height:17px;vertical-align:-3px;margin-right:5px}
.filters{display:flex;gap:8px}
.filters select{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);max-width:100%}
@media (prefers-reduced-motion:no-preference){.panel{animation:up .18s ease-out}@keyframes up{from{transform:translateY(16px);opacity:.6}}}

/* Accueil par familles */
.hero{padding-block:6px 4px}
.hero h1{font-family:var(--display);font-weight:700;font-size:34px;line-height:1.05;margin:0 0 4px;text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}
.hero p{margin:0;color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:14px}
.tile{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;transition:border-color .15s,transform .15s}
.tile:hover{border-color:var(--accent)}
.tile:active{transform:scale(.98)}
.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tile .ico{width:52px;height:52px;border-radius:12px}
.tile .ico svg{width:30px;height:30px}
.tile b{font-family:var(--display);font-weight:600;font-size:19px;line-height:1.1;letter-spacing:.01em;text-wrap:balance}
.tile small{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}
.tile .n-in{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:11px}
.fhead{display:flex;align-items:center;gap:12px;padding-top:12px}
.back{flex:none;font:inherit;font-weight:600;font-size:14px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.fhead h2{font-family:var(--display);font-weight:700;font-size:26px;text-transform:uppercase;letter-spacing:.02em;margin:0;line-height:1.05;min-width:0;text-wrap:balance}
.fhead .ico{flex:none}
.tile{padding:0;overflow:hidden;gap:0}
.tile .art{width:100%;aspect-ratio:16/10;max-width:100%;display:block;border-bottom:1px solid var(--line)}
.tile .art svg{width:100%;height:100%;display:block}
.tile b{padding:12px 14px 2px}
.tile small{padding:0 14px 14px}
.fbanner{margin-top:12px;border-radius:12px;overflow:hidden;height:120px;border:1px solid var(--line)}
.fbanner svg{width:100%;height:100%;display:block}
.fbanner img{width:100%;height:100%;object-fit:cover;display:block;background:#fff}
.cform{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;padding:12px;border:1px dashed var(--accent);border-radius:10px;background:var(--surface)}
.cform label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--muted)}
.cform input,.cform select{font:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);min-width:0}
.cform .act{display:flex;gap:8px;align-items:end}
.cform .err{grid-column:1/-1;color:var(--warn);font-size:13px;font-weight:600;min-height:0}
.btn-s{font:inherit;font-weight:700;font-size:14px;padding:9px 14px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer;white-space:nowrap}
.qty button.btn-s{width:auto;height:auto;font-size:14px;line-height:1.2;padding:9px 12px;background:var(--accent);color:var(--accent-ink)}
.btn-s.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.vpick{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.vpick label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--muted)}
.vpick select{font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.vphs{display:flex;gap:6px}
.vph{width:44px;height:44px;border-radius:8px;overflow:hidden;border:1px solid var(--line);cursor:zoom-in;background:#fff}
.vph img{width:100%;height:100%;object-fit:cover;display:block}
.tints{grid-column:1/-1;display:flex;flex-direction:column;gap:6px}
.tint{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:13.5px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 10px}
.tint b{font-family:var(--mono);font-size:13px}
.tint button,.del{font:inherit;font-size:12px;font-weight:600;color:var(--warn);background:none;border:1px solid var(--line);border-radius:6px;padding:4px 8px;cursor:pointer}
.recap .sub{font-size:12.5px;color:var(--accent);font-weight:600}
li.sec{padding:14px 14px 8px;border-top:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;gap:2px}
li.sec:first-child{border-top:0}
li.sec b{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.02em;text-transform:uppercase}
li.sec span{font-size:12.5px;color:var(--muted)}
.tag.maison{background:#c8102e;color:#fff}
.tag{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:5px;background:var(--ink);color:var(--bg);font-size:11px;font-weight:600;letter-spacing:.03em;vertical-align:1px}
.desc{font-size:13px;color:var(--muted);margin-top:3px;line-height:1.35;max-width:62ch}
.auth{position:fixed;inset:0;z-index:30;background:var(--bg);overflow:auto;padding:24px 16px}
.auth .box{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.auth h1{font-family:var(--display);font-weight:700;font-size:30px;text-transform:uppercase;margin:0;line-height:1.05}
.auth p{margin:0;color:var(--muted)}
.tabs{display:flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:4px}
.tabs button{flex:1;font:inherit;font-weight:600;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--ink);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--accent);color:var(--accent-ink)}
.auth form{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}
.auth .row2{display:grid;grid-template-columns:1fr 2fr;gap:10px}
.auth .err{color:var(--warn);font-weight:600;font-size:13.5px;min-height:1em}
.who{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);flex-wrap:wrap}
.who b{color:var(--ink)}
.who button{font:inherit;font-size:12.5px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:5px 10px;cursor:pointer}
.client-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.45}
.infos h3{font-family:var(--display);text-transform:uppercase;font-size:17px;margin:14px 0 4px;letter-spacing:.02em}
.infos p,.infos li{font-size:14px;line-height:1.5;color:var(--ink)}
.infos ul{margin:0;padding-left:18px}
.mode{display:flex;gap:8px;flex-wrap:wrap}
.mode label{flex:1;min-width:140px;display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-weight:600;cursor:pointer;background:var(--bg)}
.mode label.dis{opacity:.5;cursor:not-allowed}
.mode input{accent-color:var(--accent);width:18px;height:18px}
.minfo{font-size:13px;color:var(--muted)}
.minfo.warn{color:var(--warn);font-weight:600}
.hist{display:flex;flex-direction:column;gap:10px}
.hcard{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:var(--bg)}
.hcard .top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:14px}
.hcard ul{margin:0;padding-left:16px;font-size:13px;color:var(--muted)}
.foot{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);display:flex;gap:6px 14px;flex-wrap:wrap}
.linkbtn{font:inherit;background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer}
.cgu{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted)}
.cgu input{margin-top:2px;width:18px;height:18px;flex:none;accent-color:var(--accent)}
.ico.ph{background:#fff;padding:0;overflow:hidden;border:1px solid var(--line)}
.ico.ph img{width:100%;height:100%;object-fit:contain;display:block}
li.row .ico.ph{cursor:zoom-in}
.tile .art img{width:100%;height:100%;object-fit:cover;display:block;background:#fff}
.zoom{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:16px}
.zoom img{max-width:100%;max-height:100%;border-radius:10px;background:#fff}
.section-label{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin-top:18px}

/* Peinture à la teinte (accueil) */
.tz{margin-top:6px;border-radius:16px;padding:26px 16px 18px;background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,#e85d9a 22%,transparent),transparent 60%),radial-gradient(110% 90% at 100% 100%,color-mix(in srgb,#f2b65a 26%,transparent),transparent 60%),radial-gradient(90% 80% at 85% 10%,color-mix(in srgb,#5ab4e8 22%,transparent),transparent 60%),var(--surface);border:1px solid var(--line);text-align:center}
.tz-kick{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.tz h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,6vw,42px);line-height:1.02;margin:12px auto 6px;max-width:16em;text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}
.tz>p{margin:0 auto 16px;color:var(--muted);max-width:34em;text-wrap:pretty}
.tz-card{max-width:760px;margin:0 auto;text-align:left;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 8px 30px -18px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:12px}
.tz-tabs{display:flex;gap:4px;background:var(--bg);border-radius:10px;padding:4px}
.tz-tabs button{flex:1;font:inherit;font-weight:600;font-size:14px;padding:10px 6px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}
.tz-tabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.tz-tabs button[aria-selected="true"]{box-shadow:inset 0 -3px 0 var(--accent),0 1px 3px rgba(0,0,0,.12)}
.tz-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}
.tz-f label,.tz-s label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted)}
.tz-f input,.tz-s select,.tz-s input{font:inherit;font-size:16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);min-width:0}
.tz-f input:focus,.tz-s select:focus,.tz-s input:focus{outline:2px solid var(--accent);outline-offset:1px}
.tz-go{font:inherit;font-weight:700;font-size:16px;padding:13px 18px;border-radius:10px;border:0;background:var(--accent);color:var(--accent-ink);cursor:pointer;white-space:nowrap}
.tz-nom{grid-column:1/-1;font-size:14px;font-weight:600;min-height:0}
.tz-nom:empty{display:none}
.tz-nom.ok{color:var(--ok)}
.tz-nom.warn{color:var(--warn)}
.tz-ex{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}
.tz-ex button{font:inherit;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.tz-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.tz-stats{margin-top:14px;font-size:13px;color:var(--muted)}
.tz-stats b{color:var(--ink)}
.tz-s{display:flex;flex-direction:column;gap:12px;border-top:1px dashed var(--accent);padding-top:12px}
.tz-sum{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;background:var(--accent-soft);border-radius:10px;padding:10px 12px;font-size:14px}
.tz-sum b{font-family:var(--mono);font-size:14px}
.tz-h{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0}
.tz-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tz-g button{display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:left;font:inherit;padding:8px;border-radius:12px;border:2px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.tz-g button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.tz-g img,.tz-g .ph0{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--bg);display:grid;place-items:center;color:var(--accent)}
.tz-g .ph0 svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.6}
.tz-g b{font-size:14px;line-height:1.15}
.tz-g small{font-size:12px;color:var(--muted)}
.tz-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end}
.tz-ok{font-size:14px;font-weight:600;color:var(--ok);min-height:1em}
.tz-ok:empty{display:none}
.ou ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.ou p{margin:0}
/* ===== Carcolor Pro — thème « sombre premium » ===== */
:root{
  --bg:#f2f4f8; --surface:#ffffff; --ink:#0c1524; --muted:#5a6476; --line:#e0e4eb;
  --accent:#e8174b; --accent-ink:#ffffff; --accent-soft:#fde7ed; --ok:#14804a; --warn:#b4570a;
  --navy:#0a1422; --navy-2:#13223a; --navy-ink:#eef2f8; --navy-muted:#9aa8bf;
  --spectrum:linear-gradient(90deg,#ff2e63 0%,#ff8a00 28%,#ffd000 50%,#21c7e8 74%,#7b5cff 100%);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0b111b; --surface:#141c29; --ink:#e8edf5; --muted:#9aa5b7; --line:#243045;
  --accent:#ff4d73; --accent-ink:#0b111b; --accent-soft:#3a1622; --ok:#3fcf8a; --warn:#f0a050; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0b111b; --surface:#141c29; --ink:#e8edf5; --muted:#9aa5b7; --line:#243045;
  --accent:#ff4d73; --accent-ink:#0b111b; --accent-soft:#3a1622; --ok:#3fcf8a; --warn:#f0a050; color-scheme:dark}
body{background:var(--bg)}
.wrap{padding-block:0 120px}
/* En-tête */
header.nav{position:sticky;top:0;z-index:15;background:var(--navy);color:var(--navy-ink);box-shadow:0 1px 0 rgba(255,255,255,.06)}
header.nav::after{content:"";display:block;height:3px;background:var(--spectrum)}
.nav-in{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;color:inherit;cursor:pointer;flex:none}
.logo-dot{width:30px;height:30px;border-radius:50%;background:conic-gradient(#ff2e63,#ff8a00,#ffd000,#21c7e8,#7b5cff,#ff2e63);box-shadow:inset 0 0 0 7px var(--navy)}
.logo-t{font-family:var(--display);font-weight:700;font-size:25px;letter-spacing:.04em;line-height:1}
.logo-t b{font-weight:700;margin-left:4px;padding:1px 6px;border-radius:5px;background:var(--accent);color:#fff;font-size:17px;vertical-align:3px;letter-spacing:.08em}
.nsearch{flex:1 1 320px;min-width:0;order:2}
.nsearch input{width:100%;font:inherit;font-size:16px;padding:11px 14px 11px 40px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%235a6476' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E") no-repeat 14px 50%;color:#0c1524}
.nsearch input:focus{outline:3px solid #ff8a00;outline-offset:1px}
.acct{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto;order:3}
.ntel{color:var(--navy-ink);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
.nbtn,.who button{font:inherit;font-size:13.5px;font-weight:600;color:var(--navy-ink);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap}
.nbtn{background:var(--accent);border-color:var(--accent);color:#fff}
#adminBtn{background:#ffd000;border-color:#ffd000;color:#0a1422}
.who{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--navy-muted)}
.who b{color:#fff}
.menu{border-top:1px solid rgba(255,255,255,.07)}
.menu-in{max-width:1180px;margin:0 auto;padding:0 10px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.menu-in button{flex:none;font:inherit;font-size:14px;font-weight:600;color:var(--navy-ink);background:none;border:0;padding:11px 12px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.menu-in button:hover{border-bottom-color:#ff8a00}
/* Délais de livraison */
.delais{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:-26px}
.delais+h1{margin-top:30px}
@media (min-width:900px){.delais+h1{margin-top:44px}}
@media (min-width:900px){.delais{margin-top:0}.delais span{font-size:15px;padding:8px 16px}}
.delais span{display:inline-flex;gap:6px;align-items:center;font-size:14px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#e6ebf3}
.delais b{color:#fff}
@media (max-width:600px){.delais span{font-size:12.5px;padding:6px 11px}}
li.row .dl{display:block;font-size:12px;font-weight:600;color:#1f9d63;margin-top:3px}
/* Logo : PRO centré sous CARCOLOR */
.logo-t{display:flex;flex-direction:column;align-items:center;font-size:32px;line-height:.95}
.logo-t b{margin:4px 0 0;font-size:15px;padding:2px 10px;letter-spacing:.32em;text-indent:.32em;vertical-align:0}
.logo-dot{width:38px;height:38px}
@media (max-width:760px){.logo-t{font-size:24px}.logo-t b{font-size:11px;margin-top:3px;padding:1px 8px}.logo-dot{width:28px;height:28px}}
/* En-tête pleine largeur : logo tout à gauche, compte + panier tout à droite */
@media (min-width:761px){
.nav-in,.menu-in,.topbar-in{max-width:none!important;padding-left:clamp(16px,2.5vw,48px)!important;padding-right:clamp(16px,2.5vw,48px)!important}
.menu-in{justify-content:center;gap:clamp(2px,1.2vw,22px)}
.menu-in button{padding:12px 10px;font-size:14.5px}
.nav-in{gap:10px clamp(18px,3vw,56px);padding-top:12px;padding-bottom:12px}
.nsearch input{padding-top:13px;padding-bottom:13px}
}
@media (min-width:1500px){
.logo-t{font-size:38px}.logo-t b{font-size:17px}.logo-dot{width:44px;height:44px}
.menu-in button{font-size:16px;padding:14px 12px}
.hico{width:48px;height:48px}.hico svg{width:30px;height:30px}
.nsearch input{font-size:17px}
}
@media (max-width:760px){.nsearch{order:4;flex-basis:100%}.ntel{display:none}.logo-t{font-size:22px}}
.tarif{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
/* Hero sombre */
.tz{position:relative;overflow:hidden;margin:16px 0 0;border:0;border-radius:20px;padding:34px 16px 22px;color:var(--navy-ink);
  background:radial-gradient(60% 70% at 0% 0%,rgba(255,46,99,.45),transparent 60%),radial-gradient(55% 70% at 100% 100%,rgba(255,138,0,.35),transparent 60%),radial-gradient(45% 60% at 90% 0%,rgba(33,199,232,.35),transparent 60%),radial-gradient(40% 60% at 20% 100%,rgba(123,92,255,.35),transparent 60%),var(--navy)}
/* Hero pleine largeur */
html,body{overflow-x:clip}
.tz{margin:0 calc(50% - 50vw);border-radius:0;padding:44px max(16px,calc(50vw - 590px)) 30px}
@media (min-width:900px){.tz{padding-top:18px;padding-bottom:44px}.tz h1{font-size:clamp(44px,5vw,64px)}}
@media (min-width:900px){.tz-card{max-width:1080px;padding:22px 24px;gap:18px;border-radius:18px}.tz-tabs button{font-size:16px;padding:14px 8px}.tz-f{gap:14px}.tz-f label{font-size:14px}.tz-f input{font-size:18px;padding:17px 16px}.tz-go{font-size:18px;padding:18px 26px}.tz-ex,.tz-ex button{font-size:14px}.tz-ex button{padding:7px 14px}.tz-links{font-size:14px}}
.tz-kick{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.tz h1{color:#fff;font-size:clamp(30px,6.4vw,52px)}
.tz h1 em{font-style:normal;background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
.tz>p{color:#c8d2e2}
.tz-card{background:#fff;color:#0c1524;border:0;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
.tz-card .tz-f input,.tz-card select,.tz-card .tz-s input{background:#f3f5f9;color:#0c1524;border-color:#e0e4eb}
.tz-card .tz-tabs{background:#eef1f6}
.tz-card .tz-tabs button{color:#5a6476}
.tz-card .tz-tabs button[aria-selected="true"]{background:#fff;color:#0c1524}
.tz-card .tz-links,.tz-card .tz-ex{color:#5a6476}
.tz-card .tz-ex button{background:#f3f5f9;color:#0c1524;border-color:#e0e4eb}
.tz-card .tz-g button{background:#fff;color:#0c1524;border-color:#e0e4eb}
.tz-card .tz-g button[aria-pressed="true"]{border-color:var(--accent);background:#fde7ed}
.tz-card .tz-sum{background:#fde7ed;color:#0c1524}
.tz-card .linkbtn{color:#c0123d}
.tz-go{background:var(--accent);color:#fff}
.tz-stats{color:#c8d2e2}
.tz-stats b{color:#fff}
/* Atouts & marques */
.atouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px}
.atout{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}
.atout i{font-style:normal;font-size:24px;line-height:1;flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft)}
.atout b{display:block;font-family:var(--display);font-size:18px;letter-spacing:.01em}
.atout span{font-size:13px;color:var(--muted)}
.marques{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.marques span{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}
.marques span.nx{color:#fff;background:linear-gradient(135deg,#b45cf0,#6a3df5);border:0}
.section-label{font-family:var(--display);font-size:24px;font-weight:700;color:var(--ink);letter-spacing:.02em;text-transform:uppercase;margin-top:28px}
.section-label small{display:block;font-family:var(--body);font-size:13px;font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}
.tile{border-radius:14px}
.tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(10,20,34,.35)}
/* Pied de page sombre */
.sitefoot{margin-top:34px;border-radius:20px;background:var(--navy);color:var(--navy-ink);padding:24px 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;position:relative;overflow:hidden}
.sitefoot::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--spectrum)}
.sitefoot h3{font-family:var(--display);font-size:19px;letter-spacing:.03em;text-transform:uppercase;margin:0 0 8px;color:#fff}
.sitefoot p{margin:0 0 6px;font-size:14px;color:#c8d2e2;line-height:1.5}
.sitefoot a{color:#fff}
.sitefoot .linkbtn{color:#ffd000}
.sitefoot .cta{display:inline-block;margin-top:6px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:10px 16px;border-radius:999px}
.fineprint{grid-column:1/-1;font-size:12px;color:var(--navy-muted);border-top:1px solid rgba(255,255,255,.1);padding-top:12px}
/* Prix & promos */
.price .old{color:var(--muted);text-decoration:line-through;font-size:12px;margin-right:5px}
.price .promo{color:var(--accent);font-weight:700}
.tag.promo{background:var(--accent);color:#fff}
.tag.maison{background:linear-gradient(135deg,#b45cf0,#6a3df5);color:#fff}
.cartbar{background:var(--navy)}
.cartbar .in b{color:#fff}
.cartbar button{background:var(--accent);color:#fff}
.btn{background:var(--accent);border-color:var(--accent)}
.auth{background:radial-gradient(70% 60% at 0% 0%,rgba(255,46,99,.25),transparent 60%),radial-gradient(60% 60% at 100% 100%,rgba(33,199,232,.22),transparent 60%),var(--navy)}
.auth .box>.brand,.auth .box>h1,.auth .box>p{color:#fff}
.auth .box>p{color:#c8d2e2}
.auth .brand small{color:#9aa8bf}
.auth .skip{align-self:flex-end;font:inherit;font-weight:600;font-size:14px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 14px;cursor:pointer}
.auth .tabs{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.auth .tabs button{color:#fff}
.auth .tabs button[aria-selected="true"]{background:var(--accent);color:#fff}
.hstat{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#e8edf5;color:#0c1524}
.hstat.Nouvelle{background:#e0ecff;color:#1446a0}.hstat.En{background:#fff3d6;color:#8a5a00}.hstat.Prête{background:#dcf7e8;color:#0d6b3c}.hstat.Livrée{background:#e8e8ee;color:#444}.hstat.Annulée{background:#fde2e2;color:#a01818}
/* ===== Tableau de bord patron ===== */
#admin .fhead h2{font-size:30px}
.atabs{display:flex;gap:6px;margin-top:14px;overflow-x:auto;scrollbar-width:none}
.atabs button{flex:none;font:inherit;font-weight:700;font-size:14px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.atabs button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.atabs .badge{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px}
#aBody{margin-top:14px;display:flex;flex-direction:column;gap:14px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}
.kpi small{display:block;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.kpi b{display:block;font-family:var(--display);font-size:30px;line-height:1.1;margin-top:4px;font-variant-numeric:tabular-nums}
.kpi span{font-size:12.5px;color:var(--muted)}
.kpi.hot{background:var(--navy);border-color:var(--navy);color:#fff}.kpi.hot small,.kpi.hot span{color:#c8d2e2}
.acard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;overflow-x:auto}
.acard h3{margin:0 0 10px;font-family:var(--display);font-size:19px;text-transform:uppercase;letter-spacing:.02em}
.a2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
table.at{width:100%;border-collapse:collapse;font-size:13.5px}
table.at td,table.at th{padding:7px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.at th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
table.at td.n,table.at th.n{text-align:right;font-family:var(--mono);white-space:nowrap}
.bars{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:10px}
.bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;min-width:0}
.bars i{display:block;width:100%;max-width:38px;border-radius:6px 6px 2px 2px;background:var(--accent);min-height:2px}
.bars div:last-child i{background:#ff8a00}
.bars span{font-size:11px;color:var(--muted);white-space:nowrap}
.bars em{font-style:normal;font-size:10.5px;color:var(--muted);font-family:var(--mono)}
.fchips{display:flex;gap:6px;flex-wrap:wrap}
.fchips button{font:inherit;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.fchips button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ocard{background:var(--surface);border:1px solid var(--line);border-left:5px solid #1446a0;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.ocard.s-Prête{border-left-color:#14804a}.ocard.s-Livrée{border-left-color:#9aa0a8}.ocard.s-Annulée{border-left-color:#a01818;opacity:.75}.ocard.s-En{border-left-color:#e0a000}
.ocard .top{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;justify-content:space-between}
.ocard .top b{font-family:var(--mono);font-size:14px}
.ocard .who2{font-size:13.5px;color:var(--muted)}
.ocard .who2 b{color:var(--ink);font-family:var(--body);font-size:15px}
.ocard ul{margin:0;padding-left:18px;font-size:13.5px}
.ocard .teinte{color:var(--accent);font-weight:600}
.ocard .act{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ocard select,.arow input,.arow select{font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.ocard label,.arow label{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted)}
.arow{display:grid;grid-template-columns:minmax(0,2fr) repeat(4,auto) auto;gap:8px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.arow .t b{display:block;font-size:14.5px}.arow .t span{font-size:12.5px;color:var(--muted)}
.arow input[type=number]{width:96px}
@media (max-width:760px){.arow{grid-template-columns:1fr 1fr}.arow .t{grid-column:1/-1}}
.asearch{width:100%;font:inherit;font-size:16px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.tag.promo{background:var(--accent)!important;color:#fff!important}
.kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
@media (min-width:761px){.tz-f{grid-template-columns:repeat(3,minmax(0,1fr)) auto}}
.acct:has(#who:not([hidden])) .ntel{display:none}
@media (max-width:760px){.nav-in{gap:8px 10px;padding:8px 12px}.logo-t{font-size:20px}.logo-t b{font-size:14px}.logo-dot{width:24px;height:24px;box-shadow:inset 0 0 0 5px var(--navy)}.nbtn,.who button{padding:6px 11px;font-size:13px}.who>span{display:none}.who .lg{display:none}.who button{padding:6px 10px;font-size:15px}.menu-in button{padding:9px 10px;font-size:13.5px}}
.auth .box{max-width:980px}
.auth .tabs{display:none}
.auth .row2>label{min-width:0}.auth form input{min-width:0;width:100%;box-sizing:border-box}
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}
.duo form{border-radius:16px;box-shadow:0 20px 50px -24px rgba(0,0,0,.6)}
.fh{display:flex;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.fh span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:#e0ecff}
.fh.nw span{background:#fde7ed}
.fh b{display:block;font-family:var(--display);font-size:22px;text-transform:uppercase;letter-spacing:.02em}
.fh small{color:var(--muted);font-size:13px}
.access{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:14px}
.acc{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:5px solid #1446a0;border-radius:14px;padding:16px}
.acc.nw{border-left-color:var(--accent)}
.acc .ai{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:#e0ecff}
.acc.nw .ai{background:var(--accent-soft)}
.acc b{font-family:var(--display);font-size:21px;text-transform:uppercase;letter-spacing:.02em}
.acc p{margin:2px 0 0;font-size:13.5px;color:var(--muted)}
.acc>div{flex:1;min-width:0}
.acc .btn-s{flex:none}
.acc.nw .btn-s{background:var(--accent);border-color:var(--accent)}
.acc:not(.nw) .btn-s{background:#1446a0;border-color:#1446a0;color:#fff}
@media (max-width:520px){.acc{flex-wrap:wrap}.acc .btn-s{width:100%}}
/* ===== v13 : interface boutique ===== */
.topbar{background:#060d18;color:#c8d2e2;font-size:12.5px}
.topbar-in{max-width:1180px;margin:0 auto;padding:6px 16px;display:flex;gap:6px 18px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.topbar b{color:#fff}.topbar a{color:#fff;text-decoration:none}
.topbar .linkbtn{color:#ffd000;font-size:12.5px}
.topbar .tl{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width:760px){.topbar .tl span:nth-child(n+2){display:none}}
.hcart{position:relative;font:inherit;font-weight:700;font-size:14px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 14px 7px 12px;cursor:pointer;display:flex;gap:8px;align-items:center;white-space:nowrap}
.hcart i{font-style:normal;font-size:18px}
.hcart .hn{position:absolute;top:-6px;left:24px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:11.5px;display:grid;place-items:center}
.hcart .hn:empty{display:none}
@media (max-width:760px){.hcart span.ht{display:none}}
/* Panier toujours en haut à droite (barre du bas supprimée) */
.cartbar{display:none!important}
.wrap{padding-block:0 40px}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}
.hcart.bump{animation:bump .45s ease}
body.scrolled header.nav .topbar{display:none}
@media (max-width:760px){body.scrolled header.nav .menu{display:none}}
.hico{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:none;color:#fff;cursor:pointer}
.hico:hover{background:rgba(255,255,255,.1)}
.hico svg{display:block}
.hcart.hico .hn{top:2px;left:auto;right:0;background:#fff;color:#0a1422;font-weight:700}
.acct{margin-left:auto;position:relative}
.hico.on::after{content:"";position:absolute;right:5px;bottom:6px;width:10px;height:10px;border-radius:50%;background:#3fcf8a;box-shadow:0 0 0 2px var(--navy)}
.acct .who{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:230px;flex-direction:column;align-items:stretch;gap:4px;padding:10px;border-radius:12px;background:#fff;color:#0c1524;box-shadow:0 16px 40px -12px rgba(0,0,0,.5)}
.acct .who>span{display:block!important;padding:6px 8px 10px;border-bottom:1px solid #e6e9ef;margin-bottom:4px;font-size:14px;color:#5a6476}
.acct .who b{color:#0c1524}
.acct .who button{display:flex;gap:8px;text-align:left;width:100%;background:none;border:0;border-radius:8px;color:#0c1524;padding:10px 8px;font-size:14.5px}
.acct .who button:hover{background:#f3f5f9}
.acct .who .lg{display:inline!important}
.acct .who #adminBtn{background:#fff6cc}
.menu-in .mm{color:#ffd000}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);color:var(--ink);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);border-top:3px solid var(--accent);z-index:16}
.mega-in{max-width:1180px;margin:0 auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px;max-height:70vh;overflow:auto}
.mega button{display:flex;gap:10px;align-items:center;text-align:left;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);background:none;border:0;border-radius:10px;padding:8px;cursor:pointer}
.mega button:hover{background:var(--bg)}
.mega button .ico{width:36px;height:36px;flex:none}
.mega button small{display:block;font-weight:500;color:var(--muted);font-size:12px}
header.nav{position:sticky}
/* Produits en cartes */
ul.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px;background:none;border:0;border-radius:0;overflow:visible}
ul.list li.sec{grid-column:1/-1;background:none;border:0;padding:14px 2px 0}
ul.list li.sec b{font-size:21px}
ul.list li.empty{grid-column:1/-1;background:var(--surface);border-radius:14px}
li.row{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:10px;border:1px solid var(--line)!important;border-radius:14px;background:var(--surface);position:relative;transition:box-shadow .15s,border-color .15s}
li.row:hover{border-color:#c9d0db!important;box-shadow:0 12px 26px -18px rgba(10,20,34,.45)}
li.row.in{background:var(--surface);border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent) inset}
li.row>.ico{width:100%;height:auto;aspect-ratio:1/1;border-radius:10px;background:#fff;border:0}
li.row>.ico:not(.ph){background:var(--accent-soft)}
li.row>.ico svg{width:46%;height:46%}
li.row>.ico.ph{width:100%;height:auto;aspect-ratio:1/1}
li.row>.ico.ph img{object-fit:contain;padding:6px}
li.row>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
li.row .lib{font-size:14px;font-weight:600;line-height:1.3}
li.row .desc{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
li.row .meta{flex-direction:column;align-items:flex-start;gap:2px;margin-top:auto}
li.row .price{font-size:17px;font-weight:700;font-family:var(--body)}
li.row .ttc{font-size:11.5px;color:var(--muted)}
li.row .qty{justify-content:stretch;grid-column:auto}
li.row .qty .add{flex:1;width:auto;font-size:14px;font-weight:700}
li.row .qty .add::after{content:" Ajouter"}
li.row.in .qty .add::after{content:""}
li.row .qty .btn-s{flex:1}
li.row .vpick{flex-direction:column;align-items:stretch}
li.row .vpick select{width:100%}
li.row .tints{gap:4px}
li.row .tint{flex-wrap:wrap;font-size:12.5px}
li.row:has(.cform){grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:start}
li.row:has(.cform)>.ico{width:150px}
li.row:has(.cform) .cform,li.row:has(.cform) .tints{grid-column:1/-1}
@media (max-width:520px){ul.list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}li.row{padding:8px}li.row .lib{font-size:13px}li.row .price{font-size:15.5px}li.row:has(.cform){grid-template-columns:90px minmax(0,1fr)}li.row:has(.cform)>.ico{width:90px}li.row:has(.cform) .qty{grid-column:1/-1}}
.badge-r{position:absolute;top:10px;left:10px;z-index:1;background:var(--accent);color:#fff;font-weight:800;font-size:13px;padding:3px 8px;border-radius:8px}
li.row .tag.promo{display:none}
/* Blocs accueil */
.strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:thin}
.strip>li.row{flex:0 0 210px;scroll-snap-align:start;list-style:none}
ul.strip{margin:10px 0 0;padding-left:2px}
.bestx{display:flex;align-items:stretch;margin:0 calc(50% - 50vw);background:#fff;border-block:1px solid var(--line);overflow:hidden}
.mq-lab{flex:none;display:flex;align-items:center;padding:0 16px 0 max(16px,calc(50vw - 590px));font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:var(--navy);color:#fff;position:relative;z-index:1;box-shadow:12px 0 16px -6px #fff}
.mq-win{flex:1;min-width:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 40px),transparent)}
.mq-track{display:flex;width:max-content;animation:mqdef 40s linear infinite}
.mq-win:hover .mq-track,.mq-track:focus-within{animation-play-state:paused}
@keyframes mqdef{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq-track{animation:none}.mq-win{overflow-x:auto}}
.mq-it{display:flex;align-items:center;gap:10px;flex:none;width:250px;padding:8px 14px;border:0;border-right:1px solid var(--line);background:none;font:inherit;color:#0c1524;text-align:left;cursor:pointer}
.mq-it:hover{background:#f3f5f9}
.mq-it img,.mq-ic{width:52px;height:52px;flex:none;border-radius:8px;object-fit:cover;background:#f3f5f9;display:grid;place-items:center;color:var(--accent)}
.mq-ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mq-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.mq-n{font-size:12.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mq-t b{font-size:13.5px;color:var(--accent)}
li.row.flash{outline:3px solid var(--accent);outline-offset:2px;transition:outline .3s}
@media (max-width:600px){.mq-lab{padding:0 12px;font-size:18px}.mq-lab span{display:none}.mq-it{width:210px}}
.hbanner{margin-top:16px;border-radius:18px;padding:22px 20px;background:linear-gradient(120deg,#e8174b,#ff8a00);color:#fff;display:flex;gap:12px 20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hbanner b{font-family:var(--display);font-size:clamp(22px,4vw,32px);text-transform:uppercase;letter-spacing:.02em;line-height:1.05}
.hbanner span{display:block;font-size:14px;opacity:.95}
.hbanner button{font:inherit;font-weight:800;font-size:15px;background:#fff;color:#c0123d;border:0;border-radius:999px;padding:11px 20px;cursor:pointer}
.etapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:10px;counter-reset:et}
.etape{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}
.etape::before{counter-increment:et;content:counter(et);position:absolute;right:12px;top:-6px;font-family:var(--display);font-weight:700;font-size:84px;color:var(--bg);line-height:1}
.etape b{font-family:var(--display);font-size:22px;text-transform:uppercase;position:relative}
.etape p{margin:0;font-size:13.5px;color:var(--muted);position:relative}
.etape .links{display:flex;flex-wrap:wrap;gap:6px;position:relative}
.etape .links button{font:inherit;font-size:13px;font-weight:600;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.etape .links button:hover{border-color:var(--accent);color:var(--accent)}
.sitefoot .fcol button{display:block;font:inherit;font-size:14px;color:#c8d2e2;background:none;border:0;padding:3px 0;cursor:pointer;text-align:left}
.sitefoot .fcol button:hover{color:#fff}
/* « Tous nos produits » : seulement via le menu */
#produitsBox{display:block;margin-top:18px}
#home #bestBlk{display:none!important}
#home.vprod>*:not(#produitsBox):not(.sitefoot){display:none!important}
#home.vprod>#produitsBox{display:block;padding-top:8px}
.sitefoot{margin:34px calc(50% - 50vw) 0;border-radius:0;padding:34px max(16px,calc(50vw - 590px)) 26px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px 40px}
@media (min-width:900px){.sitefoot{grid-template-columns:repeat(3,1fr)}.sitefoot .fineprint{grid-column:1/-1}}
.pay{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.pay span{font-size:12px;font-weight:700;padding:4px 9px;border-radius:6px;background:rgba(255,255,255,.1);color:#fff}
/* Panier latéral + barre livraison */
@media (min-width:900px){#sheet{justify-content:flex-end;align-items:stretch}#sheet .panel{max-width:470px;max-height:none;height:100%;border-radius:0;animation:slide .2s ease-out}@keyframes slide{from{transform:translateX(40px);opacity:.6}}}
.livbar{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.livbar .tr{height:8px;border-radius:999px;background:var(--bg);overflow:hidden;border:1px solid var(--line)}
.livbar .tr i{display:block;height:100%;background:var(--spectrum);border-radius:999px;transition:width .3s}
.livbar.ok{color:var(--ok)}
.cartbar .lv{font-size:12px;opacity:.85}
.ntel{display:none!important}
.cform .act{grid-column:1/-1;flex-wrap:wrap}
@media (max-width:760px){.lg2{display:none}.nav-in{flex-wrap:wrap}.acct{flex-wrap:nowrap}}
/* Rappel */
.rform{display:flex;flex-direction:column;gap:10px}

.steps{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12.5px}
.steps i{font-style:normal;color:var(--muted)}
.steps .st{padding:4px 9px;border-radius:999px;background:var(--bg);color:var(--muted);border:1px solid var(--line);font-weight:600}
.steps .st.done{background:#dcf7e8;color:#0d6b3c;border-color:#bfe9d1}
.steps .st.cur{background:var(--navy);color:#fff;border-color:var(--navy)}
.steps .st.ko{background:#fde2e2;color:#a01818;border-color:#f6c4c4}
.histo{font-size:12px;color:var(--muted)}
.nextb{font-size:15px;padding:11px 16px;background:#14804a!important;border-color:#14804a!important}
.cancelb{font:inherit;font-size:12.5px;font-weight:600;color:#a01818;background:none;border:1px solid #f0c9c9;border-radius:8px;padding:7px 10px;cursor:pointer;margin-left:auto}
.late{font-size:12.5px;font-weight:700;color:#b4570a}
.mailnote{margin:0;font-size:12px}
body:has(#admin:not([hidden])) .cartbar{display:none}
.chk{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--bg)}
.chk-h{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.chk-h .btn-s{margin-left:auto}
.chk ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.chk li{display:flex;gap:8px;align-items:flex-start;padding:6px;border-radius:8px;background:var(--surface);border:1px solid var(--line);font-size:13.5px}
.chk li.p-ok{background:#e9f8ef;border-color:#bfe9d1}.chk li.p-ok .pt{color:var(--muted)}
.chk li.p-manque{background:#fdecec;border-color:#f3c3c3}
.chk .pk{flex:none;width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-size:16px;font-weight:800;cursor:pointer;display:grid;place-items:center}
.chk .pk.ok{color:#14804a}.chk .pk.ko{color:#a01818}
.chk li.p-ok .pk.ok{background:#14804a;color:#fff;border-color:#14804a}
.chk li.p-manque .pk.ko{background:#a01818;color:#fff;border-color:#a01818}
.chk .pq{flex:none;font-weight:800;min-width:34px;padding-top:7px}.chk .pt{padding-top:7px}
.manque{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.manque textarea{flex:1 1 260px;font:inherit;font-size:14px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.manque .btn-s{background:#a01818;border-color:#a01818}
.catg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:10px}
.catc{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px}
.catc .cimg{display:block;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--line)}
.catc img{width:100%;height:100%;object-fit:cover;display:block}
.catc b{font-size:14px;line-height:1.25}
.cact{display:flex;gap:6px;margin-top:auto;flex-wrap:wrap}.cact>*{flex:1 1 70px;text-align:center;text-decoration:none;font-size:13px;padding:8px 6px}
.btn-s.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.dvcta{display:flex;gap:10px 16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:12px;background:var(--navy);color:#fff;border-radius:14px;padding:14px 16px}
.dvcta b{display:block;font-family:var(--display);font-size:20px;text-transform:uppercase}.dvcta span{font-size:13.5px;color:#c8d2e2}
.dl{display:grid;grid-template-columns:1fr 1fr 2fr 70px 70px auto;gap:6px;align-items:end;padding:8px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;background:var(--bg)}
.dl label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--muted);min-width:0}
.dl input{font:inherit;font-size:15px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);min-width:0;width:100%}
.dl .dlx{padding:8px 10px}
@media (max-width:640px){.dl{grid-template-columns:1fr 1fr}.dl .w{grid-column:1/-1}}
.dvh{font-family:var(--display);text-transform:uppercase;margin:0}
.hstat.dv-Demandé{background:#fff3d6;color:#8a5a00}.hstat.dv-Envoyé{background:#e0ecff;color:#1446a0}.hstat.dv-Accepté{background:#dcf7e8;color:#0d6b3c}.hstat.dv-Refusé{background:#fde2e2;color:#a01818}
.ocard.dv-Demandé{border-left-color:#e0a000}.ocard.dv-Accepté{border-left-color:#14804a}.ocard.dv-Refusé{border-left-color:#a01818;opacity:.7}
.dvp{width:100px;font:inherit;font-size:15px;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);text-align:right}
.dvd,.dvmsg{font:inherit;font-size:14px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.dvmsg{flex:1 1 220px}
.dvm{margin-top:4px}.dvb{display:flex;gap:8px;flex-wrap:wrap}.dvb .btn{flex:1}
.finnote{margin:0;font-size:13px;background:#fff7e0;border:1px solid #f5dfa0;color:#5a4300;border-radius:10px;padding:8px 10px}
.finsel{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;font-weight:600;color:var(--ink);margin-top:4px}
.finsel select{font:inherit;font-size:13px;padding:5px 8px;border:1px solid #e0a000;border-radius:8px;background:#fff7e0;color:#0c1524}
.finb{display:inline-block;margin-top:3px;font-size:12px;font-weight:700;color:#8a5a00}
.mhero{margin-top:12px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:20px;overflow:hidden;background:var(--navy);color:#fff}
.mh-t{padding:30px 26px;display:flex;flex-direction:column;gap:12px;justify-content:center;background:radial-gradient(70% 80% at 0% 0%,rgba(242,183,5,.35),transparent 60%),var(--navy)}
.mh-t h1{font-family:var(--display);font-size:clamp(32px,5vw,50px);line-height:1;margin:0;text-transform:uppercase}
.mh-t h1 em{font-style:normal;color:#f2b705}
.mh-t p{margin:0;color:#c8d2e2;font-size:15px;max-width:40em}
.mh-b{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mh-tel{color:#fff;font-weight:700;text-decoration:none}
.mh-img{background:#f2b705 linear-gradient(135deg,#ffd84d,#e0a000);display:grid;place-items:center;min-height:260px;padding:20px}
.mh-img img{max-width:80%;max-height:300px;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}
@media (max-width:760px){.mhero{grid-template-columns:1fr}.mh-img{min-height:200px}}
.mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:12px}
.mcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}
.mcard.dark{background:#13223a;color:#fff;border:0}
.mcard h3{margin:0 0 12px;font-family:var(--display);font-size:24px;text-transform:uppercase}
.mlist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.mcard.dark .mlist li::before{content:"●";color:#f2b705;margin-right:8px}
.mphotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:12px}
.mphotos div{aspect-ratio:1;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.mphotos img{width:85%;height:85%;object-fit:contain}
.metapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}
.metapes div{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}
.metapes b{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f2b705;color:#0a1422;font-family:var(--display);font-size:22px}
.mform{margin-top:14px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:20px;background:#e8eefb;border-radius:20px;padding:26px}
.mform h2{font-family:var(--display);font-size:clamp(28px,4vw,40px);line-height:1.02;margin:0 0 10px;text-transform:uppercase}
.mform p{margin:0 0 8px;font-size:15px}
@media (max-width:760px){.mform{grid-template-columns:1fr;padding:18px}}
.lf{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--surface);border-radius:14px;padding:16px}
.lf .w{grid-column:1/-1}
.lf .cgu input{width:18px;flex:none}.lf .cgu span{min-width:0}.lf>*{min-width:0}
.lf input,.lf select,.lf textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0;width:100%}
@media (max-width:520px){.lf{grid-template-columns:1fr}}
.hbanner.sinnek{background:linear-gradient(120deg,#0a1422,#13223a);border:2px solid #f2b705}
.hbanner.sinnek b{color:#f2b705}.hbanner.sinnek button{background:#f2b705;color:#0a1422}
.clp{display:block;margin-top:3px;font-size:11px;font-weight:600;color:#9a5b00}
.itoc{display:flex;flex-wrap:wrap;gap:6px}.itoc a{font-size:13px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.infos ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.infos ol li{font-size:13.5px;line-height:1.5}
.atoast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:40;background:var(--navy);color:#fff;font-weight:600;padding:10px 16px;border-radius:999px;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
/* ===== Paiement ===== */
.bart{width:100%;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#0c1524,#1d2c44);color:#fff;border-bottom:1px solid var(--line);text-align:center;padding:8px}
.bart b{font-family:var(--display);font-size:clamp(20px,3vw,28px);letter-spacing:.02em;font-weight:700}
.bart small{font-size:12px;color:#cfd8e6}
.ico .bt{font:700 12px/1 system-ui,sans-serif;letter-spacing:.04em;color:var(--accent)}
.tag.sc{background:#1446a0;color:#fff}
.tag.stk{background:#e7f6ec;color:#1f7a4d}.tag.stk.rupt{background:#fff1e0;color:#9a5b00}.tag.stk:empty{display:none}
.mqbar{display:flex;align-items:center;gap:12px;margin:0 calc(50% - 50vw);padding:8px max(16px,calc(50vw - 590px));background:#fff;border-bottom:1px solid var(--line)}
.mqbar-l{flex:none;font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mqbar-r{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}.mqbar-r::-webkit-scrollbar{display:none}
.mqbar-r button{flex:none;font:inherit;font-weight:700;font-size:14px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:6px 14px;cursor:pointer;white-space:nowrap}
.mqbar-r button:hover{border-color:var(--accent);color:var(--accent)}.mqbar-r img{height:26px;max-width:110px;object-fit:contain;display:block}.mqbar-r button:has(img){background:#fff;padding:4px 12px}.mqbar-r .tous{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:600px){.mqbar-l{display:none}.mqbar{padding:8px 12px}.mqbar-r button{font-size:13px;padding:5px 11px}}
.mqblk{margin:18px 0 6px}.mqh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 10px}.mqh b{font-family:var(--display);font-size:22px;text-transform:uppercase;letter-spacing:.02em}.mqh span{color:var(--muted);font-size:13.5px}
.mqgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.mqt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:78px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s,transform .1s}
.mqt:hover{border-color:var(--accent);transform:translateY(-1px)}.mqt img{max-width:88%;height:54px;object-fit:contain}.mqt b{font-family:var(--display);font-size:17px;letter-spacing:.02em;text-align:center}.mqt small{color:var(--muted);font-size:11.5px}
.mqt.all{background:var(--ink);color:#fff;border-color:var(--ink)}.mqt.all small{color:#cfd8e6}
.bart.blogo{background:#fff}.bart.blogo img{max-height:60%;max-width:70%;object-fit:contain}.bart.blogo small{color:var(--muted)}
/* v102 : comptes équipe */
#eqSheet,#eqInvSheet,#eqDecSheet{align-items:center;padding:16px}#eqSheet .panel,#eqInvSheet .panel,#eqDecSheet .panel{border-radius:14px;max-height:calc(100dvh - 32px);max-height:calc(100vh - 32px)}@supports (height:100dvh){#eqSheet .panel,#eqInvSheet .panel,#eqDecSheet .panel{max-height:calc(100dvh - 32px)}}

.eqm{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 10px;background:var(--surface)}
.eqh small{color:var(--muted)}.eqs{font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 8px;border:1px solid var(--line);margin-left:6px}
.eqs.Actif{color:var(--ok);border-color:var(--ok)}.eqs.Bloqué{color:var(--warn);border-color:var(--warn)}
.eqf{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.eqf select,.eqf input[type=number],.eqinv input,.eqinv select{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);min-width:0}
.eqa{display:flex;flex-wrap:wrap;gap:8px}.eqa .btn-s{padding:7px 11px;font-size:13px}
.eql{display:grid;gap:6px;margin:6px 0}.eql label{display:flex;align-items:center;gap:8px;font-size:13.5px}.eql .eqq{width:64px;font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.eqinv{display:grid;gap:8px;margin-top:6px}.eqatt{border:1px solid var(--warn);border-radius:10px;padding:10px 12px;margin:0 0 10px}
.eqb h3{font-size:15px;margin:14px 0 8px}.eqerr{color:var(--warn);min-height:1.2em;font-size:13.5px}
body.noprix .price,body.noprix .ttc,body.noprix .pf-prix,body.noprix #tot,body.noprix #recap .n,body.noprix .recap tfoot,body.noprix .hcard .n{display:none!important}
/* v101 marques en texte (logos gardes : USE_LOGOS = true pour les remettre) */
.mqbar-r button:not(.tous){font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#fff;border:1.5px solid var(--line)}
.mqt b{font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#fff}
.mqt:not(.all) b{border:1.5px solid var(--line);border-radius:999px;padding:6px 14px}
.mqt.all b{border:0;padding:0}
.fbanner .bart:not(.blogo){background:#fff;color:var(--ink)}
.bart:not(.blogo) b{font-size:clamp(40px,8vw,64px);line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.bart:not(.blogo) small{color:var(--muted)}
@media (max-width:600px){.mqgrid{grid-template-columns:repeat(3,1fr);gap:8px}.mqt{min-height:64px;padding:8px}.mqt b{font-size:14px}.mqh b{font-size:19px}}
.fbanner .bart{aspect-ratio:auto;height:100%;border:0}
.ico.fico,li.row .ico.fico{background:linear-gradient(135deg,#0c1524,#1d2c44)!important;color:#fff!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:10px}
.ico.fico b{font-family:var(--display);font-size:clamp(13px,2.2vw,22px);line-height:1.1;letter-spacing:.02em}
.ico.fico small{font-size:11px;color:#cfd8e6;line-height:1.25}
li.row .dl.fdl{color:#1446a0;background:#eef3ff}
.fz{color:#1446a0;font-weight:700;font-size:12.5px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 14px}
.payinfo.fourinfo{background:#fff7e6;border:1px solid #f0c36d}
.av-big{font-size:34px;color:#f5a623;letter-spacing:4px;margin:4px 0;text-align:center}
.payinfo{margin:8px 0;padding:10px 12px;border-radius:10px;background:#eef6ff;color:#0c1524;font-size:13.5px}
.payrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.paybadge{font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:#eef1f6;color:#3a4252}
.paybadge.ok{background:#dcf5e8;color:#11663c}
.paybadge.due{background:#fff1d6;color:#8a5300}
.paybadge.cpt{background:#e6eefc;color:#1446a0}
.btn.paybtn,a.paybtn{display:inline-block;text-decoration:none;background:#635bff!important;border-color:#635bff!important;color:#fff!important;margin:6px 0}

/* Lignes du tableau de bord : infos en haut, réglages en dessous */
.arow{display:flex!important;flex-wrap:wrap;gap:8px 16px}
.arow .t{flex:1 1 100%}
.arow .t span{display:block}
.arow>span:empty{display:none}
.av-arow label.f{flex:1 1 320px}

/* ===== Avis clients ===== */
.stars{display:inline-flex;gap:1px;line-height:1;letter-spacing:0}
.stars i{font-style:normal;color:#d5d9e0}
.stars i.on{color:#f5b301}
.stars i.half{background:linear-gradient(90deg,#f5b301 50%,#d5d9e0 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.avisx{margin-top:22px}
.av-head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:8px 0 12px}
.av-score{display:flex;gap:12px;align-items:center}
.av-score>b{font-family:var(--display);font-size:46px;line-height:1}
.av-score .stars{font-size:22px}
.av-score small{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.av-legal{flex:1 1 320px;margin:0;font-size:12.5px;color:var(--muted)}
.av-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin}
.av-card{flex:0 0 300px;scroll-snap-align:start;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.av-top{display:flex;justify-content:space-between;align-items:center}
.av-top .stars{font-size:17px}
.av-top small{color:var(--muted);font-size:12px}
.av-card blockquote{margin:0;font-size:14px;line-height:1.45;flex:1}
.av-card blockquote.vide{color:var(--muted);font-style:italic}
.av-card figcaption{font-size:13px;font-weight:600}
.av-card .verif{display:block;font-weight:500;color:#1f9d63;font-size:12px;margin-top:2px}
.av-rep{background:var(--bg);border-radius:10px;padding:8px 10px;font-size:13px}
.av-rep b{display:block;font-size:12px;margin-bottom:2px}
.hacts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.av-btn{background:#f5b301!important;border-color:#f5b301!important;color:#1a1300!important}
.mon-avis{font-size:13px;color:var(--muted)}.mon-avis .stars{font-size:15px}
.av-pick{display:flex;gap:6px;justify-content:center;margin:6px 0 0}
.av-pick button{font-size:42px;line-height:1;border:0;background:none;color:#d5d9e0;cursor:pointer;padding:2px 4px;transition:transform .1s}
.av-pick button.on{color:#f5b301}
.av-pick button:active{transform:scale(1.15)}
.av-lbl{text-align:center;font-weight:700;margin:0 0 6px}
#avForm .cgu{display:flex;gap:8px;align-items:flex-start;font-size:13px}
#avForm .cgu input{width:18px;height:18px;flex:none;margin:1px 0 0}
.av-arow .stars{font-size:15px}
.av-arow.masque{opacity:.55}
@media (max-width:600px){.av-card{flex-basis:84%}.av-score>b{font-size:38px}}

/* ===== Version téléphone (iPhone / Android) ===== */
@media (max-width:600px){
  .topbar{font-size:12px}
  .tz{padding-top:14px!important;padding-bottom:18px!important}
  .delais{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important;margin:0!important}
  .delais span{justify-content:center;flex-wrap:wrap;text-align:center;gap:2px 4px!important;font-size:11.5px!important;padding:6px 6px!important;border-radius:10px!important;line-height:1.2}
  .delais+h1{margin-top:20px!important}
  .tz h1{font-size:30px!important;margin-bottom:6px}
  .tz>p{font-size:14px;margin-bottom:12px}
  .tz-card{padding:10px!important;gap:10px!important}
  .tz-f{gap:8px!important}
  .tz-f input{padding:11px 12px!important}
  .tz-ex,.tz-stats,#tarif{display:none!important}
  .tz-links{font-size:12.5px}
  .access{gap:8px;margin-top:12px}
  .acc{padding:12px;gap:10px;flex-wrap:nowrap!important}
  .acc .ai{width:38px;height:38px;font-size:19px;border-radius:10px}
  .acc b{font-size:16px}
  .acc p{display:none}
  .acc .btn-s{width:auto!important;padding:9px 12px;font-size:13px}
  .atouts{grid-template-columns:1fr 1fr!important;gap:8px}
  .atout{padding:10px!important;gap:8px!important;align-items:flex-start}
  .atout i{width:32px;height:32px;font-size:18px;border-radius:9px}
  .atout b{font-size:14px}
  .atout span{font-size:11.5px!important;line-height:1.3!important;display:block}
  .wrap{padding-bottom:0!important}
  .fbanner{height:96px!important;max-height:96px;overflow:hidden}
  .fbanner svg,.fbanner img{height:100%!important;width:auto!important;margin:0 auto;display:block}
  .fhead h2{font-size:24px!important}
  .sitefoot{margin-bottom:0}
  .hbanner{padding:16px!important;border-radius:14px}
  .hbanner b{font-size:20px!important}
  .hbanner span{font-size:13px}
  .hbanner button{padding:9px 16px;font-size:14px}
  .section-label{font-size:21px!important}
  .etapes{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .etapes::-webkit-scrollbar{display:none}
  .etape{flex:0 0 82%;scroll-snap-align:start}
  .marques{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:0 16px 4px}
  .marques::-webkit-scrollbar{display:none}
  .marques span{flex:none;font-size:13px!important;padding:6px 10px!important}
  .sitefoot{grid-template-columns:1fr 1fr!important;gap:18px 16px!important;padding-top:24px!important}
  .sitefoot>div:first-child,.sitefoot .fineprint{grid-column:1/-1}
  .sitefoot h3{font-size:16px}
  .sitefoot p,.sitefoot .fcol button,.sitefoot .fcol a.flink{font-size:13px}
  .menu-in{-webkit-mask:linear-gradient(90deg,#000 85%,transparent)}
}
.fcol a.flink{display:block;color:#c8d2e2;text-decoration:none;padding:3px 0;font:inherit;font-size:14px}.fcol a.flink:hover{opacity:1;text-decoration:underline}
.avg{text-align:center;margin:14px 0 4px}.avg a{display:inline-block;padding:10px 16px;border:1px solid var(--line);border-radius:10px;font-weight:600;text-decoration:none;color:#1a73e8}
/* Accueil type boutique : bannières, familles en icônes, bande marques */
.hbx{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;margin-top:14px}
.hb{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;text-align:left;font:inherit;color:#fff;border:0;border-radius:16px;padding:16px 18px;min-height:128px;cursor:pointer;overflow:hidden;background:#13213a;transition:transform .15s,filter .15s}
.hb:hover{transform:translateY(-2px);filter:brightness(1.06)}
.hb small{font-size:12.5px;font-weight:600;opacity:.92}
.hb b{font-family:var(--display);font-size:22px;line-height:1.05;text-transform:uppercase;letter-spacing:.01em}
.hb span{font-size:13.5px;opacity:.9}
.hb i{font-style:normal;font-weight:700;font-size:13.5px;margin-top:4px;display:inline-block;background:rgba(255,255,255,.18);padding:5px 11px;border-radius:999px}
.hb-main{grid-row:1/3;background:radial-gradient(120% 90% at 100% 0%,rgba(255,138,0,.55),transparent 60%),radial-gradient(90% 90% at 0% 100%,rgba(29,140,248,.45),transparent 60%),linear-gradient(135deg,#0a1422,#1b2a4a);padding:22px 24px}
.hb-main b{font-size:clamp(28px,3.4vw,40px)}
.hb-main i{background:#e8174b;padding:9px 16px;font-size:15px}
.hb-promo{background:linear-gradient(135deg,#e8174b,#ff6a3d)}
.hb-liv{background:linear-gradient(135deg,#0f7a5a,#20b27a)}
.hb-sin{background:linear-gradient(135deg,#f2b705,#ff8a00);color:#0a1422}.hb-sin i{background:rgba(10,20,34,.12)}
.hb-pro{background:linear-gradient(135deg,#1d5fa6,#5a3df5)}
.hbx .hb[hidden]{display:none}
.hbx.np .hb-pro{grid-column:2/4}
.hl{text-align:center;font-size:18px;margin:22px 0 4px;color:var(--ink)}.hl b{color:#e8174b}
#home:not(.vprod) #produitsBox{margin-top:6px}
#home:not(.vprod) #produitsBox .section-label{display:none}
#home:not(.vprod) #grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px 10px;margin-top:12px}
#home:not(.vprod) #grid .tile{background:none;border:0;box-shadow:none;align-items:center;text-align:center}
#home:not(.vprod) #grid .tile .art{aspect-ratio:1;width:86px;border-radius:50%;border:1px solid var(--line);overflow:hidden;margin:0 auto;background:#fff}
#home:not(.vprod) #grid .tile:hover .art{border-color:#e8174b}
#home:not(.vprod) #grid .tile b{font-family:var(--body);font-weight:600;font-size:13.5px;padding:8px 2px 0;text-transform:none;line-height:1.2}
#home:not(.vprod) #grid .tile small{display:none}
.band{display:flex;align-items:center;gap:16px;margin:22px calc(50% - 50vw) 0;padding:18px max(16px,calc(50vw - 560px));background:linear-gradient(90deg,#e8174b,#ff7a1a);color:#fff}
.band-i{font-size:34px}.band div{flex:1;min-width:0}.band b{display:block;font-family:var(--display);font-size:22px;text-transform:uppercase}.band span{font-size:14px;opacity:.95}
.band button{flex:none;font:inherit;font-weight:700;color:#fff;background:none;border:2px solid #fff;border-radius:999px;padding:9px 16px;cursor:pointer}
.band button:hover{background:#fff;color:#e8174b}
@media (max-width:760px){
  .hbx{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .hb-main{grid-column:1/3;grid-row:auto;min-height:170px}
  .hbx.np .hb-pro{grid-column:1/3;min-height:96px}
  .hb{min-height:112px;padding:13px 14px}.hb b{font-size:17px}.hb small{font-size:11.5px}.hb i{font-size:12.5px}
  #home:not(.vprod) #grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px}
  #home:not(.vprod) #grid .tile .art{width:64px}
  #home:not(.vprod) #grid .tile b{font-size:11.5px;hyphens:auto}
  .hl{font-size:15px;margin-top:16px}
  .band{flex-wrap:wrap;gap:8px 12px}.band-i{display:none}.band b{font-size:18px}.band button{width:100%}
}

/* ===== Pleine largeur & aéré (v67) ===== */
.wrap{max-width:1680px!important;padding-inline:clamp(16px,2.5vw,48px)!important}
.cartbar .in{max-width:1680px}
.mqbar{padding:10px max(16px,calc(50vw - 840px))}
.hbx{gap:14px;margin-top:22px;grid-template-columns:1.35fr 1fr 1fr}
.hb{min-height:170px;padding:20px 24px;border-radius:18px}
.hb b{font-size:26px}
.hb-main{padding:30px 34px}
.hb-main b{font-size:clamp(32px,3.3vw,52px)}
.hl{font-size:21px;margin:40px 0 8px}
#home:not(.vprod) #grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:26px 14px;margin-top:22px}
#home:not(.vprod) #grid .tile .art{width:112px}
#home:not(.vprod) #grid .tile b{font-size:14.5px;padding-top:10px}
#home .tz{margin-top:44px}
.band{margin-top:48px;padding-block:24px;padding-inline:max(16px,calc(50vw - 840px))}
.band b{font-size:26px}
#home .section-label{text-align:center;font-size:32px;margin-top:52px}
#home .section-label small{display:block;font-family:var(--body);font-size:14px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted);margin-top:4px}
.carou-w{position:relative;margin-top:18px}
.carou .strip{gap:16px;padding:4px 2px 14px;scroll-behavior:smooth;scrollbar-width:none}
.carou .strip::-webkit-scrollbar{display:none}
.carou .strip>li.row{flex:0 0 232px}
.carou-b{position:absolute;top:42%;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 6px 18px -8px rgba(0,0,0,.35);display:grid;place-items:center}
.carou-b:hover{border-color:#e8174b;color:#e8174b}
.carou-w{padding:0 30px}
@media (min-width:761px){.sitefoot{padding-left:max(16px,calc(50vw - 840px))!important;padding-right:max(16px,calc(50vw - 840px))!important}}.carou-b.prev{left:0}.carou-b.next{right:0}
#home .mqblk{margin-top:52px}
#home .mqh{display:block;text-align:center;margin-bottom:18px}#home .mqh b{display:block;font-family:var(--display);font-size:32px;text-transform:uppercase}#home .mqh span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
#home .mqgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.carou .strip>li.row{flex-basis:248px}
#home .access,#home .atouts{margin-top:40px}
#home #avisBlk{margin-top:10px}
@media (max-width:760px){
  .hbx{gap:10px;margin-top:14px}.hb{min-height:118px;padding:14px 15px}.hb b{font-size:17px}.hb-main{padding:18px}.hb-main b{font-size:26px}
  .hl{font-size:15px;margin-top:22px}
  #home:not(.vprod) #grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}
  #home:not(.vprod) #grid .tile .art{width:66px}#home:not(.vprod) #grid .tile b{font-size:11.5px}
  #home .tz{margin-top:24px}.band{margin-top:28px;padding-block:16px}.band b{font-size:18px}
  #home .section-label{font-size:22px!important;margin-top:32px}
  .carou .strip>li.row{flex:0 0 46%}.carou-b{display:none}.carou-w{padding:0}
  #home .mqgrid{grid-template-columns:repeat(3,1fr)}#home .mqh b{font-size:22px}
}

/* ===== Fiche produit (v72) ===== */
#pSheet{z-index:30}
.pfiche{max-width:980px!important}
.pf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;align-items:start;margin-top:6px}
.pf-img{background:#fff;border:1px solid var(--line);border-radius:14px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.pf-img img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.pf-img .ico{width:70%;height:70%;border-radius:14px}
.pf-br{font-size:13px;font-weight:700;color:#e8174b;text-transform:uppercase;letter-spacing:.04em}
.pf-t{font-family:var(--display);font-size:28px;line-height:1.1;margin:6px 0 8px;text-transform:none}
.pf-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.pf-tags .tag.ok{background:#e7f6ee;color:#1f7a4d}
.pf-d{font-size:15px;line-height:1.5;color:var(--ink);margin:8px 0}
.pf-ref{font-size:13px;color:var(--muted);font-family:var(--mono)}
.pf-share{margin-top:8px;font-size:13px}
.pf-buy{display:block!important;margin-top:16px}
.pf-buy li.row{max-width:none}
.pf-buy li.row>.ico,.pf-buy li.row .lib,.pf-buy li.row .desc,.pf-buy li.row .code{display:none!important}
.pf-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px}
.pf-docs a,.pf-docs span{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-weight:600;text-decoration:none;color:var(--ink);background:var(--surface)}
.pf-docs a:hover{border-color:#e8174b}.pf-docs small{display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:2px}
.pf-h{font-family:var(--display);font-size:20px;text-transform:uppercase;margin:22px 0 8px}
.pf-rel>li.row{flex:0 0 200px}
li.row .lib,li.row .desc{cursor:pointer}li.row .lib:hover{color:#e8174b}
li.row>.ico.ph{cursor:pointer}
@media (max-width:760px){.pf{grid-template-columns:1fr;gap:12px}.pf-img{max-height:300px;aspect-ratio:auto;height:260px}
.pf-t + .pf-ref{margin:4px 0 8px;font-weight:600} /* v98 : référence visible tout de suite sous le nom */
@media (max-width:700px){.pf-img{height:210px!important;max-height:210px!important}}
.pf-img{display:flex!important;align-items:center;justify-content:center}.pf-img img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain} /* v99 : photo entière dans la fiche (plus coupée) */.pf-t{font-size:22px}.pf-rel>li.row{flex:0 0 46%}}

/* v74 : habituels, mail promo, désinscription */
#habBlk{margin-top:26px}
.apromo{max-width:760px}.apromo textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:10px}
.aact{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.desabo{position:fixed;left:50%;transform:translateX(-50%);top:16px;z-index:60;background:#0a1422;color:#fff;padding:14px 18px;border-radius:12px;max-width:92vw;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);font-weight:600}

/* v75 : bannière unie, bord à bord */
.hbx{gap:0!important;width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border-radius:0;overflow:hidden}
.hb{border-radius:0!important}
html,body{overflow-x:hidden}

/* v76 : bandeau blanc retiré + menu « Nos produits » en panneau latéral */
.hbx{margin-top:0!important}.mqbar{margin-bottom:0!important}
.menu .mm{background:#fff;color:#0a1422!important;border-radius:6px;padding-inline:16px;font-weight:700}
.pdraw{position:fixed;inset:0;z-index:80;display:flex}
.pdraw[hidden]{display:none!important}
.pdraw .ov{position:absolute;inset:0;background:rgba(10,20,34,.55)}
.pd-l,.pd-r{position:relative;background:#fff;color:#16202c;height:100%;overflow:auto;box-shadow:8px 0 30px -12px rgba(0,0,0,.4)}
.pd-l{width:340px;max-width:88vw}
.pd-r{width:360px;max-width:88vw;border-left:1px solid #e3e7ec}
.pd-r[hidden]{display:none}
.pd-x{display:flex;align-items:center;gap:8px;width:100%;font:inherit;font-weight:700;background:none;border:0;padding:12px 16px;cursor:pointer;color:#16202c;border-bottom:1px solid #eef0f3}
.pd-h{font-family:var(--display);font-weight:700;font-size:20px;padding:14px 18px;margin:0;background:#0a1422;color:#fff}
.pd-hl{font-weight:700;color:#e8174b;padding:14px 18px 8px;margin:0}
.pd-i{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;font-size:16px;background:none;border:0;border-bottom:1px solid #f1f3f5;padding:12px 16px;cursor:pointer;color:#16202c}
.pd-i:hover,.pd-i[aria-current="true"]{background:#f3f5f8}
.pd-i .ico{flex:none;width:30px;height:30px;display:grid;place-items:center}
.pd-i .ico svg{width:28px;height:28px}
.pd-i .t{flex:1}.pd-i .t small{display:block;color:#7a8594;font-size:12px}
.pd-i .ch{flex:none;color:#7a8594;font-size:20px}
.pd-r .pd-i{font-size:15px;padding:11px 18px}
.pd-r .pd-i.all{font-weight:700;color:#1d5fa6}
.pd-back{display:none}
@media (max-width:760px){.pd-r{position:absolute;left:0;top:0;width:340px;z-index:2}.pd-back{display:flex}}

/* v77 : onglets comme Color Box */
.menu-in{justify-content:flex-start;gap:6px}
.menu-in>button{font-weight:600}
#menuCats{display:none!important}
.pdraw{top:var(--pdtop,0px)}

/* v78 : familles en photos, façon catalogue */
#grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:22px 14px!important;margin-top:26px!important}
#grid .tile{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;align-items:center;text-align:center;gap:10px!important;transform:none}
#grid .tile .art{width:100%!important;max-width:170px;aspect-ratio:1!important;margin:0 auto;border:0!important;border-radius:18px!important;background:#fff!important;overflow:hidden;display:grid;place-items:center;box-shadow:0 1px 0 rgba(10,20,34,.04),0 8px 22px -16px rgba(10,20,34,.35);transition:transform .2s,box-shadow .2s}
#grid .tile .art img{width:100%;height:100%;object-fit:contain!important;padding:12px;background:#fff;transition:transform .25s}
#grid .tile .art svg{width:100%;height:100%}
#grid .tile b{padding:0 4px!important;font-family:var(--body);font-weight:600;font-size:16px;line-height:1.25;color:#1d5fa6}
#grid .tile small{padding:0!important;font-size:12px}
#grid .tile:hover .art{transform:translateY(-4px);box-shadow:0 18px 30px -18px rgba(10,20,34,.45)}
#grid .tile:hover .art img{transform:scale(1.06)}
#grid .tile:hover b{color:#e8174b}
@media (max-width:700px){#grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px 8px!important}#grid .tile b{font-size:13.5px}}

/* v82 : kits vernis + durcisseur */
.kitc{list-style:none;display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;margin:8px 0}
.kitc .kph{flex:none;width:86px;height:86px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden}
.kitc .kph img{width:100%;height:100%;object-fit:contain;padding:6px}
.kitc .kin{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.kitc .kin b{font-size:15px}
.kitc select{width:100%;font:inherit;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:4px}
.kitc label{font-size:12.5px;color:var(--muted)}
.kpx{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.kpx b{font-size:17px;color:var(--ink)}
.kpx small{color:var(--muted);font-size:12px}
.kcmd{display:inline-block;background:#e3edf8;color:#1d5fa6;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:999px;vertical-align:middle}

/* v84 : favoris */
.row{position:relative}
.fav{position:absolute;top:8px;right:8px;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.92);color:#8a94a3;font-size:19px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:transform .15s,color .15s,border-color .15s;padding:0}
.fav:hover{transform:scale(1.1);color:#e8174b;border-color:#e8174b}
.fav.on{color:#e8174b;border-color:#f6b3c3;background:#fff0f4}
#favBlk{margin-top:26px}

/* v86 : photos et logos dans le menu Nos produits */
.pd-i .ico{width:44px;height:44px;border-radius:10px;background:#fff;border:1px solid #eef0f3;overflow:hidden}
.pd-i .ico img{width:100%;height:100%;object-fit:contain;padding:3px}
.pd-i .plg{flex:none;width:100px!important;height:40px!important;display:flex!important;align-items:center;justify-content:center;background:#fff;border:1px solid #eef0f3;border-radius:8px;padding:4px 8px;overflow:hidden;box-sizing:border-box}
.pd-i .plg img{display:block!important;width:auto!important;height:auto!important;max-width:84px!important;max-height:30px!important;object-fit:contain!important;margin:0!important}
.pd-i .ico img{display:block!important;max-width:100%!important;max-height:100%!important}

/* v88 : fiche article façon grands sites */
.pf-cnx{display:block;margin-top:6px;font-size:13.5px;text-align:left}
.pf-br{display:flex;align-items:center;gap:8px}.pf-br .fav{position:static!important;margin-left:auto}
.pf-prix{margin:6px 0 10px;line-height:1.25}.pf-prix b{display:block;font-size:26px;font-family:var(--display)}.pf-prix span{display:block;font-size:17px;color:var(--ink)}.pf-prix s{display:block;font-size:14px;color:var(--muted)}
.pf-liv{background:#eaf7f0;border-radius:10px;padding:10px 14px;font-size:14.5px;color:#123;line-height:1.45;margin-bottom:10px}.pf-liv>b:first-child{color:#1f7a4d}.pf-liv span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.pf-liv.sc{background:#fff4e5}.pf-liv.sc>b:first-child{color:#a35a00}
.pf-urg{display:block;text-align:center;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:15px;color:var(--ink);text-decoration:none;background:var(--surface);margin-bottom:6px}.pf-urg:hover{border-color:#e8174b}
.pf-cta{list-style:none;display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.pf-q{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.pf-q button{width:44px;height:48px;border:0;background:none;font-size:22px;cursor:pointer;color:var(--ink)}
.pf-q input{width:46px;height:48px;border:0;text-align:center;font-size:17px;font-weight:700;background:none;color:var(--ink)}
.pf-add{flex:1;min-width:180px;height:50px;border:0;border-radius:10px;background:#ff6a00;color:#fff;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.pf-add:hover{background:#e85f00}
.pf-ok{flex-basis:100%;font-size:14px;color:var(--ok);min-height:1em}
.pf-pay{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:13px}.pf-pay span{border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:#fff;color:#123;font-weight:600}.pf-pay .t{border:0;background:none;color:var(--ink);font-weight:500;padding-left:0}
.aide{position:fixed;right:16px;bottom:88px;z-index:9;display:flex;align-items:flex-start}
.aide-o{display:flex;align-items:center;gap:10px;border:0;background:#fff;color:#123;border-radius:40px;padding:6px 16px 6px 6px;box-shadow:0 6px 24px rgba(0,0,0,.18);cursor:pointer;text-align:left}
.aide-i{width:46px;height:46px;border-radius:50%;background:#ff6a00;display:grid;place-items:center;font-size:22px}
.aide-t b{display:block;font-size:15px}.aide-t small{font-size:12.5px}
.aide-x{margin-left:-14px;width:22px;height:22px;border-radius:50%;border:0;background:#9aa3ad;color:#fff;font-size:11px;cursor:pointer}
body:has(#admin:not([hidden])) .aide,body:has(.sheet:not([hidden])) .aide{display:none}
@media (max-width:760px){.aide-t{display:none}.aide-o{padding:4px}.aide{bottom:80px;right:10px}.pf-prix b{font-size:22px}}

/* v92 : bouton Afficher le mot de passe + formulaire nouveau mot de passe */
.mdpw{position:relative;display:block}
.mdpw>input{width:100%;padding-right:104px!important;box-sizing:border-box}
.mdp-oeil{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#1446a0;font-weight:700;font-size:13px;cursor:pointer;padding:8px;line-height:1}
.rsf{display:grid;gap:12px}.rsf label{display:grid;gap:4px;font-weight:600}.rsf input{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:16px}
.rs-err{color:var(--warn);min-height:1.2em;margin:0}

/* v93 : étoiles blanches qui se remplissent en jaune */
.av-big span{display:inline-block;color:#d5d9e0}
.av-big span.on{color:#f5b301;animation:avfill .4s ease both}
@keyframes avfill{0%{transform:scale(.3);color:#d5d9e0}70%{transform:scale(1.3);color:#f5b301}100%{transform:scale(1);color:#f5b301}}

/* v94 : encaissement au comptoir + frais de livraison */
.encf .enc{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:#fff8e6;border:1px solid #f5d27a;border-radius:10px;padding:10px 12px;margin:6px 0}
.encf label{display:grid;gap:3px;font-size:13px;font-weight:600}
.encf select,.encf input{padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-size:16px;min-width:150px}


/* ===== v2 : affichage téléphone (pensé pour le pouce) ===== */
@media (max-width:760px){
  html{-webkit-text-size-adjust:100%}
  body{overscroll-behavior-y:none}
  button,a,input,select{touch-action:manipulation}
  /* bannières : carrousel à glisser, une carte à la fois */
  .hbx{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:12px 16px!important;margin:0!important;width:auto!important;grid-template-columns:none!important;scrollbar-width:none;background:var(--bg)}
  .hbx::-webkit-scrollbar{display:none}
  .hbx>.hb{flex:0 0 84%!important;width:84%!important;min-height:150px!important;height:auto!important;scroll-snap-align:center;border-radius:16px!important;grid-column:auto!important;grid-row:auto!important;padding:16px 18px!important;display:flex!important;flex-direction:column;justify-content:flex-end;gap:6px}
  .hbx>.hb[hidden]{display:none!important}
  .hbx>.hb b{font-size:22px!important;line-height:1.05!important}
  .hbx>.hb span{font-size:13.5px!important;line-height:1.35}
  .hbx>.hb small{font-size:12.5px!important}
  .hbx>.hb i{align-self:flex-start;font-size:14px!important;padding:8px 14px!important}
  /* familles : 3 colonnes bien lisibles */
  #grid{gap:10px!important}
  #grid .tile b{font-size:13px!important;line-height:1.2}
  /* listes d'articles : lignes compactes (photo à gauche) */
  ul.list:not(.pf-buy){display:flex!important;flex-direction:column!important;gap:8px!important;grid-template-columns:none!important}
  ul.list:not(.pf-buy)>li.row{display:grid!important;grid-template-columns:84px minmax(0,1fr) auto!important;grid-template-rows:auto auto;column-gap:12px!important;row-gap:4px!important;padding:10px 12px!important;align-items:start!important;min-height:0!important;width:auto!important;max-width:none!important;height:auto!important;border-radius:14px!important}
  ul.list:not(.pf-buy)>li.row>.ico{grid-column:1;grid-row:1/3;width:84px!important;height:84px!important;min-height:0!important;margin:0!important;border-radius:10px!important;aspect-ratio:auto!important}
  ul.list:not(.pf-buy)>li.row>.ico img{width:100%;height:100%;object-fit:contain}
  ul.list:not(.pf-buy)>li.row>div:not(.ico):not(.qty):not(.vpick):not(.tints){grid-column:2/4;grid-row:1;min-width:0;padding-right:26px}
  ul.list:not(.pf-buy)>li.row>.qty{grid-column:2/4;grid-row:2;justify-self:end;align-self:end;margin:0!important;width:auto!important}
  ul.list:not(.pf-buy)>li.row>.qty .btn-s,ul.list:not(.pf-buy)>li.row>.qty .add{min-height:40px;min-width:44px}
  ul.list:not(.pf-buy)>li.row>.cform,ul.list:not(.pf-buy)>li.row>.vpick,ul.list:not(.pf-buy)>li.row>.tints,ul.list:not(.pf-buy)>li.row>.finnote{grid-column:1/-1!important}
  ul.list:not(.pf-buy)>li.row .desc,ul.list:not(.pf-buy)>li.row .dl,ul.list:not(.pf-buy)>li.row .clp,ul.list:not(.pf-buy)>li.row .code{display:none!important}
  ul.list:not(.pf-buy)>li.row .lib{font-size:14.5px!important;line-height:1.25!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0!important}
  ul.list:not(.pf-buy)>li.row .lib .tag{font-size:10.5px!important;padding:1px 6px!important}
  ul.list:not(.pf-buy)>li.row .meta{margin-top:4px!important;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
  ul.list:not(.pf-buy)>li.row .meta .price{font-size:17px!important;font-weight:700}
  ul.list:not(.pf-buy)>li.row .meta .ttc{font-size:12px!important}
  ul.list:not(.pf-buy)>li.row>.fav{position:absolute!important;top:6px!important;right:6px!important;width:32px!important;height:32px!important}
  ul.list:not(.pf-buy)>li.row>.badge-r{left:8px!important;top:8px!important}
  ul.list:not(.pf-buy)>li.sec{padding:14px 2px 2px!important}
  /* fiche produit : photo moins haute, achat visible tout de suite */
  .pf-img{height:210px!important;max-height:210px!important}
  .pf-t{font-size:21px!important}
  .pf-cta{position:sticky;bottom:0;background:var(--surface);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));z-index:2}
  /* bulle d'aide : petite et au-dessus du panier */
  .aide{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;left:10px!important;right:auto!important}
  .aide-x{order:-1;margin:0 -12px 0 0!important;position:relative;z-index:1}
  /* champs : 16px minimum pour éviter le zoom automatique de l'iPhone */
  input,select,textarea{font-size:16px!important}
}

/* v103 : bouton Assistant (le reste est chargé au clic) */
.ia-btn{position:fixed;right:16px;bottom:160px;z-index:9;border:0;background:#0c1524;color:#fff;font:inherit;font-weight:700;font-size:14px;padding:10px 16px;border-radius:999px;box-shadow:0 6px 24px rgba(0,0,0,.2);cursor:pointer}
.ia-btn:disabled{opacity:.6}
@media (max-width:760px){.ia-btn{right:10px;bottom:calc(84px + env(safe-area-inset-bottom,0px));padding:10px 14px}}
body:has(#admin:not([hidden])) .ia-btn,body:has(.sheet:not([hidden])) .ia-btn,body:has(.auth:not([hidden])) .ia-btn,body:has(.iap:not([hidden])) .ia-btn{display:none}