:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
--navy:#1b2a47;--navy2:#26395f;--flame:#e8432a;--flame-d:#c93219;--bg:#f3f4f7;--surface:#fff;--ink:#17213a;--muted:#5a6580;--line:#dde1e9;--chip:#eceff5;--ok:#1b7a50;--warn:#a2650e;--bad:#bf2f26;
font-family:Archivo,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}

:root[data-theme="dark"]{--bg:#0d1424;--surface:#152038;--ink:#e6eaf3;--muted:#9aa6c0;--line:#28355a;--chip:#1d2947;--ok:#4cc38a;--warn:#e0a54a;--bad:#f06a60}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);font-size:15px;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit;cursor:pointer}
button{font:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 11px;width:100%;min-width:0}
textarea{min-height:90px;resize:vertical}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--flame);outline-offset:2px}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;padding:10px 16px;background:var(--navy);color:#fff;font-weight:600}
.btn:hover{background:var(--navy2)}
.btn.flame{background:var(--flame)}.btn.flame:hover{background:var(--flame-d)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{background:var(--chip)}
.btn.danger{background:transparent;color:var(--bad);border:1px solid currentColor}
.btn.sm{padding:6px 10px;font-size:13px}.btn.lg{padding:14px 22px;font-size:16px}.btn.block{width:100%}
.btn[disabled]{opacity:.45;cursor:not-allowed}

/* mode bar */
#modeBar{position:sticky;top:0;z-index:60;background:#0a1224;color:#c9d2e6;font-size:13px;padding-top:env(safe-area-inset-top,0px)}
#modeBar .wrap{display:flex;align-items:center;gap:12px;min-height:40px;flex-wrap:wrap}
#modeBar .seg{display:flex;background:#1a2440;border-radius:8px;padding:3px}
#modeBar .seg button{border:0;background:transparent;color:#c9d2e6;padding:5px 12px;border-radius:6px;font-weight:600}
#modeBar .seg button.on{background:#fff;color:var(--navy)}

/* storefront */
.announce{background:var(--navy);color:#fff;text-align:center;font-size:13px;padding:8px 12px;font-weight:500}
.sf-head{background:var(--surface);border-bottom:1px solid var(--line)}
.sf-bar{display:flex;align-items:center;gap:24px;min-height:72px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.logo{font-weight:800;font-size:26px;letter-spacing:-.02em;color:var(--navy);text-decoration:none;font-stretch:112%}
:root:not([data-theme="light"]) .logo{color:var(--ink)}
.logo span{color:var(--flame)}
.sf-nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.sf-nav a{padding:8px 11px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none}
.sf-nav a:hover{background:var(--chip)}.sf-nav a.on{color:var(--flame)}
.sf-tools{display:flex;gap:8px;align-items:center}
.sf-tools input{width:200px}
.cartbtn{border:0;background:var(--flame);color:#fff;border-radius:8px;padding:9px 14px;font-weight:700;white-space:nowrap}
.hero{color:#fff;overflow:hidden}
.hero-navy{background:var(--navy)}.hero-flame{background:var(--flame)}.hero-light{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line)}
.hero-in{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;min-height:400px;padding-top:40px;padding-bottom:40px}
.hero h1{font-size:clamp(34px,5.4vw,64px);line-height:1.02;margin:0 0 16px;font-weight:800;font-stretch:118%;letter-spacing:-.025em;max-width:14ch}
.hero p{font-size:18px;max-width:46ch;margin:0 0 26px;opacity:.9}
.hero-flame .btn.flame{background:var(--navy)}
.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px}
.hero-art img{border-radius:14px;max-height:360px;object-fit:cover}
.seal{position:absolute;left:4%;top:8%;width:120px;height:120px;border-radius:50%;background:var(--flame);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-10deg);z-index:2;box-shadow:0 0 0 6px rgba(255,255,255,.12)}
.hero-flame .seal{background:var(--navy)}
.seal b{font-size:46px;line-height:.9;font-stretch:125%}.seal span{font-size:12px;font-weight:600;line-height:1.15;max-width:9ch}
.dots{display:flex;gap:8px;margin-top:26px}.dots button{width:26px;height:6px;border:0;border-radius:3px;background:currentColor;opacity:.3;padding:0}.dots button.on{opacity:1}
.art{position:relative;margin:auto}
.art.ph{width:92px;height:180px;border-radius:20px;background:var(--c,#9aa3b5);padding:6px}
.art.ph i{display:block;width:100%;height:100%;border-radius:15px;background:linear-gradient(160deg,#233357,#0e1730)}
.art.ph i::before{content:"";display:block;width:30%;height:9px;margin:6px auto 0;border-radius:6px;background:#000}
.art.ph.big{width:170px;height:340px;border-radius:36px;padding:10px}.art.ph.big i{border-radius:28px}
.art.tab{width:150px;height:200px;border-radius:14px;background:#d8dbe0;padding:8px}.art.tab i{display:block;height:100%;border-radius:8px;background:linear-gradient(160deg,#233357,#0e1730)}
.art.acc{width:90px;height:90px;border-radius:18px;background:#e9ebef;border:10px solid #fff;box-shadow:inset 0 0 0 2px #d5d8de}
.usps{background:var(--surface);border-bottom:1px solid var(--line)}
.usp-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.usp-row div{padding:18px 14px;font-weight:600;font-size:14px;border-left:3px solid var(--flame);margin:12px 0}
.sec{padding:44px 20px}
.h1{font-size:32px;font-stretch:112%;margin:0 0 22px;letter-spacing:-.02em}
.h2{font-size:26px;font-stretch:112%;margin:0 0 18px;letter-spacing:-.015em;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.h2 a{font-size:15px;font-weight:600;color:var(--flame)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.card{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.card:hover{border-color:var(--navy)}.card:focus-visible{outline:2px solid var(--flame)}
.pimg{background:var(--chip);height:220px;display:flex;align-items:center;justify-content:center;position:relative}
.pimg img{height:100%;width:100%;object-fit:contain}
.tag{position:absolute;top:10px;left:10px;background:var(--flame);color:#fff;font-weight:700;font-size:13px;padding:3px 8px;border-radius:6px}
.tag.in{position:static;display:inline-block;font-size:12px}
.pb{padding:14px 16px 16px}
.brand{font-size:12px;color:var(--muted);font-weight:600}
.pb h3{margin:2px 0 8px;font-size:17px;line-height:1.25}
.price{margin:0;font-size:15px}.price b{font-size:20px}.price s,.pm-price s{color:var(--muted);font-size:14px;margin-left:4px}
.stk{margin:6px 0 0;font-size:13px;color:var(--ok);font-weight:600}.stk.out{color:var(--bad)}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.cats button{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:22px 18px;text-align:left;font-weight:700;font-size:18px;color:var(--ink)}
.cats button:hover{background:var(--navy);color:#fff}
.band{background:var(--navy);color:#fff;border-radius:16px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.band h2{margin:0 0 6px;font-size:28px;font-stretch:112%}.band p{margin:0;opacity:.85}
.flashbar{border:2px solid var(--flame);border-radius:16px;padding:22px}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.post{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;cursor:pointer}
.post h3{margin:6px 0 8px;font-size:18px;line-height:1.3}.post p{margin:0;color:var(--muted);font-size:14px}
.stores{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.store{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}
.store h3{margin:0 0 6px}
.sf-foot{background:var(--navy);color:#cfd7e8;margin-top:40px;padding:40px 0 30px;font-size:14px}
.sf-foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.sf-foot h4{color:#fff;margin:0 0 10px}.sf-foot a{display:block;padding:3px 0;text-decoration:none}.sf-foot a:hover{color:#fff}
.formcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;max-width:720px}
.article{max-width:68ch}.article p{line-height:1.7}

/* product modal */
.pm{display:grid;grid-template-columns:1fr 1.1fr;gap:26px}
.pm-img{background:var(--chip);border-radius:12px;min-height:320px;display:flex;align-items:center;justify-content:center}
.pm h2{margin:2px 0 6px;font-size:28px;font-stretch:112%}
.pm-price{font-size:26px;font-weight:800;margin:0 0 4px}
.vlist{display:grid;gap:8px;margin:10px 0 16px}
.vopt{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;gap:0 10px;text-align:left;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px}
.vopt em{font-style:normal;font-size:12px;font-weight:700;background:var(--chip);padding:2px 7px;border-radius:5px;align-self:center}
.vopt small{grid-column:1/-1;color:var(--muted);font-size:12px}
.vopt.on{border-color:var(--flame);box-shadow:inset 0 0 0 1px var(--flame)}
.vopt[disabled]{opacity:.45}
.pm-points{padding-left:18px;color:var(--muted);font-size:14px}

/* overlays */
#modal{position:fixed;inset:0;background:rgba(8,14,30,.55);display:none;align-items:flex-start;justify-content:center;z-index:80;overflow:auto;padding:max(24px,env(safe-area-inset-top,0px)) 14px 24px}
#modal.open{display:flex}
#modal .box{background:var(--surface);border-radius:14px;width:100%;max-width:640px;padding:24px;position:relative;margin:auto 0}
#modal .box.wide{max-width:980px}
#modal .x{position:absolute;right:12px;top:10px;border:0;background:var(--chip);color:var(--ink);border-radius:8px;width:34px;height:34px;font-size:18px}
#drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--surface);z-index:70;transform:translateX(105%);transition:transform .25s ease;overflow:auto;padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));border-left:1px solid var(--line)}
#drawer.open{transform:none}
@media (prefers-reduced-motion:reduce){#drawer{transition:none}}
.cl{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.qty{display:flex;align-items:center;gap:6px}.qty button{width:28px;height:28px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px}
.opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:6px 0;cursor:pointer}
.opt input{width:auto;margin-top:4px}
.tot{display:flex;justify-content:space-between;padding:4px 0}.tot.big{font-size:20px;font-weight:800;border-top:1px solid var(--line);margin-top:6px;padding-top:10px}
#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 18px;border-radius:10px;z-index:90;font-weight:600;display:none;max-width:90vw}
#toast.show{display:block}

/* admin */
.adm{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 40px)}
.side{background:var(--navy);color:#cdd6ea;padding:18px 12px;position:sticky;top:40px;height:calc(100vh - 40px);overflow:auto}
.side .logo{color:#fff;font-size:22px;display:block;padding:0 10px 16px}
.side button{display:flex;justify-content:space-between;width:100%;text-align:left;border:0;background:transparent;color:inherit;padding:9px 12px;border-radius:8px;font-weight:600;font-size:14px}
.side button:hover{background:rgba(255,255,255,.08)}.side button.on{background:#fff;color:var(--navy)}
.side .grp{font-size:12px;color:#8e9bbb;padding:14px 12px 4px}
.side .n{background:var(--flame);color:#fff;border-radius:10px;padding:0 7px;font-size:12px}
.amain{padding:22px 26px 60px;min-width:0}
.atop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.atop h1{margin:0;font-size:26px;font-stretch:110%}
.atop select{width:auto}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:16px}
.panel h2{margin:0 0 12px;font-size:18px}
.ph-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ph-row h2{margin:0}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}
.tile b{display:block;font-size:26px;font-stretch:110%}.tile span{color:var(--muted);font-size:13px}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font-size:12px;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--chip)}
.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl .r{text-align:right}.tbl td input,.tbl td select{padding:6px 8px;font-size:13px}
.acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--chip);white-space:nowrap}
.b-completed,.b-in_stock,.b-inventory,.b-live{color:var(--ok)}.b-cancelled,.b-faulty,.b-ended{color:var(--bad)}.b-refunded,.b-repair,.b-pending,.b-scheduled{color:var(--warn)}.b-sold{color:var(--muted)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}
.tabs button{border:0;background:transparent;padding:10px 16px;font-weight:700;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}
.tabs button.on{color:var(--ink);border-color:var(--flame)}
.tabs span{background:var(--chip);border-radius:10px;padding:0 7px;font-size:12px;margin-left:4px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters>*{width:auto;flex:0 1 220px}
.note{font-size:13px;color:var(--muted);margin:0 0 12px}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:12px}
label{display:grid;gap:4px;font-size:13px;color:var(--muted);font-weight:600}
label.chk{display:flex;align-items:center;gap:8px;color:var(--ink)}label.chk input{width:auto}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.empty{padding:28px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:12px}
.pos{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start}
.pos-list{display:grid;gap:6px;max-height:60vh;overflow:auto;margin-top:10px}
.pi{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink)}
.pi:hover{border-color:var(--navy)}.pi[disabled]{opacity:.5}
.pi small{color:var(--muted);display:block}
.pos-r{position:sticky;top:56px}
.paybtns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}
.paybtns button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:9px 4px;font-weight:600;font-size:13px}
.paybtns button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.vt td{padding:6px}.vt input,.vt select{padding:6px 8px;font-size:13px}
.serp{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--surface);max-width:620px}
.serp .u{font-size:13px;color:var(--ok)}.serp .t{color:#1a4fd6;font-size:19px;margin:2px 0}.serp .d{font-size:14px;color:var(--muted)}
:root:not([data-theme="light"]) .serp .t{color:#8ab4f8}
.cc{font-size:12px;font-weight:600;color:var(--muted);justify-self:end}.cc.over{color:var(--bad)}
.bn-ed{border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:10px}
.whcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:16px}
.whcard h3{margin:0 0 12px;font-size:18px}.whcard h4{margin:14px 0 8px;font-size:14px}
.rc-box{background:var(--chip);padding:16px;border-radius:10px;display:flex;justify-content:center;overflow:auto}

/* product page (storefront) */
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chip{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:7px 12px;font-weight:600;font-size:14px}
.chip.on{border-color:var(--flame);box-shadow:inset 0 0 0 1px var(--flame)}
.chip.dim{border-style:dashed;color:var(--muted)}
.chip[disabled]{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.axis{margin:12px 0}.lbl{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:6px}
.pm-img{position:relative}.pm-img img{max-height:420px;object-fit:contain}
.thumbs{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.thumbs button{width:60px;height:60px;border:1.5px solid var(--line);border-radius:8px;padding:3px;background:var(--surface)}.thumbs button.on{border-color:var(--flame)}.thumbs img{width:100%;height:100%;object-fit:contain}
.benefits{padding-left:18px;margin:10px 0;font-size:14px;font-weight:600}
.pm-more{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}
.desc-html{max-width:75ch;line-height:1.65}.desc-html h2{font-size:22px;margin:0 0 10px}.desc-html h3{font-size:18px}.desc-html img{border-radius:8px;margin:10px 0}.desc-html table{border-collapse:collapse}.desc-html td,.desc-html th{border:1px solid var(--line);padding:6px 10px}.desc-html a{color:var(--flame)}
.specs td:first-child{color:var(--muted);font-weight:600;width:34%}
.grid.mini{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.grid.mini .pimg{height:150px}
.tag.new{left:auto;right:10px;background:var(--navy)}
/* product editor */
.jump{position:sticky;top:40px;z-index:5;background:var(--bg);display:flex;gap:4px;overflow-x:auto;padding:8px 0;margin-bottom:8px}
.jump button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;white-space:nowrap}
#pedit .panel{scroll-margin-top:100px}
.savebar{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));margin:0 -26px -60px;z-index:5}
.rte{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.rte-bar{display:flex;flex-wrap:wrap;gap:2px;padding:6px;border-bottom:1px solid var(--line);background:var(--chip);align-items:center}
.rte-bar button{border:0;background:transparent;color:var(--ink);min-width:32px;height:32px;border-radius:6px;font-weight:700;font-size:14px}
.rte-bar button:hover{background:var(--surface)}.rte-bar .sep{width:1px;height:22px;background:var(--line);margin:0 4px}
.rte-bar select{width:auto;padding:4px 8px;font-size:13px}
.rte-body{min-height:260px;max-height:520px;overflow:auto;padding:14px 18px;outline:none;line-height:1.6}
.rte-body h2{font-size:22px}.rte-body img{max-width:100%}.rte-body table{border-collapse:collapse}.rte-body td{border:1px solid var(--line);padding:6px 10px;min-width:60px}.rte-body a{color:var(--flame)}
.rte-src{border:0;border-radius:0;min-height:260px;font-family:ui-monospace,Menlo,monospace;font-size:13px}
.rte-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:4px 10px;border-top:1px solid var(--line)}
.toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.tg{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink);font-weight:400}.tg input{width:auto;margin-top:3px}.tg small{color:var(--muted)}
.vbox{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px}
.tagchip{display:inline-flex;align-items:center;gap:4px;background:var(--chip);border-radius:6px;padding:4px 4px 4px 10px;font-weight:600;font-size:14px}.tagchip button{border:0;background:transparent;color:var(--muted);width:24px;height:24px;border-radius:4px}
.bulk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--chip);border-radius:10px;padding:10px 12px;margin-bottom:10px}.bulk select,.bulk input{width:auto}
.vd{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;background:var(--surface)}
.vd summary{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;flex-wrap:wrap}.vd summary::-webkit-details-marker{display:none}
.vd[open] summary{border-bottom:1px solid var(--line)}.vd>div{padding:12px 14px}
.media{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.mimg{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--chip);aspect-ratio:1}.mimg.main{grid-column:span 2;grid-row:span 2}
.mimg img{width:100%;height:100%;object-fit:contain}
.mact{position:absolute;top:6px;right:6px;left:6px;display:flex;gap:4px;justify-content:flex-end}.mact button{border:0;background:rgba(255,255,255,.92);color:#17213a;border-radius:6px;width:28px;height:28px}.mact .badge{margin-right:auto}
.madd{display:flex;align-items:center;justify-content:center;border:2px dashed var(--line);border-radius:10px;aspect-ratio:1;cursor:pointer;color:var(--muted);font-weight:600;font-size:14px}
.pre{background:var(--chip);border:1px solid var(--line);border-right:0;border-radius:8px 0 0 8px;padding:9px 10px;color:var(--muted);font-size:14px;white-space:nowrap}
.pre+input{border-radius:0 8px 8px 0}
.thumb{width:44px;height:44px;border-radius:8px;background:var(--chip);overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain}
@media (max-width:900px){.savebar{margin:0 -14px -60px}.mimg.main{grid-column:span 1;grid-row:span 1}}

/* receipts */
.rcpt{width:72mm;background:#fff;color:#000;font:12px/1.35 "Courier New",Courier,monospace;padding:4mm}
.rcpt.w58{width:50mm;font-size:11px}.rcpt.a4{width:180mm;font:13px/1.5 Archivo,Arial,sans-serif;padding:10mm}
.rcpt .c{text-align:center}.rcpt hr{border:0;border-top:1px dashed #000;margin:6px 0}
.rcpt table{width:100%;border-collapse:collapse}.rcpt td{vertical-align:top;padding:1px 0}.rcpt td.r{text-align:right;white-space:nowrap}
.rcpt .big{font-size:1.25em;font-weight:700}
#printArea{display:none}
@media print{body>*{display:none!important}#printArea{display:block!important}#printArea .rcpt{page-break-after:always}}

@media (max-width:900px){
.hero-in{grid-template-columns:1fr;min-height:0}.hero-art{min-height:240px}
.usp-row{grid-template-columns:1fr 1fr}
.pm{grid-template-columns:1fr}.pm-img{min-height:220px}
.sf-foot .cols{grid-template-columns:1fr}
.adm{grid-template-columns:1fr}
.side{position:static;height:auto;display:flex;gap:4px;overflow-x:auto;padding:10px}
.side .logo,.side .grp{display:none}.side button{white-space:nowrap;width:auto}
.amain{padding:18px 14px 60px}
.pos{grid-template-columns:1fr}.pos-r{position:static}
.sf-tools{width:100%}.sf-tools input{flex:1;width:auto}
}

/* ===== admin theme ===== */
:root{--c-blue:#3867f0;--c-violet:#7b5cf0;--c-teal:#0e9f95;--c-amber:#e3920c;--c-pink:#dc4580;--c-green:#1f9d57;--c-sky:#1593cc;--c-red:#e8432a;--c-slate:#5b6b8c}
.adm{grid-template-columns:252px 1fr;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 9%,var(--bg)) 0,var(--bg) 340px)}
.adm .side{background:var(--surface);color:var(--ink);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column}
.brandmark{display:flex;align-items:center;gap:10px;padding:2px 8px 14px;font-weight:800;font-size:20px;font-stretch:112%;letter-spacing:-.02em}
.brandmark i{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--flame),#ff9a3d);display:grid;place-items:center;color:#fff;font-style:normal;font-size:19px;font-weight:800}
.brandmark small{display:block;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:0;font-stretch:100%}
.adm .side .grp{color:var(--muted);font-size:12px;font-weight:700;padding:16px 10px 6px}
.adm .side button{align-items:center;gap:10px;padding:6px 8px;border-radius:11px;color:var(--ink);font-weight:600;margin-bottom:2px}
.adm .side button:hover{background:var(--chip)}
.adm .side button.on{background:color-mix(in srgb,var(--c) 12%,var(--surface))}
.ni{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);flex:none}
.adm .side button.on .ni{background:var(--c);color:#fff;box-shadow:0 4px 10px -4px var(--c)}
.ni svg{width:17px;height:17px}
.nl{flex:1;text-align:left}
.adm .side .n{background:var(--c);color:#fff;border-radius:20px;padding:1px 8px;font-size:12px}
.sidefoot{margin-top:auto;padding-top:16px}
.sidefoot button{border:1px dashed var(--line)!important;justify-content:center!important;color:var(--muted)!important}
.adm .amain{padding:22px 28px 60px}
.adm .atop{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 18px;box-shadow:0 1px 2px rgba(20,30,60,.04),0 8px 24px -16px rgba(20,30,60,.18)}
.pt{display:flex;align-items:center;gap:14px}
.pt .ni{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 70%,#fff));color:#fff;box-shadow:0 8px 18px -8px var(--acc)}
.pt .ni svg{width:23px;height:23px}
.adm .atop h1{font-size:22px;line-height:1.2}
.pt .sub{color:var(--muted);font-size:13px;margin-top:2px}
.rolepill{display:flex;gap:8px;align-items:center}
.rolepill select{width:auto;border-radius:20px;background:var(--chip);border:1px solid transparent;font-weight:600;padding:7px 12px}
.adm .panel,.adm .tw,.adm .tile,.adm .whcard,.adm .empty,.adm .vd,.adm .bn-ed{border-radius:16px;box-shadow:0 1px 2px rgba(20,30,60,.04),0 6px 20px -14px rgba(20,30,60,.16)}
.adm .panel .tw,.adm .panel .empty,.adm .vd .tw{box-shadow:none;border-radius:12px}
.adm .panel h2,.adm .whcard h3{display:flex;align-items:center;gap:9px}
.adm .panel h2::before,.adm .whcard h3::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--acc);flex:none}
.adm .tbl th{background:color-mix(in srgb,var(--acc) 5%,var(--surface));font-size:12px}
.adm .tbl tbody tr:hover td{background:color-mix(in srgb,var(--acc) 4%,transparent)}
.adm .btn{border-radius:10px}
.adm .btn:not(.ghost):not(.danger):not(.flame){background:var(--acc)}
.adm .btn:not(.ghost):not(.danger):hover{filter:brightness(.93)}
.adm .btn.flame{background:linear-gradient(135deg,var(--flame),#f26a3c)}
.adm .btn.ghost{background:var(--surface)}
.adm input,.adm select,.adm textarea{border-radius:10px}
.adm input:focus,.adm select:focus,.adm textarea:focus,.adm .rte-body:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 20%,transparent)}
.adm .tabs{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:4px;display:inline-flex;gap:2px;margin-bottom:14px}
.adm .tabs button{border:0;border-radius:10px;margin:0;padding:8px 16px}
.adm .tabs button.on{background:var(--acc);color:#fff}
.adm .tabs button.on span{background:rgba(255,255,255,.25);color:#fff}
.badge{border-radius:20px;padding:3px 10px;background:color-mix(in srgb,currentColor 13%,transparent)}
.b-sold{color:var(--c-slate)}
.badge::first-letter{text-transform:uppercase}
.adm .tbl td:first-child b{white-space:nowrap}
.chart{max-height:240px}
.adm .tiles{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.adm .tile{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:0 14px;align-items:center;padding:18px}
.adm .tile .ni{grid-row:span 3;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 65%,#fff));color:#fff;box-shadow:0 8px 16px -8px var(--c)}
.adm .tile .ni svg{width:24px;height:24px}
.adm .tile b{font-size:26px;line-height:1.15}
.adm .tile::after{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--c) 9%,transparent)}
.chart{width:100%;height:auto;display:block}
.legend{display:flex;gap:16px;font-size:13px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sdot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:var(--c)}
.adm .paybtns button{border-radius:10px}
.adm .paybtns button.on{background:var(--pc);border-color:var(--pc)}
.adm .pi{border-radius:12px}.adm .pi:hover{border-color:var(--acc)}
.adm .filters>*{border-radius:10px}
.adm .jump{background:transparent}.adm .jump button{border-radius:20px}.adm .jump button:hover{border-color:var(--acc);color:var(--acc)}
.adm .chip.on{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
.adm .tagchip{background:color-mix(in srgb,var(--acc) 12%,var(--surface))}
.adm .bulk{background:color-mix(in srgb,var(--acc) 8%,var(--surface))}
.adm .savebar{border-radius:16px 16px 0 0;box-shadow:0 -8px 24px -18px rgba(20,30,60,.3)}
#modal .box{border-radius:18px;box-shadow:0 30px 60px -20px rgba(10,20,50,.45)}
@media (max-width:900px){
.adm{grid-template-columns:1fr}
.adm .side{flex-direction:row;overflow-x:auto;padding:8px;gap:4px;border-right:0;border-bottom:1px solid var(--line)}
.adm .side .grp,.brandmark,.sidefoot{display:none}
.adm .side button{flex:none;width:auto;margin:0}
.adm .amain{padding:14px 12px 60px}
}

/* ===== storefront (fone4u design) ===== */
body.sfmode{--flame:#0b98e0;--flame-d:#0879b8;--navy:#0a7fc2;--navy2:#086aa3;--bg:#fff;--surface:#fff;--ink:#1f2a37;--muted:#667085;--line:#dfe6ee;--chip:#f1f5f9;--ok:#16a34a;--bad:#dc2626;--b1:#1cb0f2;--b2:#0a8fd8;font-family:Poppins,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#fff;color:var(--ink)}
.sf .wrap{max-width:1180px}
.topnote{text-align:center;font-weight:700;font-size:clamp(14px,1.8vw,19px);padding:14px 12px 12px}
.hbar{background:linear-gradient(90deg,var(--b1),var(--b2));border-radius:16px;display:flex;align-items:center;gap:18px;padding:12px 18px;color:#fff;flex-wrap:wrap;box-shadow:0 10px 24px -14px var(--b2)}
.logo2{display:flex;align-items:center;text-decoration:none;cursor:pointer}
.lg{display:flex;align-items:center;gap:8px;color:#fff}.lg svg{width:22px;height:30px}.lg span{font-family:"Kaushan Script",cursive;font-size:26px;line-height:1;white-space:nowrap}
.lg-img{height:42px;width:auto}
.hnav{display:flex;gap:2px;flex-wrap:wrap}
.hnav a{color:#fff;font-weight:600;font-size:14px;padding:7px 11px;border-radius:9px;text-decoration:none}
.hnav a:hover,.hnav a.on{background:rgba(255,255,255,.18)}
.hsearch{margin-left:auto;display:flex;align-items:center;gap:8px;border:1.5px solid rgba(255,255,255,.75);border-radius:12px;padding:0 12px;min-width:250px;color:#fff;font-weight:400}
.hsearch svg{width:18px;height:18px;flex:none}
.hsearch input{background:transparent;border:0;color:#fff;padding:9px 0}.hsearch input::placeholder{color:rgba(255,255,255,.85)}.hsearch input:focus-visible{outline:none}
.hsearch:focus-within{background:rgba(255,255,255,.14)}
.hcart{position:relative;border:0;background:#fff;color:var(--b2);width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}
.hcart svg{width:22px;height:22px}.hcart span{position:absolute;top:-6px;right:-6px;background:#ff5a36;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px}
.trust{display:flex;justify-content:center;flex-wrap:wrap;background:#f1f3f5;border-radius:6px;margin:10px 0 14px;font-size:12px;padding:6px 10px;gap:4px 0}
.trust>span{display:flex;align-items:center;gap:6px;padding:0 18px;border-left:1px solid #cfd5dc}.trust>span:first-child{border-left:0}
.trust svg{width:16px;height:16px}
.tps{display:inline-flex;gap:2px}.tps i{font-style:normal;background:#00b67a;color:#fff;width:15px;height:15px;display:grid;place-items:center;font-size:10px}
.tpg{color:#191919}.tpg i{color:#00b67a;font-style:normal}
.hero2{position:relative;display:block;width:100%;border:0;padding:0;border-radius:20px;overflow:hidden;aspect-ratio:2.35/1;min-height:240px;cursor:pointer;text-align:left;color:#fff;font:inherit}
.hero2 img{width:100%;height:100%;object-fit:cover}
.hs-purple,.hs-navy{background:#8a7fe3 radial-gradient(rgba(255,255,255,.13) 1.5px,transparent 1.7px) 0 0/26px 26px}
.hs-navy{background-color:#1d3a6e}
.hs-blue{background:linear-gradient(120deg,#1cb0f2,#0a7fc8) }
.hs-orange,.hs-flame{background:linear-gradient(120deg,#ff9d5c,#ee6a25)}
.hs-light{background:#eaf6fd;color:#1f2a37}
.h2in{position:absolute;inset:0;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:0 6%}
.h2in h1{font-family:"Lilita One",Poppins,sans-serif;font-weight:400;font-size:clamp(40px,7.4vw,100px);line-height:.92;text-transform:uppercase;margin:0;max-width:8ch;letter-spacing:.01em;text-shadow:0 5px 0 rgba(0,0,0,.08)}
.h2in p{font-size:clamp(14px,1.6vw,19px);margin:14px 0 0;max-width:34ch;opacity:.95}
.hcta{display:inline-block;margin-top:18px;background:#fff;color:#1f2a37;font-weight:700;padding:10px 20px;border-radius:12px}
.hs-light .hcta{background:var(--b2);color:#fff}
.h2art{display:flex;justify-content:center;align-items:center;height:100%}.h2art svg{height:80%;width:auto;transform:rotate(12deg);filter:drop-shadow(0 20px 30px rgba(0,0,0,.25))}
.sp{position:absolute;color:#fff;font-style:normal;opacity:.9;pointer-events:none}.sp1{left:12%;top:10%;font-size:34px}.sp2{left:52%;top:30%;font-size:22px}.sp3{left:44%;bottom:12%;font-size:28px}
.hs-light .sp{color:var(--b2)}
.hdots{display:flex;justify-content:center;gap:8px;margin-top:12px}.hdots button{width:8px;height:8px;border-radius:4px;border:0;background:#cfd8e3;padding:0}.hdots button.on{width:26px;background:var(--b2)}
.sec2{padding:44px 20px 0}
.stitle{display:flex;align-items:center;justify-content:center;gap:16px;font-size:clamp(22px,2.6vw,30px);font-weight:700;color:#343a46;margin:0 0 26px;text-align:center}
.stitle::before,.stitle::after{content:"";height:2px;width:min(120px,14vw);background:linear-gradient(90deg,transparent,var(--b2));flex:none}
.stitle::after{transform:scaleX(-1)}
.tcats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:30px}
.tcat{position:relative;height:92px;border-radius:14px;background:linear-gradient(135deg,var(--b1),var(--b2));color:#fff;border:0;text-align:left;padding:0 18px;font:600 clamp(16px,1.7vw,21px) Poppins,sans-serif;display:flex;align-items:center;box-shadow:0 12px 22px -14px var(--b2);cursor:pointer}
.tcat::after{content:"";position:absolute;bottom:-11px;left:44%;border:12px solid transparent;border-top-color:var(--b2);border-bottom:0}
.tcat .ti{position:absolute;right:6px;bottom:10px;width:44%;height:128%;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none}
.tcat .ti img,.tcat .ti svg{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.25))}
.tcat:hover{filter:brightness(1.06)}
.railwrap{position:relative}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}
.rarr{position:absolute;top:42%;width:30px;height:30px;border-radius:50%;border:0;background:#2b2f38;color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.2);padding:0 0 3px}
.rarr.l{left:-40px}.rarr.r{right:-40px}
.pcard{position:relative;background:linear-gradient(180deg,#fff,#f3faff);border:1.5px solid #bfe5fa;border-radius:14px;padding:10px 10px 0;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:14px}
.pc-save{font-size:11px;color:#667085;background:#eef1f4;border-radius:6px;padding:2px 10px;font-weight:500}.pc-save.none{background:transparent}
.pc-new{position:absolute;top:10px;right:10px;background:var(--b2);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}
.pc-img{border:0;background:transparent;height:150px;width:100%;display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer}
.pc-img{overflow:hidden}.pc-img img{max-height:100%;object-fit:contain}.pc-img .art.ph{width:66px;height:130px;border-radius:15px;padding:4px}.pc-img .art.ph i{border-radius:11px}.pc-img .art.tab{width:100px;height:130px}.pc-img .art.acc{width:80px;height:80px}
.pcard h3{font-size:14px;font-weight:600;margin:4px 0 2px;line-height:1.3}.pcard h3 a{text-decoration:none}
.stars{display:inline-flex;gap:1px;color:#d9dde3;font-size:14px;line-height:1}.stars i{font-style:normal}.stars i.on{color:#f5b50a}
.pc-price{margin:6px 0 10px;font-size:15px}.pc-price s{color:#98a2b3;font-size:12px;margin-left:4px}
.pc-add{position:relative;width:calc(100% + 20px);margin:auto -10px 0;border:0;background:linear-gradient(90deg,var(--b1),var(--b2));color:#fff;font:700 14px Poppins,sans-serif;text-transform:uppercase;padding:9px;border-radius:0 0 12px 12px}
.pc-add::after{content:"";position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);border:10px solid transparent;border-top-color:var(--b2);border-bottom:0}
.pc-add[disabled]{background:#c3cad4}.pc-add[disabled]::after{border-top-color:#c3cad4}
.sf .grid,.grid.mini{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.feat{position:relative;max-width:1000px;margin-top:70px;height:470px}
.arc{position:absolute;left:8%;right:8%;top:20px;aspect-ratio:2/1;border:3px solid #27b8f5;border-bottom:0;border-radius:1000px 1000px 0 0}
.dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#27b8f5;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #fff}
.d0{left:21%;top:18%}.d1{left:79%;top:18%}.d2{left:3%;top:66%}.d3{left:97%;top:66%}
.fp{position:absolute;width:24%;font-size:12px;color:#555}.fp b{display:block;font-size:15px;color:#1f2a37;margin-bottom:2px}
.f0{left:-2%;top:-4%}.f1{left:80%;top:-4%}.f2{left:6%;top:56%}.f3{left:72%;top:56%}
.fphone{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(300px,38%);height:390px;display:flex;align-items:flex-end;justify-content:center;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.fphone img{max-height:100%;object-fit:contain}
.ob{width:100%;height:100%;border-radius:56px 56px 0 0;background:linear-gradient(155deg,#ffb685,#f58436 40%,#e2641c);position:relative;box-shadow:inset 0 0 0 3px rgba(255,255,255,.25)}
.cam{position:absolute;left:8%;top:5%;width:62%;aspect-ratio:1/.95;border-radius:34px;background:linear-gradient(150deg,#ffc79f,#f38b45);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 6px 14px rgba(150,60,10,.3)}
.cam i{position:absolute;width:38%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,#4a5a7a 0 14%,#10141d 15% 55%,#2a2f3a 56% 64%,#e98a4b 65% 70%,#10141d 71%);box-shadow:0 4px 8px rgba(0,0,0,.35)}
.cam i:nth-child(1){left:6%;top:6%}.cam i:nth-child(2){left:6%;bottom:6%}.cam i:nth-child(3){right:10%;top:30%}
.cam b{position:absolute;right:12%;top:8%;width:15%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#fff8e6,#e8d9b0)}
.cam em{position:absolute;right:16%;bottom:12%;width:9%;aspect-ratio:1;border-radius:50%;background:#1c2230}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,var(--b1),var(--b2));border-radius:14px;color:#fff;padding:16px 8px;box-shadow:0 14px 26px -18px var(--b2)}
.stat{display:flex;gap:12px;align-items:center;justify-content:center;padding:4px 10px;border-left:1px solid rgba(255,255,255,.35)}.stat:first-child{border-left:0}
.stat svg{width:30px;height:30px;flex:none}.stat b{display:block;font-size:22px;line-height:1.1}.stat small{font-size:12px;opacity:.92}
.mosaic{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:clamp(300px,42vw,480px);margin-top:20px}
.mtile{position:relative;border:0;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mtile img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.mt0{grid-row:span 2;background:radial-gradient(circle,#fafbfc 0 16%,#e9ecf0 16.5% 30%,#f4f5f7 30.5% 44%,#e9ecf0 44.5% 58%,#f4f5f7 58.5%)}
.mt1{background:linear-gradient(135deg,#e3eaf3,#c7d4e6)}.mt2{background:radial-gradient(circle at 60% 50%,#fbe3d3,#eec6ac)}
.mart{width:55%;height:70%;display:flex;align-items:center;justify-content:center;transition:transform .3s}.mart svg{max-width:100%;max-height:100%;filter:drop-shadow(0 18px 24px rgba(0,0,0,.2))}
.mtile:hover img,.mtile:hover .mart{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.mtile img,.mart{transition:none}}
.rev{background:#f7f8fa;border-radius:10px;padding:14px 18px 10px;max-width:1080px;margin:0 auto}
.rev-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#eceef2;border-radius:8px;padding:10px 14px;margin-bottom:14px}
.glogo b{font-weight:600}
.rscore{display:flex;align-items:center;gap:6px}.rscore>b{font-size:18px}
.rbtn{background:#1a73e8;color:#fff;font-weight:600;font-size:13px;padding:8px 16px;border-radius:6px;text-decoration:none}
.rrail{grid-auto-columns:calc((100% - 64px)/5)}
.rcard{font-size:13px;padding:4px 2px}
.rtop{display:flex;gap:8px;align-items:center;margin-bottom:4px}.rtop small{display:block;color:#98a2b3;font-size:11px}
.av{width:32px;height:32px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.vchk{width:13px;height:13px;vertical-align:-2px}
.rtext{margin:4px 0 2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rtext.open{-webkit-line-clamp:unset;display:block}
.rmore{color:#98a2b3;font-size:12px;cursor:pointer}.rg{margin-top:6px;font-size:14px}
.rev .rarr.r{right:-32px}
.ft{background:linear-gradient(135deg,var(--b1),var(--b2));color:#fff;border-radius:80px 80px 0 0;margin-top:60px;padding:50px 0 calc(22px + env(safe-area-inset-bottom,0px))}
.ftc{display:grid;grid-template-columns:1.1fr 1.5fr 1fr;gap:28px}
.ft h4{margin:0 0 8px;font-size:16px}.ft h4+*{margin-bottom:0}.ft .ftcol h4:not(:first-child){margin-top:16px}
.ftabout{font-size:13px;opacity:.92;max-width:34ch}
.ftstores{display:grid;gap:10px;font-size:12px}.ftstores b{display:block;text-transform:uppercase;font-size:12px}.ftstores span{display:block;opacity:.92}
.ft a{color:#fff}
.soc{display:flex;gap:8px}.soc a,.soc span{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center}.soc svg{width:16px;height:16px}
.ftb{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.35);margin-top:28px;padding-top:16px;font-size:12px}
.pay{display:flex;gap:6px;flex-wrap:wrap}.pay span{background:#fff;color:#1a1f71;border-radius:5px;padding:3px 8px;font-weight:800;font-size:11px;min-width:44px;text-align:center}
.pay .kl{background:#ffb3c7;color:#17120f}.pay .hm{background:#ff6b00;color:#fff}.pay .vi{font-style:italic}
.ftlinks{display:flex;gap:16px}.ftlinks a{text-decoration:none;opacity:.92;cursor:pointer}
body.sfmode .h1{font-weight:700;letter-spacing:-.01em}
@media (max-width:900px){
.hsearch{order:3;min-width:100%;margin-left:0}.hbar{gap:10px}.hnav a{padding:6px 8px;font-size:13px}
.tcats{grid-template-columns:1fr 1fr;row-gap:40px}.tcat{font-size:15px;padding:0 12px;align-items:flex-end;padding-bottom:14px}.tcat .ti{width:48%;height:105%;right:4px}
.rail,.rrail{grid-auto-columns:46%}.rarr{display:none}
.stats{grid-template-columns:1fr 1fr;row-gap:12px}.stat:nth-child(3){border-left:0}
.mosaic{grid-template-columns:1fr 1fr;height:auto}.mt0{grid-column:span 2;grid-row:auto;height:260px}.mt1,.mt2{height:170px}
.ftc{grid-template-columns:1fr}.ft{border-radius:40px 40px 0 0}
.h2in{grid-template-columns:1fr}.h2art{display:none}.hero2{aspect-ratio:auto;min-height:260px}
.feat{height:auto;margin-top:40px;display:flex;flex-direction:column}.fphone{position:relative;left:auto;transform:none;margin:0 auto 20px;height:280px;width:230px;order:1}
.arc{position:static;aspect-ratio:auto;border:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;order:2}.dot{display:none}.fp{position:static;width:auto}
}

/* ===== live site additions ===== */
body.admin{background:var(--bg)}
.boot{min-height:100vh;display:grid;place-items:center;color:var(--muted);font-weight:600}
.hmenu{display:none;border:0;background:rgba(255,255,255,.18);color:#fff;width:40px;height:40px;border-radius:10px;place-items:center}
.hmenu svg{width:22px;height:22px}
.hsearch{margin-block:0}
a.pc-add{display:block;text-decoration:none;text-align:center}
a.tcat,a.mtile,a.hero2{text-decoration:none}
.heroes{position:relative}.heroes .hero2{display:none}.heroes .hero2.on{display:block}
.h2in .h1like{font-family:"Lilita One",Poppins,sans-serif;font-size:clamp(40px,7.4vw,100px);line-height:.92;text-transform:uppercase;margin:0;max-width:8ch;text-shadow:0 5px 0 rgba(0,0,0,.08)}
.rmore{border:0;background:none;padding:0;color:#98a2b3;font:inherit;font-size:12px;cursor:pointer}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:-10px 0 14px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--b2)}
.sortbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 18px;flex-wrap:wrap}.sortbar label{display:flex;align-items:center;gap:8px;color:var(--ink)}.sortbar select{width:auto}
.ppage{margin-top:6px}.ptitle{margin:2px 0 6px;font-size:clamp(24px,3vw,32px);line-height:1.15}
.ppage .opt span{flex:1;color:var(--ink)}.ppage .opt>b{color:var(--ink)}
.h3{font-size:20px;margin:0 0 12px}
.posts a.post{display:block;text-decoration:none;color:var(--ink)}.post h2{margin:6px 0 8px;font-size:18px;line-height:1.3}
.store .btn{margin-top:10px}
#scrim{position:fixed;inset:0;background:rgba(8,14,30,.45);z-index:65;display:none}#scrim.on{display:block}
.co{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}
.co .panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:16px}
.co h2{font-size:17px;margin:0 0 12px}
.co-sum{position:sticky;top:16px}
.co-line{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.co-line .thumb{width:56px;height:56px;border-radius:10px;background:var(--chip);display:grid;place-items:center;overflow:hidden}.co-line .thumb img{width:100%;height:100%;object-fit:contain}
.co-err{background:#fdecea;color:#9b1c1c;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:14px}
.note-ok{background:#e8f7ee;color:#136c3a;border-radius:10px;padding:10px 14px;margin:0 0 12px}
.note-warn{background:#fff4e0;color:#8a5300;border-radius:10px;padding:10px 14px;margin:0 0 12px}
.order{max-width:640px}.order .panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:14px 0}
.ostatus{display:inline-block;background:var(--brand-l,#e6f5fd);color:var(--b2);font-weight:700;border-radius:20px;padding:4px 14px;margin:0 0 10px}
#drawer .cl{grid-template-columns:52px 1fr auto}
.dthumb{width:52px;height:52px;border-radius:10px;background:var(--chip);overflow:hidden;display:grid;place-items:center}.dthumb img{width:100%;height:100%;object-fit:contain}
.qty2{display:inline-flex;align-items:center;gap:6px;margin-top:4px}.qty2 button{width:26px;height:26px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px}
.linkbtn{border:0;background:none;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}
@media (max-width:900px){
.hmenu{display:grid;margin-left:auto}.hbar .hcart{order:2}
.hnav{display:none;order:4;width:100%;flex-direction:column}.hnav.open{display:flex}.hnav a{padding:10px 12px;font-size:15px}
.co{grid-template-columns:1fr}.co-sum{position:static}
.trust>span{padding:0 10px}
}

/* ===== admin: login + mobile navigation ===== */
.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,#3867f0 18%,transparent),transparent 45%),radial-gradient(circle at 90% 90%,color-mix(in srgb,#e8432a 16%,transparent),transparent 45%),var(--bg)}
.login .card{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:30px 28px;box-shadow:0 30px 60px -30px rgba(10,20,50,.35)}
.login h1{margin:14px 0 4px;font-size:24px}.login p{margin:0 0 18px;color:var(--muted)}
.login label{margin-bottom:12px}.login .btn{width:100%;margin-top:6px;background:linear-gradient(135deg,#3867f0,#7b5cf0)}
.login .err{background:#fdecea;color:#9b1c1c;border-radius:10px;padding:8px 12px;margin-bottom:12px;font-size:14px}
.mbar,.tabbar,.sidescrim{display:none}
.userchip{display:flex;align-items:center;gap:8px;background:var(--chip);border-radius:20px;padding:4px 6px 4px 4px;font-weight:600;font-size:13px}
.userchip i{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 60%,#fff));color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800}
.syncdot{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.syncdot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c-green)}.syncdot.busy::before{background:var(--c-amber)}.syncdot.err::before{background:var(--c-red)}
@media (max-width:900px){
.adm{display:block;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
.mbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line);padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px}
.mbar button{border:0;background:var(--chip);color:var(--ink);width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.mbar svg{width:20px;height:20px}
.mbar b{flex:1;font-size:17px}
.adm .side{position:fixed;top:0;bottom:0;left:0;width:min(290px,84vw);z-index:60;flex-direction:column;overflow-y:auto;padding:calc(16px + env(safe-area-inset-top,0px)) 14px 20px;border-right:1px solid var(--line);transform:translateX(-105%);transition:transform .22s ease;border-bottom:0}
.adm .side.open{transform:none;box-shadow:20px 0 40px -20px rgba(0,0,0,.4)}
.adm .side .grp,.brandmark,.sidefoot{display:flex}.adm .side .grp{display:block}
.adm .side button{width:100%;flex:none}
.sidescrim.on{display:block;position:fixed;inset:0;background:rgba(8,14,30,.4);z-index:55}
.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
.tabbar button{border:0;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;font:600 11px Archivo,sans-serif;padding:4px 0}
.tabbar .ni{width:34px;height:28px;border-radius:10px;background:transparent}
.tabbar button.on{color:var(--ink)}.tabbar button.on .ni{background:var(--c);color:#fff}
.adm .atop{padding:12px 14px}.pt .ni{width:40px;height:40px}.adm .atop h1{font-size:19px}
.rolepill .btn{display:none}
.savebar{bottom:calc(64px + env(safe-area-inset-bottom,0px))}
.adm .tbl{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.adm .side{transition:none}}

/* ===== polish ===== */
@media (min-width:901px){.adm .side{top:0;height:100vh;position:sticky}.adm{min-height:100vh}}
a.btn,.btn{text-decoration:none}
#drawer .cl{align-items:start}
#drawer .cl>b{white-space:nowrap}
.qty2 .linkbtn{width:auto;height:auto;border:0;margin-left:6px}
@media (max-width:900px){
.adm .atop{display:none}
.adm .amain>.stats,.adm .amain .tiles{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){.adm .tiles .tile{padding:14px}.adm .tiles .tile b{font-size:22px}.adm .tiles .tile .ni{width:36px;height:36px}}
@media (max-width:360px){.adm .amain .tiles{grid-template-columns:1fr}}

/* ===== white + blue admin theme (always light) ===== */
:root{color-scheme:light}
body.admin{--bg:#f4f8fe;--surface:#fff;--ink:#14233f;--muted:#5f6f8c;--line:#e1e9f5;--chip:#eef4fd;background:var(--bg)}
.adm{--c-blue:#1f6feb;--c-sky:#0ea5e9;--c-violet:#2f6fed;--c-teal:#0891b2;--c-amber:#3b82f6;--c-green:#0284c7;--c-pink:#2563eb;--c-slate:#64748b;background:linear-gradient(180deg,#e9f2ff 0,var(--bg) 320px)!important}
.adm .side{background:#fff}
.adm .side button.on{background:#e8f1ff}
.brandmark i{background:linear-gradient(135deg,#1f6feb,#0ea5e9)!important;color:#fff}
.adm .btn:not(.ghost):not(.danger){background:#1f6feb;border-color:#1f6feb;color:#fff}
.adm .btn:not(.ghost):not(.danger):hover{background:#1a5fd0}
.adm .btn.ghost{background:#fff;color:#1f3a66;border-color:#d5e2f5}
.adm .tile::after{background:#e8f1ff!important}
.login{background:linear-gradient(160deg,#e3efff,#f7fbff 60%)}
.login .btn{background:#1f6feb!important}
.syncdot::before{background:#16a34a}.syncdot.busy::before{background:#f59e0b}.syncdot.err::before{background:#dc2626}
/* colour swatch inputs */
.tagchip .swpick{width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:50%;overflow:hidden;cursor:pointer;background:none;flex:none}
.tagchip .swpick::-webkit-color-swatch-wrapper{padding:0}.tagchip .swpick::-webkit-color-swatch{border:0;border-radius:50%}
.tagchip .swhex{width:78px;padding:3px 6px;font:12px ui-monospace,monospace;border-radius:6px;min-height:0;height:26px}
.tagchip{display:inline-flex;align-items:center;gap:6px}
/* storefront colour chips */
.chip.swchip{display:inline-flex;align-items:center;gap:8px}.chip .sw{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block}
.wbanner{display:block;border-radius:24px;overflow:hidden}.wbanner img{display:block;width:100%;height:auto}
.tblock .tbody{max-width:75ch;margin:0 auto;text-align:center;font-size:17px;color:var(--muted)}
/* front page designer */
.design{display:grid;grid-template-columns:minmax(340px,440px) 1fr;gap:20px;align-items:start}
.dsleft{display:flex;flex-direction:column;gap:10px}
.dscard{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .15s}
.dscard.open{box-shadow:0 10px 30px -18px rgba(31,111,235,.55);border-color:#b9d3fb}
.dscard.off .dsname b{color:var(--muted);text-decoration:line-through}
.dscard.fixed{background:#f7faff}
.dshead{display:flex;align-items:center;gap:10px;padding:10px 12px}
.dsnum{width:28px;height:28px;border-radius:8px;background:#e8f1ff;color:#1f6feb;display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.dsname{flex:1;border:0;background:none;text-align:left;padding:4px 0;cursor:pointer;color:var(--ink);font:inherit;min-width:0}
.dsname b{display:block;font-size:14px}.dsname small{color:var(--muted);font-size:12px}
.dsact{display:flex;align-items:center;gap:4px}
.dsact>button{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#1f3a66;cursor:pointer}
.dsact>button:disabled{opacity:.35;cursor:default}.dsact .dsx:hover{color:#dc2626;border-color:#f3c3c3}
.sw2{position:relative;width:40px;height:24px;margin:0 2px;flex:none}.sw2 input{opacity:0;width:0;height:0;position:absolute}
.sw2 span{position:absolute;inset:0;background:#cbd5e1;border-radius:20px;cursor:pointer;transition:.15s}.sw2 span::after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}
.sw2 input:checked+span{background:#1f6feb}.sw2 input:checked+span::after{transform:translateX(16px)}.sw2 input:focus-visible+span{outline:2px solid #1f6feb;outline-offset:2px}
.dsbody{padding:4px 14px 14px;border-top:1px solid var(--line)}
.dsbody .panel.flat{border:0;box-shadow:none;padding:12px 0 0;margin:0;background:none}.dsbody .panel.flat h2{font-size:14px}
.dsadd{background:#fff;border:2px dashed #cfe0f8;border-radius:14px;padding:12px}.dsadd b{display:block;margin-bottom:8px;font-size:14px}.dsadd .row{gap:6px}
.dsright{position:sticky;top:16px}
.dsbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dsbar .syncdot{margin-left:auto}
.seg2{display:flex;background:#e8f1ff;border-radius:10px;padding:3px}.seg2 button{border:0;background:none;padding:6px 14px;border-radius:8px;font:600 13px inherit;color:#1f3a66;cursor:pointer}.seg2 button.on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.dsframe{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;height:calc(100vh - 170px);min-height:460px;margin:0 auto}
.dsframe.mobile{width:390px;max-width:100%;border-radius:28px;border:8px solid #14233f}
.dsframe iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:1100px){.design{grid-template-columns:1fr}.dsright{position:static}.dsframe{height:70vh}}
.design{grid-template-columns:400px minmax(0,1fr)}.dsright{min-width:0}.dsframe{position:relative}
.dsframe.desktop iframe{position:absolute;left:0;top:0}
@media (max-width:1100px){.design{grid-template-columns:minmax(0,1fr)}}

.seg3{display:flex;flex-wrap:wrap;background:#eef4fd;border-radius:10px;padding:3px;gap:3px;margin-bottom:12px}
.seg3 button{flex:1 1 150px;border:0;background:none;padding:8px 10px;border-radius:8px;font:600 13px inherit;color:#1f3a66;cursor:pointer}.seg3 button.on{background:#fff;color:#1f6feb;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.apprbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fff7e6;border:1px solid #f6d58a;border-radius:14px;padding:14px 16px;margin-bottom:16px}
body.admin .btn:not(.ghost):not(.danger){background:#1f6feb;border-color:#1f6feb;color:#fff}
body.admin .btn:not(.ghost):not(.danger):hover{background:#1a5fd0}
body.admin .btn.ghost{background:#fff;color:#1f3a66;border-color:#d5e2f5}
/* ===== store: drop-down menus ===== */
.hnav .dd{position:relative;display:flex;align-items:center}
.hnav .ddt{border:0;background:none;color:inherit;font-size:11px;padding:4px 6px 4px 0;cursor:pointer;opacity:.85}
.hnav .ddm{position:absolute;top:100%;left:0;min-width:210px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 20px 40px -12px rgba(10,40,90,.35);display:none;z-index:50;margin-top:6px}
.hnav .ddm::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.hnav .ddm a{display:block;color:#14233f!important;background:none!important;padding:9px 12px;border-radius:8px;font-weight:500;white-space:nowrap}
.hnav .ddm a:hover{background:#e8f4fd!important;color:#0a8fd8!important}
.hnav .dd:hover .ddm,.hnav .dd:focus-within .ddm,.hnav .dd.open .ddm{display:block}
@media (max-width:900px){.hnav .dd{flex-wrap:wrap}.hnav .dd>a{flex:1}.hnav .ddt{font-size:14px;padding:10px 14px}
.hnav .dd:hover .ddm{display:none}.hnav .dd.open .ddm{display:block}
.hnav .ddm{position:static;width:100%;box-shadow:none;background:rgba(255,255,255,.14);margin:2px 0 6px;padding:4px}.hnav .ddm a{color:#fff!important;padding-left:22px}}
/* ===== admin: reports, history, split pay, menu ===== */
.rpbar{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.rpbar .row input,.rpbar .row select{width:auto}
.tabs2{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:16px}
.tabs2 button{border:0;background:none;padding:10px 14px;font:600 14px inherit;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer}.tabs2 button.on{color:#1f6feb;border-color:#1f6feb}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.kpi small{color:var(--muted);font-weight:600}.kpi b{font-size:24px;color:var(--ink)}.kpi span{font-size:12px;color:var(--muted)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid2>.panel{margin:0}.grid2{margin-bottom:16px}
.mbars{display:flex;gap:8px;align-items:flex-end;height:220px;overflow-x:auto;padding-top:10px}
.mb{flex:1 0 42px;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}
.mbc{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.mbc i{width:40%;max-width:22px;background:#1f6feb;border-radius:5px 5px 0 0;min-height:2px}.mbc i.p{background:#16a34a}
.mb small{font-size:11px;color:var(--muted);white-space:nowrap}
.lg1,.lg2{display:inline-block;width:10px;height:10px;border-radius:3px;background:#1f6feb;margin:0 4px 0 10px}.lg2{background:#16a34a}
.imhead{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-start}
.imfacts{display:grid;grid-template-columns:repeat(4,auto);gap:6px 24px}.imfacts small{display:block;color:var(--muted);font-size:12px}
.tl{list-style:none;margin:0;padding:0 0 0 22px;position:relative}.tl::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tl li{position:relative;display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed var(--line)}
.tl li::before{content:"";position:absolute;left:-20px;top:14px;width:12px;height:12px;border-radius:50%;background:#94a3b8;border:2px solid #fff;box-shadow:0 0 0 2px #94a3b8}
.tl li.sold::before{background:#1f6feb;box-shadow:0 0 0 2px #1f6feb}.tl li.in::before{background:#16a34a;box-shadow:0 0 0 2px #16a34a}.tl li.move::before{background:#0ea5e9;box-shadow:0 0 0 2px #0ea5e9}.tl li.out::before{background:#dc2626;box-shadow:0 0 0 2px #dc2626}
.tl small{color:var(--muted);text-align:right;white-space:nowrap}.tl span{color:var(--muted);font-size:14px}
.split{background:#f4f8fe;border-radius:12px;padding:10px;margin:8px 0;display:flex;flex-direction:column;gap:8px}
.okc{color:#16a34a}.badc{color:#dc2626}
.cashrow{align-items:flex-end;margin-top:8px}.change{background:#e8f7ee;border-radius:10px;padding:8px 14px;text-align:right}.change small{display:block;color:#136c3a}.change b{font-size:22px;color:#136c3a}
.mgroup{border:1px solid var(--line);border-radius:12px;padding:6px;margin-bottom:8px;background:#fff}
.mrow{display:flex;gap:8px;align-items:center;padding:4px;flex-wrap:wrap}.mrow.sub{margin-left:26px;border-top:1px dashed var(--line)}
.mrow input{flex:1 1 140px;width:auto}.mrow select{flex:1 1 180px;width:auto}.mgrip{color:var(--muted);width:16px}
.mact2{display:flex;gap:4px;flex-wrap:wrap}.mact2 button{height:32px;min-width:32px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#1f3a66;cursor:pointer;font-weight:600;padding:0 8px}
.mprev{display:flex;flex-wrap:wrap;gap:6px;background:linear-gradient(135deg,#1ea7ec,#0a8fd8);border-radius:14px;padding:10px}
.mpi{position:relative;color:#fff;font-weight:600;font-size:14px}.mpi>span{display:block;padding:6px 10px}.mpd{background:#fff;border-radius:10px;padding:6px;margin-top:4px;min-width:140px}.mpd span{display:block;color:#14233f;font-weight:500;padding:4px 8px}
@media (max-width:1000px){.kpis{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.imfacts{grid-template-columns:1fr 1fr}}
.mrow .mact2{margin-left:auto}
/* ===== store: mega menu, condition text, collection intro ===== */
.hnav .ddm.mm{width:min(760px,calc(100vw - 60px));padding:0;left:-40px;overflow:hidden}
.mmtabs{display:flex;gap:8px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid #e5eef7}
.hnav .mmtabs a.mmt{border:1px solid #d7e3ef;border-radius:30px;padding:8px 16px!important;font-weight:500;font-size:14px;color:#14233f!important;background:#fff!important}
.hnav .mmtabs a.mmt.on,.hnav .mmtabs a.mmt:hover{background:#0a8fd8!important;border-color:#0a8fd8;color:#fff!important}
.mmp{display:none;padding:14px 18px 18px}.mmp.on{display:block}
.mmh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mmh b{font-size:16px;color:#14233f}
.hnav .mmh a{padding:4px 0!important;color:#0a8fd8!important;font-size:13px;font-weight:600}
.mmg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 16px}
.hnav .mmg a{padding:8px 10px!important;font-size:14px;font-weight:400}
.conddesc{background:#eef8fe;border:1px solid #cfe9f8;border-radius:12px;padding:10px 14px;margin:10px 0 0;font-size:14px;line-height:1.5}
.conddesc b{display:block;color:#0a6fb0;margin-bottom:2px}.conddesc span{color:#33475b}
.catintro{max-width:75ch;color:var(--muted);margin:-8px 0 18px;font-size:16px}
@media (max-width:900px){
.hnav .ddm.mm{width:100%;left:auto}
.mmtabs{display:none}.mmp{display:block;padding:6px 8px}.mmh{margin-bottom:2px}.mmh b{color:#fff;font-size:15px}.hnav .mmh a{color:#fff!important;opacity:.85}
.mmg{grid-template-columns:1fr 1fr}.hnav .mmg a{color:#fff!important}}
/* ===== admin: sales filters, conditions, pages, menu v2 ===== */
.datef{align-items:flex-end}.datef .chips{flex:1 1 100%}.datef .dl{display:flex;flex-direction:column;font-size:12px;color:var(--muted);font-weight:600;gap:2px}.datef .dl input{width:auto}
.sumbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0 0 12px;font-size:14px;color:var(--muted)}.sumbar b{color:var(--ink)}.sumbar .btn{margin-left:auto}
.condrow{display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line)}.condrow textarea{min-height:56px}
.catlist{display:flex;flex-direction:column;gap:6px}.catrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}.catrow small{flex:1}
.mrow.lvl2{margin-left:24px;border-top:1px dashed var(--line)}.mrow.lvl3{margin-left:48px;border-top:1px dashed var(--line)}
.mrow.lvl3 input{flex-basis:120px}
.mprev2{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mptop{display:flex;flex-wrap:wrap;gap:4px;background:linear-gradient(135deg,#1ea7ec,#0a8fd8);padding:8px}
.mpt{border:0;background:none;color:#fff;font-weight:600;font-size:13px;padding:6px 10px;border-radius:8px;cursor:pointer}.mpt.on{background:rgba(255,255,255,.22)}
.mptabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid #e5eef7}
.mptabs button{border:1px solid #d7e3ef;background:#fff;border-radius:20px;padding:5px 12px;font-size:12px;cursor:pointer;color:#14233f}.mptabs button.on{background:#0a8fd8;border-color:#0a8fd8;color:#fff}
.mppane{padding:12px}.mppane b{display:block;margin-bottom:6px}.mpgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.mpgrid span,.mpd2 span{font-size:13px;padding:4px 0;color:#33475b;display:block}.mpd2{padding:10px 14px}
@media (max-width:700px){.condrow{grid-template-columns:1fr}.mrow.lvl3{margin-left:30px}}
@media (min-width:901px){.hbar{flex-wrap:nowrap}.hnav{flex:1 1 auto;min-width:0;flex-wrap:wrap}.hsearch{flex:0 1 240px;min-width:140px}.hcart{flex:none}}
.conddesc{margin:0 0 12px}
/* ===== purchases, transfers, expenses, documents, bulk ===== */
.selbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#e8f1ff;border:1px solid #b9d3fb;border-radius:12px;padding:10px 14px;margin-bottom:10px;position:sticky;top:8px;z-index:5}
tr.selrow td{background:#f1f7ff}
tr.voided td{opacity:.55}
.poline{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0;background:#fbfdff}.poline textarea{min-height:70px}
.pototal{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;border-top:1px solid var(--line);margin-top:14px;padding-top:14px;color:var(--muted)}.pototal b{color:var(--ink)}.pototal .big b{font-size:20px}.pototal .btn{margin-left:auto}
.docf{margin:12px 0}.docdrop{display:flex;flex-direction:column;align-items:center;gap:2px;border:2px dashed #b9d3fb;border-radius:12px;padding:18px;cursor:pointer;background:#f7fbff;color:#1f3a66;font-weight:600;text-align:center}.docdrop small{color:var(--muted);font-weight:400}.docdrop:hover{background:#eef5ff}
.docthumb{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.docchip{display:inline-flex;align-items:center;gap:4px;background:#e8f1ff;color:#1f6feb;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
.rthumb{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}.docicon{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#fdecea;color:#b42318;font-size:11px;font-weight:800}
.extot{background:#f4f8fe;border-radius:10px;padding:10px 14px;margin-top:10px;color:var(--muted)}.extot b{color:var(--ink)}
.trchk{display:flex;flex-direction:column;gap:4px;margin-top:8px}.trchk>div{display:grid;grid-template-columns:170px 1fr auto;gap:10px;padding:6px 10px;border-radius:8px;font-size:14px}.trchk .ok{background:#e8f7ee}.trchk .bad{background:#fdecea}.trchk small{font-weight:600}.trchk .ok small{color:#136c3a}.trchk .bad small{color:#b42318}
@media (max-width:700px){.trchk>div{grid-template-columns:1fr}.pototal .btn{width:100%}}
.grid2>*{min-width:0}
/* ===== store: account link, left-side mobile menu, accounts, page builder ===== */
.hacc{display:flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-weight:600;font-size:14px;padding:8px 10px;border-radius:12px}.hacc svg{width:22px;height:22px}.hacc:hover{background:rgba(255,255,255,.15)}
.navhead,.navacc{display:none}
body.noscroll{overflow:hidden}
@media (max-width:900px){
.hbar .hmenu{order:-1;margin-left:0;margin-right:4px}
.hbar .logo2{margin-right:auto}
.hacc span{display:none}.hacc{padding:6px}
.hnav,.hnav.open{display:flex;position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);z-index:70;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;background:linear-gradient(180deg,#1ea7ec,#0a7fc2);padding:calc(10px + env(safe-area-inset-top,0px)) 12px 24px;transform:translateX(-105%);transition:transform .22s ease;margin:0;border-radius:0 18px 18px 0;box-shadow:20px 0 40px -20px rgba(0,0,0,.4)}
.hnav.open{transform:none}
.navhead{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:6px 6px 12px;font-size:18px}.navhead button{border:0;background:rgba(255,255,255,.18);color:#fff;width:38px;height:38px;border-radius:10px;font-size:22px;line-height:1}
.navacc{display:block;border-top:1px solid rgba(255,255,255,.25);margin-top:8px}
#scrim{z-index:65}
}
@media (prefers-reduced-motion:reduce){.hnav{transition:none}}
.acc2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.acc2 .formcard,.formcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px}.formcard h2{margin:0 0 12px;font-size:20px}.formcard label{margin-bottom:10px}
.orders{display:flex;flex-direction:column;gap:8px}.orow{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px;color:var(--ink);text-decoration:none}.orow small{display:block;color:var(--muted)}.orow:hover{border-color:#0a8fd8}
.ost{background:#e6f5fd;color:#0a6fb0;border-radius:20px;padding:3px 10px;font-size:13px;font-weight:600}
.phero{position:relative;border-radius:24px;overflow:hidden;min-height:260px;display:flex;align-items:center;color:#fff;background:linear-gradient(135deg,#1ea7ec,#0a6fb0)}.phero.ph-purple{background:linear-gradient(135deg,#9d8cf0,#6a55d8)}.phero.ph-light{background:#eef7fd;color:var(--ink)}
.phero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.phero.ph-light img{opacity:.2}.phin{position:relative;padding:36px clamp(20px,5vw,56px);max-width:720px}.phin h1{font-size:clamp(28px,4.5vw,46px);margin:0 0 10px;line-height:1.1}.phin p{font-size:18px;margin:0 0 18px;opacity:.95}
.itext{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}.itext img{width:100%;border-radius:20px;object-fit:cover;max-height:420px}.itext.rev>img,.itext.rev>div:first-child{order:2}.itext h2{margin:0 0 10px;font-size:clamp(22px,3vw,30px)}.itext p{color:var(--muted);font-size:16px;line-height:1.6}
.scard{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;align-items:center}.scard h3{margin:0 0 8px;font-size:22px}.scard p{margin:0 0 8px;color:var(--muted)}.smap{width:100%;height:280px;border:0;border-radius:14px}
.scards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.scards .scard{grid-template-columns:1fr}
.plist{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.plist>div{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.plist>div:last-child{border:0}.plist small{display:block;color:var(--muted);font-size:13px}.plist>div>b{color:#0a8fd8;white-space:nowrap;font-size:17px}
.faq{display:flex;flex-direction:column;gap:8px;max-width:860px;margin:0 auto}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 18px}.faq summary{font-weight:600;cursor:pointer}.faq details p{color:var(--muted);margin:10px 0 0}
.cta{text-align:center;background:#eef7fd;border-radius:24px;padding:34px 20px}.cta h2{margin:0 0 8px}.cta p{color:var(--muted);margin:0 0 16px}.cta .row{justify-content:center}
@media (max-width:760px){.acc2,.itext,.scard{grid-template-columns:1fr}.itext.rev>img,.itext.rev>div:first-child{order:0}.orow{grid-template-columns:1fr auto}.orow>b{display:none}}
/* ===== admin: AI, pages, warranty ===== */
body.admin .btn.aibtn{background:linear-gradient(135deg,#1f6feb,#7b5cf0)!important;border-color:transparent!important;color:#fff!important}
.aisug{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}.ainew{background:#f1f7ff;border-radius:8px;padding:8px 10px;margin-top:6px}.aiold{color:var(--muted);font-size:13px;margin-top:4px}
.aidesc{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin-top:6px;font-size:14px}.aidesc h2{font-size:16px}
.wsel{margin-top:4px;padding:3px 6px;font-size:12px;width:auto;min-height:0;height:28px}
.lrow{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.lrow input,.lrow select{flex:1 1 140px;width:auto}.lrow.col{flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:8px}.lrow.col textarea{min-height:60px}.lrow.col .btn{align-self:flex-start}
.dspick{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:14px}.dspick label{display:flex;flex-direction:column;font-size:12px;font-weight:600;color:var(--muted);gap:4px}.dspick select{min-width:240px}
.tpls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:6px 0 12px}.tpl{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}.tpl small{display:block;color:var(--muted);font-weight:400}.tpl:has(input:checked){border-color:#1f6feb;background:#f1f7ff}
/* ===== transfers, invoices, specs, staff expense app ===== */
.warnbox{background:#fff6e5;border:1px solid #f6d58a;color:#7a4b00;border-radius:10px;padding:10px 14px;margin:0 0 12px;font-size:14px}
.errbox{background:#fdecea;border:1px solid #f5c2bd;color:#9b1c1c;border-radius:10px;padding:10px 14px;margin:0 0 12px;font-size:14px}
tr.warnrow td{background:#fff8ea}
.trcard{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px}.trcard span{display:block;font-weight:600;margin-top:4px}.trcard small{display:block;color:var(--muted);font-size:13px}
.rclist{display:flex;flex-direction:column;gap:4px;margin:10px 0;max-height:300px;overflow:auto}.rcrow{border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:8px}
#printArea .inv{font:13px/1.45 Arial,sans-serif;color:#111;max-width:180mm}
.inv .invhead{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #0a8fd8;padding-bottom:12px;margin-bottom:14px}.inv .invlogo{font-size:24px;font-weight:800;color:#0a8fd8;letter-spacing:1px}.inv h1{margin:0 0 4px;font-size:22px;color:#0a8fd8}
.inv .invto{margin:0 0 14px}.inv .invto small{color:#666;text-transform:uppercase;font-size:11px}
.inv .invt{width:100%;border-collapse:collapse;margin-bottom:12px}.inv .invt th{background:#eef7fd;text-align:left;padding:6px 8px;font-size:12px}.inv .invt td{padding:6px 8px;border-bottom:1px solid #e3e8ee}.inv .r{text-align:right}
.inv .invtot{margin-left:auto;min-width:240px;border-collapse:collapse}.inv .invtot td{padding:4px 8px}.inv .invnote{font-size:12px;color:#444;margin:10px 0 0}
.xapp{max-width:520px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 40px}.xapp header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.xadd{width:100%;border:0;border-radius:22px;padding:28px 18px;background:linear-gradient(135deg,#1f6feb,#0ea5e9);color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:34px;cursor:pointer;box-shadow:0 18px 30px -18px rgba(31,111,235,.7)}.xadd b{font-size:20px}.xadd small{font-size:14px;opacity:.9}
.xapp h2{font-size:17px;margin:24px 0 10px}.xsum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.xsum>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px}.xsum small{display:block;color:var(--muted);font-size:12px}.xsum b{font-size:18px}
.xrow{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 12px;margin-bottom:8px;color:var(--ink);text-decoration:none}.xrow small{display:block;color:var(--muted)}
.webtg{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);font-weight:500;margin-top:2px;cursor:pointer}.webtg input{width:14px;height:14px}
/* ===== product page: refined layout ===== */
.pp{--pp-ink:#0f1b2d;--pp-muted:#5d6b80;--pp-line:#e6ebf2;--pp-soft:#f5f8fc;--pp-blue:#0a8fd8;padding-bottom:40px}
.pp .pcrumbs{margin:18px 0 18px;font-size:13px;gap:8px}.pp .pcrumbs span{color:#b3bdca}.pp .pcrumbs .cur{color:var(--pp-muted)}
.ppgrid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,4.5vw,64px);align-items:start}
.pgal{position:sticky;top:18px}
.pgmain{position:relative;aspect-ratio:1/1;border-radius:28px;background:radial-gradient(120% 90% at 50% 15%,#ffffff 0,#eef3f9 55%,#e3eaf3 100%);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(15,27,45,.04)}
.pgmain img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(15,27,45,.16))}
.pgmain img.fade{animation:pfade .35s ease}@keyframes pfade{from{opacity:.2;transform:scale(.985)}to{opacity:1;transform:none}}
.pgmain .art{transform:scale(1.25)}
.pbadges{position:absolute;top:18px;left:18px;display:flex;gap:6px}.pbadge{background:#fff;color:var(--pp-ink);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:30px;box-shadow:0 6px 16px -8px rgba(15,27,45,.35)}.pbadge.flash{background:#ff6a3d;color:#fff}
.pgal .thumbs{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:4px}
.pgal .thumbs button{flex:none;width:78px;height:78px;border-radius:16px;background:var(--pp-soft);border:1.5px solid transparent;padding:6px;cursor:pointer;transition:border-color .15s}
.pgal .thumbs button.on{border-color:var(--pp-ink)}.pgal .thumbs img{width:100%;height:100%;object-fit:contain}
.pinfo{padding-top:4px}
.peyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-blue);margin-bottom:10px}
.ptitle2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;letter-spacing:-.025em;font-weight:700;color:var(--pp-ink);margin:0 0 12px}
.prate{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--pp-muted);margin-bottom:14px}.prate a{color:var(--pp-muted)}.prate .stars{margin:0}
.plead{font-size:17px;line-height:1.55;color:var(--pp-muted);margin:0 0 20px;max-width:52ch}
.pprice{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:6px 0 6px}
.pprice #pprice{font-size:clamp(30px,3vw,38px);font-weight:700;letter-spacing:-.02em;color:var(--pp-ink)}
.pprice s{font-size:18px;color:#9aa6b6}.psave{background:#e9f8ef;color:#137a3f;font-weight:600;font-size:13px;padding:5px 11px;border-radius:30px}
.pfin{font-size:14px;color:var(--pp-muted);margin:0 0 14px}
.pstock{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--pp-ink);margin-bottom:22px}
.pstock i{width:9px;height:9px;border-radius:50%;background:#1faa59;box-shadow:0 0 0 4px rgba(31,170,89,.15)}.pstock.low i{background:#f29a1a;box-shadow:0 0 0 4px rgba(242,154,26,.18)}.pstock.out i{background:#d64545;box-shadow:0 0 0 4px rgba(214,69,69,.15)}
.popts{border-top:1px solid var(--pp-line);padding-top:20px}
.pp .axis{margin-bottom:20px}.pp .axis .lbl{font-size:13px;font-weight:600;color:var(--pp-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.pp .axis .lbl b{color:var(--pp-ink);text-transform:none;letter-spacing:0;font-weight:600;margin-left:4px}
.pp .chips{display:flex;flex-wrap:wrap;gap:10px}
.pp .chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;min-height:54px;padding:10px 16px;border-radius:14px;border:1.5px solid var(--pp-line);background:#fff;color:var(--pp-ink);font-weight:600;font-size:15px;line-height:1.2;transition:border-color .15s,box-shadow .15s,transform .1s}
.pp .chip:hover{border-color:#b9c5d4}.pp .chip.on{border-color:var(--pp-ink);box-shadow:0 0 0 1px var(--pp-ink) inset}
.pp .chip.dim{opacity:.55}.pp .chip:disabled{opacity:.3;text-decoration:line-through}
.pp .chip .cp{font-weight:500;font-size:12px;color:var(--pp-muted);margin-top:3px}
.pp .chip.swchip{flex-direction:row;gap:10px;min-width:0;padding:9px 16px 9px 10px;border-radius:40px;min-height:0}
.pp .chip .sw{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.pp .conddesc{background:var(--pp-soft);border:0;border-radius:16px;padding:14px 16px;margin:-6px 0 20px}.pp .conddesc b{color:var(--pp-ink);font-size:14px}.pp .conddesc span{color:var(--pp-muted);font-size:14px;line-height:1.55}
.paddons{margin-bottom:16px}.paddons .lbl{font-size:13px;font-weight:600;color:var(--pp-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.pp .opt{border-radius:14px;border:1.5px solid var(--pp-line);padding:14px 16px;background:#fff}.pp .opt:has(input:checked){border-color:var(--pp-ink)}
.pcta{width:100%;border:0;border-radius:16px;background:var(--pp-ink);color:#fff;font:600 17px Poppins,system-ui,sans-serif;padding:18px 20px;cursor:pointer;transition:transform .1s,background .15s;box-shadow:0 18px 30px -18px rgba(15,27,45,.6)}
.pcta:hover{background:#1c2c45}.pcta:active{transform:scale(.99)}.pcta:disabled{background:#c5ced9;box-shadow:none;cursor:not-allowed}.pcta.added{background:#137a3f}
.pstores{font-size:14px;color:var(--pp-muted);margin:12px 0 0;text-align:center}
.ptrust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.ptrust>div{display:flex;gap:12px;align-items:flex-start;background:var(--pp-soft);border-radius:16px;padding:14px}
.ptrust svg{width:22px;height:22px;color:var(--pp-blue);flex:none;margin-top:2px}.ptrust b{display:block;font-size:14px;color:var(--pp-ink)}.ptrust small{display:block;font-size:12.5px;color:var(--pp-muted);margin-top:2px}
.pdetails{max-width:860px;margin:56px auto 0;border-top:1px solid var(--pp-line)}
.pacc{border-bottom:1px solid var(--pp-line)}
.pacc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:22px 2px;font-size:19px;font-weight:600;color:var(--pp-ink)}
.pacc summary::-webkit-details-marker{display:none}
.pacc summary i{width:14px;height:14px;position:relative}.pacc summary i::before,.pacc summary i::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--pp-ink);border-radius:2px;transition:transform .2s}.pacc summary i::after{transform:rotate(90deg)}
.pacc[open] summary i::after{transform:rotate(0)}
.paccb{padding:0 2px 26px;color:#3b4a5e;font-size:16px;line-height:1.7}.paccb h2{font-size:18px;margin:18px 0 6px;color:var(--pp-ink)}.paccb ul{padding-left:20px}
.pspecs{width:100%;border-collapse:collapse}.pspecs th,.pspecs td{text-align:left;padding:13px 0;border-bottom:1px solid var(--pp-line);vertical-align:top;font-size:15px}.pspecs th{width:36%;color:var(--pp-muted);font-weight:500;padding-right:20px}.pspecs td{color:var(--pp-ink)}.pspecs tr:last-child th,.pspecs tr:last-child td{border-bottom:0}
.pticks{list-style:none;padding:0!important;margin:0 0 12px}.pticks li{display:flex;gap:10px;align-items:flex-start;padding:6px 0}.pticks svg{width:18px;height:18px;color:#1faa59;flex:none;margin-top:4px}
.prail{margin-top:56px}.prail h2{font-size:24px;letter-spacing:-.01em;margin:0 0 18px;color:var(--pp-ink)}
.pbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--pp-line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:14px;transform:translateY(110%);transition:transform .25s ease}
.pbar.show{transform:none}.pbar>div{flex:1;min-width:0}.pbar b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pp-ink)}.pbar span{font-size:15px;font-weight:700;color:var(--pp-ink)}.pbar .pcta{width:auto;padding:13px 22px;font-size:15px;border-radius:14px}
@media (min-width:901px){.pbar{left:50%;right:auto;width:min(720px,calc(100% - 40px));transform:translate(-50%,130%);bottom:16px;border:1px solid var(--pp-line);border-radius:20px;box-shadow:0 20px 40px -20px rgba(15,27,45,.35)}.pbar.show{transform:translate(-50%,0)}}
@media (max-width:900px){.ppgrid{grid-template-columns:1fr;gap:22px}.pgal{position:static}.pgmain{border-radius:22px}.pgal .thumbs button{width:64px;height:64px}.pdetails{margin-top:36px}.pp .chip{min-width:84px}}
@media (max-width:480px){.ptrust{grid-template-columns:1fr}.pp .chips{gap:8px}}
@media (prefers-reduced-motion:reduce){.pgmain img.fade{animation:none}.pbar{transition:none}}
.pgmain .art{transform:none}.pgmain .art.ph.big{width:auto;height:72%;aspect-ratio:1/2}
.pp .opt{display:flex;gap:12px;align-items:flex-start}.pp .opt>span{flex:1;color:var(--pp-ink)}.pp .opt>b{color:var(--pp-ink);white-space:nowrap}
.pgmain>#pmain:not(img){width:100%;height:100%;display:grid;place-items:center}
.worth{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.wcard{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff}.wcard small{display:block;color:var(--muted);font-weight:600}.wcard>b{display:block;font-size:24px;margin-top:2px}.wcard>span{font-size:12px;color:var(--muted)}
.wcard .wsub{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted)}.wcard .wsub b{color:var(--ink)}
.wcard.all{background:linear-gradient(135deg,#1f6feb,#0ea5e9);border-color:transparent;color:#fff}.wcard.all small,.wcard.all>span,.wcard.all .wsub{color:rgba(255,255,255,.85)}.wcard.all .wsub b{color:#fff}.wcard.all .wsub{border-color:rgba(255,255,255,.35)}
.worth{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.wcard{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff}.wcard small{display:block;color:var(--muted);font-weight:600}.wcard>b{display:block;font-size:24px;margin-top:2px}.wcard>span{font-size:12px;color:var(--muted)}
.wcard .wsub{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted)}.wcard .wsub b{color:var(--ink)}
.wcard.all{background:linear-gradient(135deg,#1f6feb,#0ea5e9);border-color:transparent;color:#fff}.wcard.all small,.wcard.all>span,.wcard.all .wsub{color:rgba(255,255,255,.85)}.wcard.all .wsub b{color:#fff}.wcard.all .wsub{border-color:rgba(255,255,255,.35)}
.adm .tile>*{position:relative;z-index:1}.adm .tile::after{z-index:0}
/* =====================================================================
   STUDIO THEME (body.luxe): Fone 4 U brand graphite + Fone blue,
   phones on a cool studio backdrop. Classic look = site theme "classic".
   ===================================================================== */
body.luxe{--lx-ink:#333132;--lx-blue:#0a96cf;--lx-blue2:#0783b6;--lx-studio:#eef2f5;--lx-studio2:#e3e9ee;--lx-slate:#66717d;--lx-line:#e4e9ee;--lx-green:#1a8f4f;
  --ink:var(--lx-ink);--muted:var(--lx-slate);background:#fff;color:var(--lx-ink);font-family:Manrope,Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.luxe .sf{background:#fff}
body.luxe h1,body.luxe h2,body.luxe h3,body.luxe .h1,body.luxe .ptitle2{font-family:Manrope,Poppins,system-ui,sans-serif}
body.luxe .wrap{max-width:1280px}
body.luxe .topnote{background:var(--lx-ink);color:#e9edf1;font-size:13px;font-weight:500;padding:9px 16px;margin:0}
body.luxe header.wrap{max-width:none;padding:0;background:#fff;border-bottom:1px solid var(--lx-line);position:sticky;top:0;z-index:40}
body.luxe .hbar{max-width:1280px;margin:0 auto;background:none;box-shadow:none;border-radius:0;padding:14px 24px;gap:22px;min-height:76px}
body.luxe .logo2 .lg-img{height:46px;width:auto;display:block}
body.luxe .hnav{gap:2px}
body.luxe .hnav>a,body.luxe .hnav .dd>a{color:var(--lx-ink);font-weight:600;font-size:15px;padding:10px 12px;border-radius:10px;background:none}
body.luxe .hnav>a:hover,body.luxe .hnav .dd>a:hover,body.luxe .hnav a.on{background:var(--lx-studio);color:var(--lx-ink)}
body.luxe .hnav .ddt{color:var(--lx-slate)}
body.luxe .hsearch{background:var(--lx-studio);border:1px solid transparent;border-radius:40px;color:var(--lx-slate)}
body.luxe .hsearch:focus-within{border-color:var(--lx-blue);background:#fff}
body.luxe .hsearch input{color:var(--lx-ink)}body.luxe .hsearch input::placeholder{color:var(--lx-slate)}
body.luxe .hacc{color:var(--lx-ink)}body.luxe .hacc:hover{background:var(--lx-studio)}
body.luxe .hcart{background:var(--lx-ink);color:#fff;border-radius:14px}
body.luxe .hmenu{background:var(--lx-studio);color:var(--lx-ink)}
body.luxe .trust{max-width:1280px;margin:0 auto;background:none;border-radius:0;padding:10px 24px;color:var(--lx-slate);font-size:13px;border:0}
body.luxe .trust>span{border-color:var(--lx-line)}
body.luxe .hnav .mmtabs a.mmt.on,body.luxe .hnav .mmtabs a.mmt:hover{background:var(--lx-ink)!important;border-color:var(--lx-ink)}
body.luxe .hnav .mmh a{color:var(--lx-blue)!important}
/* hero */
.lx-hero{padding:18px 0 8px}
.lx-slides{position:relative}.lx-slide{display:none}.lx-slide.on{display:grid}
.lx-slide{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(24px,4vw,64px);min-height:560px;background:linear-gradient(180deg,#f6f8fa 0,var(--lx-studio) 100%);border-radius:36px;padding:clamp(28px,5vw,72px);overflow:hidden}
.lx-imgslide{padding:0;min-height:0;background:none}.lx-imgslide.on{display:block}.lx-imgslide img{width:100%;border-radius:36px;display:block}
.lx-h{font-size:clamp(44px,6.2vw,88px);line-height:.98;letter-spacing:-.045em;font-weight:800;margin:0 0 22px;color:var(--lx-ink);max-width:10ch}
.lx-sub{font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--lx-slate);margin:0 0 32px;max-width:40ch}
.lx-btns{display:flex;flex-wrap:wrap;gap:12px}
.lx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:40px;background:var(--lx-blue);color:#fff;font-weight:700;font-size:16px;text-decoration:none;transition:background .15s}
.lx-btn:hover{background:var(--lx-blue2)}.lx-btn:focus-visible{outline:3px solid var(--lx-ink);outline-offset:3px}
.lx-btn.ghost{background:#fff;color:var(--lx-ink);box-shadow:inset 0 0 0 1.5px #cfd7de}.lx-btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--lx-ink)}
.lx-btn.sm{min-height:42px;padding:0 20px;font-size:14px}
.lx-stage{position:relative;height:100%;min-height:420px;display:grid;place-items:center}
.lx-arc{position:absolute;width:118%;aspect-ratio:1;right:-30%;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff 0,#f2f6f9 38%,rgba(10,150,207,.10) 62%,rgba(10,150,207,0) 72%)}
.lx-photo,.lx-render{position:relative;width:min(100%,460px);max-height:500px;object-fit:contain;filter:drop-shadow(0 40px 50px rgba(51,49,50,.22))}
.lx-tag{position:absolute;left:4%;bottom:10%;background:#fff;border-radius:18px;padding:12px 18px;text-decoration:none;color:var(--lx-ink);box-shadow:0 20px 40px -18px rgba(51,49,50,.35);display:flex;flex-direction:column;gap:2px;border:1px solid var(--lx-line)}
.lx-tag small{font-size:13px;color:var(--lx-slate);font-weight:600}.lx-tag b{font-size:22px;letter-spacing:-.02em}.lx-tag:hover b{color:var(--lx-blue)}
.lx-dots{margin-top:14px}
.lx-proof{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lx-proof li{display:flex;gap:12px;align-items:center;padding:6px 4px;font-size:14px;color:var(--lx-slate);line-height:1.35}
.lx-proof svg{width:26px;height:26px;color:var(--lx-blue);flex:none}.lx-proof b{color:var(--lx-ink);display:block;font-size:15px}
/* sections */
.lx-sec{padding:56px 24px 0}
.lx-sh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}
.lx-sh h2{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.03em;font-weight:800;margin:0;color:var(--lx-ink)}
.lx-sh a{color:var(--lx-blue);font-weight:700;font-size:15px;text-decoration:none}.lx-sh a:hover{text-decoration:underline}
body.luxe .stitle{text-align:left;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.03em;font-weight:800;color:var(--lx-ink);justify-content:flex-start}
body.luxe .stitle::before,body.luxe .stitle::after{display:none}
.lx-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.lx-cat{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;padding:22px;border-radius:26px;background:var(--lx-studio);text-decoration:none;color:var(--lx-ink);overflow:hidden;transition:background .2s}
.lx-cat:hover{background:var(--lx-studio2)}.lx-cat:focus-visible{outline:3px solid var(--lx-blue);outline-offset:3px}
.lx-cn b{display:block;font-size:22px;letter-spacing:-.02em}.lx-cn small{color:var(--lx-slate);font-size:14px;font-weight:600}
.lx-ci{align-self:flex-end;width:62%;height:150px;display:grid;place-items:end}.lx-ci img,.lx-ci svg{max-width:100%;max-height:150px;object-fit:contain}
.lx-ci img{transition:transform .3s ease}.lx-cat:hover .lx-ci img{transform:scale(1.03)}
/* product cards: no boxes, the phone on the studio backdrop */
body.luxe .rail{gap:18px;padding-bottom:6px}
body.luxe .pcard{background:none;border:0;box-shadow:none;padding:0;border-radius:0;text-align:left;position:relative;display:flex;flex-direction:column;gap:6px}
body.luxe .pcard .pc-img{background:var(--lx-studio);border-radius:22px;aspect-ratio:4/5;display:grid;place-items:center;padding:18px;margin:0 0 8px;height:auto}
body.luxe .pcard .pc-img img{max-height:100%;width:auto;max-width:100%;object-fit:contain}
body.luxe .pcard h3{font-size:16px;font-weight:700;margin:0;letter-spacing:-.01em;min-height:0}body.luxe .pcard h3 a{color:var(--lx-ink)}
body.luxe .pcard .stars{justify-content:flex-start;margin:0}
body.luxe .pc-price{justify-content:flex-start;margin:2px 0 6px;gap:8px}body.luxe .pc-price b{font-size:18px;color:var(--lx-ink)}body.luxe .pc-price s{color:#98a3ae}
body.luxe .pc-save{position:absolute;top:12px;left:12px;background:#fff;color:var(--lx-green);font-size:12px;font-weight:700;border-radius:20px;padding:5px 10px;z-index:1;box-shadow:0 4px 12px -6px rgba(51,49,50,.3)}
body.luxe .pc-save.none{display:none}
body.luxe .pc-new{position:absolute;top:12px;right:12px;left:auto;background:var(--lx-ink);color:#fff;border-radius:20px;font-size:12px;padding:5px 10px;z-index:1}
body.luxe .pc-add{margin-top:auto;background:#fff;color:var(--lx-ink);border:1.5px solid #cfd7de;border-radius:40px;min-height:44px;font-weight:700;font-size:14px;clip-path:none}
body.luxe .pc-add::before,body.luxe .pc-add::after{display:none}
body.luxe .pc-add:hover{border-color:var(--lx-ink)}body.luxe .pc-add.added{background:var(--lx-green);border-color:var(--lx-green);color:#fff}
body.luxe .pc-add:disabled{color:#a3adb7;border-color:var(--lx-line)}
body.luxe .rarr{background:#fff;color:var(--lx-ink);border:1px solid var(--lx-line);box-shadow:0 10px 20px -12px rgba(51,49,50,.4)}
body.luxe .grid{gap:28px 18px}
/* spotlight */
.lx-spot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.lx-spotimg{background:var(--lx-studio);border-radius:32px;aspect-ratio:1/1;display:grid;place-items:center;padding:28px;overflow:hidden}
.lx-spotimg img,.lx-spotimg svg{max-width:80%;max-height:90%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(51,49,50,.2))}
.lx-points{display:grid;grid-template-columns:1fr 1fr;gap:34px 30px}
.lx-points div{border-top:2px solid var(--lx-ink);padding-top:16px}.lx-points b{display:block;font-size:19px;letter-spacing:-.01em;margin-bottom:6px}.lx-points p{margin:0;color:var(--lx-slate);font-size:15px;line-height:1.6}
/* numbers */
.lx-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--lx-line);border-bottom:1px solid var(--lx-line)}
.lx-stats div{padding:30px 10px;text-align:center}.lx-stats div+div{border-left:1px solid var(--lx-line)}
.lx-stats b{display:block;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.04em;font-weight:800}.lx-stats span{color:var(--lx-slate);font-size:14px;font-weight:600}
/* photo tiles */
.lx-mosaic{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:clamp(360px,42vw,560px)}
.lx-mosaic a{border-radius:26px;overflow:hidden;background:var(--lx-studio);display:grid;place-items:center}.lx-mosaic a:first-child{grid-row:span 2}
.lx-mosaic img{width:100%;height:100%;object-fit:cover}.lx-mosaic span svg{max-width:60%;max-height:70%}
/* reviews */
.lx-rev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:36px;align-items:start}
.lx-revhead h2{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.03em;margin:0 0 18px;line-height:1.1}
.lx-score{display:flex;align-items:center;gap:14px;margin-bottom:18px}.lx-score>b{font-size:56px;letter-spacing:-.05em;line-height:1}.lx-score span{display:flex;flex-direction:column;gap:4px}.lx-score small{color:var(--lx-slate);font-weight:600}
.lx-revlist{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.lx-revlist figure{margin:0;background:var(--lx-studio);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px;scroll-snap-align:start}
.lx-revlist blockquote{margin:0;font-size:16px;line-height:1.55;flex:1}.lx-revlist figcaption b{display:block}.lx-revlist figcaption small{color:var(--lx-slate)}
/* visit + footer */
.lx-visit{margin-top:72px;padding:48px 0;background:var(--lx-studio)}.lx-visit .wrap{padding:0 24px}
.lx-visit h2{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.03em;margin:0 0 22px}
.lx-stores{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.lx-store{background:#fff;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:4px}.lx-store b{font-size:20px;letter-spacing:-.02em;margin-bottom:4px}.lx-store span{color:var(--lx-slate);font-size:15px}
.lx-store div{display:flex;gap:18px;margin-top:10px}.lx-store a{color:var(--lx-blue);font-weight:700;text-decoration:none}.lx-store a:hover{text-decoration:underline}
.lx-foot{background:var(--lx-ink);color:#c9ced4;padding:56px 0 28px}
.lx-fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:0 24px}
.lx-flogo img{height:56px;width:auto}.lx-foot p{font-size:14px;line-height:1.6;max-width:34ch;margin:16px 0 0}
.lx-foot h3{color:#fff;font-size:15px;margin:6px 0 14px}.lx-foot nav a,.lx-foot div>a,.lx-foot div>span{display:block;color:#c9ced4;text-decoration:none;font-size:14px;padding:4px 0}.lx-foot a:hover{color:#fff}
.lx-soc{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px}.lx-soc a{display:inline-block!important}
.lx-fbot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding:22px 24px 0;font-size:13px}
/* product page under the new header */
body.luxe .pp{--pp-ink:var(--lx-ink);--pp-blue:var(--lx-blue);--pp-soft:var(--lx-studio)}
body.luxe .pp .pgmain{background:linear-gradient(180deg,#f6f8fa 0,var(--lx-studio) 100%)}
body.luxe .pcta{background:var(--lx-ink)}
body.luxe .peyebrow{text-transform:none;letter-spacing:0;font-size:15px;font-weight:700}
body.luxe .pp .axis .lbl,body.luxe .paddons .lbl{text-transform:none;letter-spacing:0;font-size:15px}
body.luxe .h1{letter-spacing:-.03em}
@media (max-width:1060px){.lx-proof{grid-template-columns:1fr 1fr}.lx-fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
body.luxe header.wrap{position:relative}
body.luxe .hbar{padding:10px 14px;gap:10px;min-height:0;flex-wrap:wrap}
body.luxe .logo2 .lg-img{height:36px}
body.luxe .hsearch{order:5;width:100%}
body.luxe .hnav,body.luxe .hnav.open{background:#fff;box-shadow:20px 0 40px -20px rgba(0,0,0,.3)}
body.luxe .hnav>a,body.luxe .hnav .dd>a,body.luxe .navhead{color:var(--lx-ink)}body.luxe .navhead button{background:var(--lx-studio);color:var(--lx-ink)}
body.luxe .navacc{border-color:var(--lx-line)}
body.luxe .hnav .ddm.mm,body.luxe .hnav .ddm{background:var(--lx-studio)}body.luxe .mmh b,body.luxe .hnav .mmh a,body.luxe .hnav .mmg a,body.luxe .hnav .ddm a{color:var(--lx-ink)!important}
body.luxe .trust{padding:8px 14px}
.lx-slide{grid-template-columns:1fr;min-height:0;border-radius:28px;padding:30px 22px 10px;gap:8px}
.lx-stage{min-height:300px}.lx-photo,.lx-render{max-height:320px}.lx-arc{width:120%;right:-10%}
.lx-tag{left:0;bottom:6%}
.lx-sec{padding:40px 14px 0}.lx-cat{min-height:200px}.lx-ci{height:110px}.lx-ci img,.lx-ci svg{max-height:110px}
.lx-spot,.lx-rev{grid-template-columns:1fr}.lx-stats{grid-template-columns:1fr 1fr}.lx-stats div:nth-child(3){border-left:0}.lx-stats div:nth-child(n+3){border-top:1px solid var(--lx-line)}
.lx-mosaic{grid-template-columns:1fr 1fr;height:auto}.lx-mosaic a{aspect-ratio:1}.lx-mosaic a:first-child{grid-row:auto;grid-column:span 2;aspect-ratio:16/9}
body.luxe .rail{grid-auto-columns:62%}
}
@media (max-width:560px){.lx-proof{grid-template-columns:1fr}.lx-fgrid{grid-template-columns:1fr}.lx-cats{grid-template-columns:1fr 1fr}.lx-cat{padding:16px;min-height:180px}.lx-cn b{font-size:18px}.lx-points{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.lx-ci img{transition:none}}
/* studio theme: product cards, final alignment */
body.luxe .pcard{align-items:stretch;text-align:left;margin-bottom:0}
body.luxe .pcard h3,body.luxe .pcard .stars,body.luxe .pcard .pc-price{align-self:flex-start;text-align:left}
body.luxe .pc-add{width:100%;margin:6px 0 0;text-transform:none;font:700 14px Manrope,Poppins,system-ui,sans-serif;padding:0 14px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
body.luxe .pc-add[disabled]{background:#fff}
body.luxe .pcard .pc-img{width:100%;box-sizing:border-box}
body.luxe .lx-ci{width:72%;height:170px}.lx-ci img{max-height:170px!important}
.lx-mosaic a{position:relative;text-decoration:none}
.lx-mosaic a.auto img{object-fit:contain;width:78%;height:78%;filter:drop-shadow(0 24px 30px rgba(51,49,50,.18))}
.lx-mcap{position:absolute;left:22px;bottom:20px;background:#fff;color:var(--lx-ink);font-weight:700;font-size:15px;padding:10px 16px;border-radius:30px;box-shadow:0 10px 24px -14px rgba(51,49,50,.4)}
.lx-mosaic a:hover .lx-mcap{background:var(--lx-ink);color:#fff}
.lx-mosaic.n1{grid-template-columns:1fr;grid-template-rows:1fr;height:clamp(300px,34vw,440px)}.lx-mosaic.n1 a:first-child{grid-row:auto}
.lx-mosaic.n2{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:clamp(300px,34vw,440px)}.lx-mosaic.n2 a:first-child{grid-row:auto}
.lx-score .stars{display:flex;flex-direction:row;gap:2px}
@media (max-width:900px){.lx-mosaic.n1,.lx-mosaic.n2{height:auto}.lx-mosaic.n2 a:first-child{grid-column:auto;aspect-ratio:1}}
.lx-mosaic a.auto img{position:absolute;left:0;right:0;top:9%;bottom:9%;margin:auto;width:100%;height:82%;object-fit:contain}
@media (max-width:560px){body.luxe .trust>span:not(:first-child){display:none}body.luxe .trust>span:first-child{white-space:nowrap;font-size:12px}}
/* =====================================================================
   POINT OF SALE v2
   ===================================================================== */
.adm.posmode .atop{display:none}
.adm.posmode .amain{padding:14px 16px 14px}
.pos2{--pk-ink:#14233f;--pk-mute:#607089;--pk-line:#e3e9f1;--pk-soft:#f3f6fa;--pk-blue:#1f6feb;--pk-blue2:#1a5fd0;--pk-green:#138a4e;--pk-amber:#c77700;--pk-red:#c93a2c;
  display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;height:calc(100vh - 28px);min-height:560px;color:var(--pk-ink)}
.pos2 .num{font-variant-numeric:tabular-nums}
.pos2 svg{width:20px;height:20px;flex:none}
/* left: command bar + products */
.pleft{display:flex;flex-direction:column;min-width:0;min-height:0}
.ptop{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.pstore{position:relative;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--pk-line);border-radius:14px;padding:0 12px;height:44px;color:var(--pk-ink);margin:0;font-size:inherit}
.pstore select{border:0;background:none;font-weight:700;font-size:15px;padding:0 20px 0 0;appearance:none;-webkit-appearance:none;color:var(--pk-ink);height:42px;min-height:0;width:auto;cursor:pointer}
.pstore select:disabled{cursor:default;opacity:1;padding-right:0}.pstore>svg:last-child{position:absolute;right:10px;width:16px;height:16px;pointer-events:none;color:var(--pk-mute)}
.pstat{display:flex;flex-direction:column;line-height:1.2;margin-right:auto}.pstat span{font-size:12px;color:var(--pk-mute)}.pstat b{font-size:14px}
.pghost{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--pk-line);background:#fff;color:var(--pk-ink);border-radius:12px;height:38px;padding:0 12px;font:600 13px inherit;cursor:pointer}
.pghost:hover{border-color:#b9c7da}.pghost svg{width:17px;height:17px}
.pcmd{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--pk-line);border-radius:18px;padding:0 14px 0 18px;height:64px;transition:border-color .15s,box-shadow .15s}
.pcmd:focus-within{border-color:var(--pk-blue);box-shadow:0 0 0 4px rgba(31,111,235,.14)}
.pcmd>svg{width:26px;height:26px;color:var(--pk-blue)}
.pcmd input{flex:1;border:0;outline:0;background:none;font:600 19px inherit;color:var(--pk-ink);height:60px;min-height:0;padding:0;width:auto;box-shadow:none}
.pcmd input::placeholder{color:#8b98ab;font-weight:500}
.pcmd input::-webkit-search-cancel-button{display:none}
.pcx{border:0;background:var(--pk-soft);color:var(--pk-mute);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.pcx svg{width:16px;height:16px}
.pcmd kbd{font:600 11px inherit;color:var(--pk-mute);background:var(--pk-soft);border:1px solid var(--pk-line);border-bottom-width:2px;border-radius:7px;padding:4px 8px}
.pcats{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 10px;scrollbar-width:none}.pcats::-webkit-scrollbar{display:none}
.pcats button{flex:none;border:1px solid var(--pk-line);background:#fff;color:var(--pk-ink);border-radius:30px;height:36px;padding:0 16px;font:600 14px inherit;cursor:pointer}
.pcats button.on{background:var(--pk-ink);border-color:var(--pk-ink);color:#fff}
.pres{flex:1;overflow-y:auto;min-height:0;padding:2px 2px 16px}
.pmsg{border-radius:12px;padding:11px 14px;font-weight:600;font-size:14px;margin-bottom:12px}.pmsg.ok{background:#e8f6ee;color:var(--pk-green)}.pmsg.bad{background:#fdecea;color:var(--pk-red)}
.phits{background:#fff;border:1px solid var(--pk-line);border-radius:16px;padding:6px;margin-bottom:14px}.phh{font-size:12px;font-weight:700;color:var(--pk-mute);padding:6px 10px}
.phit{display:grid;grid-template-columns:40px 1fr auto auto;gap:12px;align-items:center;width:100%;border:0;background:none;border-radius:12px;padding:8px 10px;text-align:left;color:var(--pk-ink);cursor:pointer}
.phit:hover:not(:disabled){background:var(--pk-soft)}.phit:disabled{opacity:.55;cursor:not-allowed}.phit small{display:block;color:var(--pk-mute);font-size:13px}
.pht{width:40px;height:40px;border-radius:10px;background:var(--pk-soft);display:grid;place-items:center;overflow:hidden}.pht img{width:100%;height:100%;object-fit:contain}
.phs{font-size:12px;font-weight:700;color:var(--pk-mute);background:var(--pk-soft);border-radius:20px;padding:3px 9px}.phs.ok{color:var(--pk-green);background:#e8f6ee}
.ptiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.ptile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:#fff;border:1px solid var(--pk-line);border-radius:18px;padding:10px 10px 12px;color:var(--pk-ink);cursor:pointer;transition:border-color .12s,transform .08s}
.ptile:hover{border-color:#aebfd6}.ptile:active{transform:scale(.985)}.ptile:focus-visible{outline:3px solid var(--pk-blue);outline-offset:2px}
.ptile.none{opacity:.55}
.pti{position:relative;width:100%;aspect-ratio:1;border-radius:12px;background:var(--pk-soft);display:grid;place-items:center;overflow:hidden;margin-bottom:6px}.pti img{width:84%;height:84%;object-fit:contain}
.pt-ph{font-size:34px;font-weight:800;color:#b5c1d1}
.ptb{position:absolute;left:8px;top:8px;background:#fff;color:var(--pk-ink);font-style:normal;font-size:11px;font-weight:700;border-radius:20px;padding:3px 8px;box-shadow:0 2px 6px rgba(20,35,63,.12)}
.ptn{font-weight:700;font-size:14px;line-height:1.3}
.ptm{font-size:12.5px;color:var(--pk-mute);display:flex;align-items:center;gap:6px}
.sdot{position:static;width:7px;height:7px;border-radius:50%;background:var(--pk-green);display:inline-block;flex:none}.sdot.low{background:var(--pk-amber)}.sdot.out{background:#b9c3cf}
.ptp{font-weight:800;font-size:15px;margin-top:2px}
.pempty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:48px 16px;color:var(--pk-mute)}.pempty b{color:var(--pk-ink)}
.pmob{display:none}
/* right: the sale */
.pright{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid var(--pk-line);border-radius:22px;overflow:hidden;box-shadow:0 20px 40px -30px rgba(20,35,63,.35)}
.thead{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--pk-line)}.thead>div{flex:1}.thead b{display:block;font-size:17px}.thead small{color:var(--pk-mute);font-size:13px}
.tback{display:none;border:0;background:var(--pk-soft);width:38px;height:38px;border-radius:12px;font-size:22px;color:var(--pk-ink)}
.tlines{flex:1;overflow-y:auto;min-height:120px;padding:6px 0}
.tempty{height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--pk-mute);text-align:center;padding:24px}.tempty svg{width:36px;height:36px;color:#b5c1d1;margin-bottom:4px}.tempty b{color:var(--pk-ink)}
.tline{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:12px 18px;border-bottom:1px solid var(--pk-soft)}
.tth{width:48px;height:48px;border-radius:12px;background:var(--pk-soft);display:grid;place-items:center;overflow:hidden}.tth img{width:100%;height:100%;object-fit:contain}.tth .pt-ph{font-size:18px}
.ttb{min-width:0}.ttb b{display:block;font-size:14.5px;line-height:1.3}.ttb small{display:block;color:var(--pk-mute);font-size:12.5px}
.timei{display:inline-block;margin-top:4px;font-size:11.5px;font-weight:600;color:var(--pk-ink);background:var(--pk-soft);border-radius:6px;padding:2px 7px}
.ttm{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.ttm label{display:flex;align-items:center;gap:4px;margin:0;font-size:11px;font-weight:600;color:var(--pk-mute)}
.ttm select{height:28px;min-height:0;padding:0 6px;font-size:12px;border-radius:8px;width:auto;border:1px solid var(--pk-line);background:#fff}
.ttr{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.tprice{display:flex;align-items:center;gap:2px;border:1px solid transparent;border-radius:10px;padding:0 6px;margin:0;height:36px;background:none;font-weight:800}
.tprice span{color:var(--pk-mute);font-weight:600;font-size:14px}.tprice input{border:0;background:none;width:84px;text-align:right;font:800 16px inherit;color:var(--pk-ink);padding:0;height:34px;min-height:0;box-shadow:none;-moz-appearance:textfield}
.tprice input::-webkit-inner-spin-button{display:none}
.tprice:hover,.tprice:focus-within{border-color:var(--pk-line);background:var(--pk-soft)}.tprice:focus-within{border-color:var(--pk-blue);background:#fff}
.tqty{display:flex;align-items:center;border:1px solid var(--pk-line);border-radius:10px;overflow:hidden}.tqty button{border:0;background:#fff;width:28px;height:28px;font-size:16px;color:var(--pk-ink);cursor:pointer}.tqty b{min-width:22px;text-align:center;font-size:13px}
.tdel{border:0;background:none;color:#98a4b5;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;cursor:pointer}.tdel:hover{background:#fdecea;color:var(--pk-red)}.tdel svg{width:15px;height:15px}
.tfoot{border-top:1px solid var(--pk-line);padding:12px 18px 18px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#fbfcfe,#fff)}
.textra summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;font-size:14px;color:var(--pk-ink);padding:6px 0}.textra summary::-webkit-details-marker{display:none}
.textra summary>svg:first-child{width:18px;height:18px;color:var(--pk-mute)}.textra summary small{color:var(--pk-mute);font-weight:500}.textra summary>svg:last-child{margin-left:auto;width:16px;height:16px;color:var(--pk-mute);transition:transform .15s}.textra[open] summary>svg:last-child{transform:rotate(180deg)}
.tcf{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 0 4px}.tcf input{height:40px;min-height:0;border-radius:10px}.tcf input:last-child{grid-column:span 2}
.ttot>div{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--pk-mute);padding:3px 0}
.tdisc>span{display:flex;align-items:center;gap:6px}.tdisc svg{width:16px;height:16px}.tdisc .tprice{height:32px}.tdisc .tprice input{width:70px;font-size:14px;font-weight:700;color:var(--pk-red)}.tdisc .tprice span{color:var(--pk-red)}
.tgrand{border-top:1px dashed var(--pk-line);margin-top:6px;padding-top:10px!important}.tgrand span{font-size:16px;font-weight:700;color:var(--pk-ink)}.tgrand b{font-size:30px;letter-spacing:-.02em;color:var(--pk-ink)}
.tpay{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:var(--pk-soft);border-radius:14px;padding:4px}
.tpay button{border:0;background:none;border-radius:10px;height:38px;font:700 13.5px inherit;color:var(--pk-mute);cursor:pointer}.tpay button.on{background:#fff;color:var(--pk-ink);box-shadow:0 1px 3px rgba(20,35,63,.15)}
.tsplit{display:flex;flex-direction:column;gap:6px}.tsr{display:flex;align-items:center;gap:6px}.tsr select{flex:1;height:38px;min-height:0;border-radius:10px;width:auto}.tsr .tprice{border-color:var(--pk-line);background:#fff}.tsr .tprice input{width:80px}.tsr.foot{justify-content:space-between;font-size:14px}
.tcash{display:flex;flex-direction:column;gap:8px}
.tquick{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tquick>button{border:1px solid var(--pk-line);background:#fff;border-radius:10px;height:36px;padding:0 12px;font:700 13px inherit;color:var(--pk-ink);cursor:pointer}.tquick>button:hover{border-color:var(--pk-ink)}
.tquick .tprice{flex:1;border-color:var(--pk-line);background:#fff}.tquick .tprice input{width:100%}
.tchange{display:flex;justify-content:space-between;align-items:center;background:#e8f6ee;color:var(--pk-green);border-radius:12px;padding:10px 14px;font-weight:700}.tchange b{font-size:22px}
.tchange.big{margin:12px auto 0;max-width:280px}.tchange.big b{font-size:28px}
.tcharge{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;border-radius:16px;height:64px;padding:0 22px;background:var(--pk-blue);color:#fff;font:700 16px inherit;cursor:pointer;box-shadow:0 14px 28px -14px rgba(31,111,235,.8);transition:background .15s,transform .08s}
.tcharge b{font-size:22px;letter-spacing:-.01em}.tcharge:hover:not(:disabled){background:var(--pk-blue2)}.tcharge:active:not(:disabled){transform:scale(.99)}
.tcharge:disabled{background:#c9d4e3;box-shadow:none;cursor:not-allowed}
.tcharge:focus-visible,.pcats button:focus-visible,.tpay button:focus-visible{outline:3px solid var(--pk-ink);outline-offset:2px}
/* choose-the-phone dialog */
.pkhead{display:flex;gap:14px;align-items:center;margin-bottom:12px}.pkhead h2{margin:0 0 2px}.pkhead p{margin:0}
.pkimg{width:64px;height:64px;border-radius:14px;background:#f3f6fa;display:grid;place-items:center;overflow:hidden;flex:none}.pkimg img{width:100%;height:100%;object-fit:contain}
.pkscan{width:100%;height:46px;border-radius:12px;margin-bottom:14px;font-size:16px}
.pkgrp{margin-bottom:14px}.pkgh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:14px}.pkgh span{font-weight:800}
.pkunits{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.pkunits button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid #e3e9f1;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;color:#14233f;text-align:left}
.pkunits button:hover{border-color:#1f6feb;background:#f5f9ff}.pkunits small{color:#607089;font-size:12px}
.pkl{display:flex;flex-direction:column;gap:6px}.pkrow{display:flex;justify-content:space-between;align-items:center;border:1px solid #e3e9f1;background:#fff;border-radius:12px;padding:12px 14px;cursor:pointer;color:#14233f;text-align:left}.pkrow:hover{border-color:#1f6feb}.pkrow small{display:block;color:#607089}
.pdone{text-align:center;margin-bottom:12px}.pdok{width:56px;height:56px;border-radius:50%;background:#e8f6ee;color:#138a4e;font-size:28px;font-weight:800;display:grid;place-items:center;margin:0 auto 8px}.pdone h2{margin:0}
/* narrower screens */
@media (max-width:1180px){.pos2{grid-template-columns:minmax(0,1fr) 380px}.ptiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media (max-width:900px){
.adm.posmode .amain{padding:10px 10px 90px}
.pos2{grid-template-columns:1fr;height:auto;min-height:0}
.pright{display:none}.pos2.show-ticket .pright{display:flex;position:fixed;inset:0 0 calc(64px + env(safe-area-inset-bottom,0px)) 0;z-index:45;border-radius:0;border:0}
.pos2.show-ticket .tback{display:grid;place-items:center}
.pcmd{height:56px}.pcmd input{font-size:16px;height:52px}.pcmd kbd{display:none}
.pstat{display:none}.ptop{justify-content:space-between}
.pres{overflow:visible}
.ptiles{grid-template-columns:repeat(2,1fr);gap:10px}
.pmob{display:block;position:fixed;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:35}
.pmob button{width:100%;display:flex;justify-content:space-between;align-items:center;height:56px;border:0;border-radius:16px;background:var(--pk-blue);color:#fff;font:700 15px inherit;padding:0 18px;box-shadow:0 14px 28px -12px rgba(31,111,235,.7)}.pmob button b{font-size:18px}
}
@media (prefers-reduced-motion:reduce){.pcmd,.tcharge,.ptile{transition:none}}

.pos2 .tprice{flex-direction:row!important;align-items:center;gap:2px}
.pos2 .tprice input{flex:none;margin:0}
.pos2 .tdisc .tprice input{width:72px}
.pos2 .tquick .tprice{flex:1 1 110px}.pos2 .tquick .tprice input{flex:1;width:auto;min-width:0;text-align:left}
.pos2 .ttm label{flex-direction:row!important}
.pos2 .tfoot{gap:10px;padding-top:10px}
.pos2 .ttm{gap:10px}
.pos2 .tprice input{width:78px}
.pos2 .pcmd input,.pos2 .pcmd input:focus{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;border-radius:0!important}
/* ===== searchable item picker ===== */
.ipwide{margin-bottom:12px}.ipwide .lbl{margin-bottom:6px}
.ipk{position:relative}
.ipin{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:0 12px;height:50px;transition:border-color .15s,box-shadow .15s}
.ipin:focus-within{border-color:#1f6feb;box-shadow:0 0 0 4px rgba(31,111,235,.12)}
.ipin svg{width:20px;height:20px;color:#1f6feb;flex:none}
.ipin input,.ipin input:focus{flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;height:46px;min-height:0;font:500 15px inherit;width:auto}
.ipin input::-webkit-search-cancel-button{display:none}
.iplist{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:80;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 48px -20px rgba(20,35,63,.35);max-height:340px;overflow-y:auto;padding:6px}
.iprow{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;border:0;background:none;border-radius:10px;padding:7px 10px;text-align:left;color:var(--ink);cursor:pointer}
.iprow.cur,.iprow:hover{background:#eef4fe}
.ipth{width:40px;height:40px;border-radius:10px;background:#f3f6fa;display:grid;place-items:center;overflow:hidden;flex:none}.ipth img{width:100%;height:100%;object-fit:contain}.ipth .pt-ph{font-size:16px}
.ipt{min-width:0}.ipt b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ipt small{display:block;color:var(--muted);font-size:12.5px}
.ipm{text-align:right}.ipm b{display:block;font-size:14px;font-variant-numeric:tabular-nums}.ipm small{color:var(--muted);font-size:12px;white-space:nowrap}
.ipempty{padding:14px 12px;color:var(--muted);font-size:14px}
.ipsel{display:flex;align-items:center;gap:12px;background:#f5f9ff;border:1.5px solid #cfe0f8;border-radius:14px;padding:8px 10px 8px 8px}.ipsel .ipt{flex:1}
/* roles editor */
.rtw{max-height:none}
.rtbl th,.rtbl td{vertical-align:middle}
.rtbl .rph{min-width:280px;white-space:normal}
.rtbl .rcol{text-align:center;min-width:130px}
.rtbl .rcol input[type=checkbox]{width:20px;height:20px;accent-color:#1f6feb;cursor:pointer}
.rtbl .rcol input[type=checkbox]:disabled{cursor:default}
.rtbl th.rcol small{display:block;font-weight:500;color:var(--muted);font-size:12px;margin-top:2px}
.rtbl .rname{width:120px;text-align:center;font-weight:700;height:34px;min-height:0;padding:0 6px}
.rtbl .rcol.own{background:#f7f9fc}
.rtbl tr.rgrp td{background:#eef4fe;font-weight:700;font-size:13px;color:#1f3a66;padding:8px 12px}
.rtbl th .linkbtn{display:block;margin:4px auto 0}

/* ---- Menu typography: Inter, same layout ---- */
body.luxe .hnav,body.luxe .hnav a,body.luxe .hnav button,body.luxe .navhead b{font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}
body.luxe .hnav>a,body.luxe .hnav .dd>a{font-weight:500;font-size:15px;letter-spacing:-.011em}
body.luxe .hnav .ddt{font-size:10px;opacity:.55}
body.luxe .hnav .ddm.mm{border:1px solid #e6ebf0;border-radius:16px;box-shadow:0 24px 48px -20px rgba(15,23,42,.28),0 2px 6px rgba(15,23,42,.05);background:#fff}
body.luxe .mmtabs{gap:8px;padding:18px 22px 16px;border-bottom:1px solid #edf1f5}
body.luxe .hnav .mmtabs a.mmt{font-size:13.5px;font-weight:500;letter-spacing:-.006em;padding:8px 16px!important;border-color:#dfe5ec;color:#1e293b!important;line-height:1.2}
body.luxe .hnav .mmtabs a.mmt.on,body.luxe .hnav .mmtabs a.mmt:hover{background:#0f172a!important;border-color:#0f172a;color:#fff!important}
body.luxe .mmp{padding:18px 22px 20px}
body.luxe .mmh{margin-bottom:10px;align-items:baseline}
body.luxe .mmh b{font-size:17px;font-weight:600;letter-spacing:-.02em;color:#0f172a}
body.luxe .hnav .mmh a{font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--lx-blue)!important}
body.luxe .hnav .mmh a:hover{text-decoration:underline;text-underline-offset:3px}
body.luxe .mmg{gap:0 18px}
body.luxe .hnav .mmg a,body.luxe .hnav .ddm a{font-size:14.5px;font-weight:400;letter-spacing:-.006em;color:#3b4658!important;border-radius:8px}
body.luxe .hnav .mmg a{padding:8px 10px!important}
body.luxe .hnav .mmg a:hover,body.luxe .hnav .ddm a:hover{background:#f1f5f9!important;color:#0f172a!important}
body.luxe .navhead b{font-weight:600;letter-spacing:-.02em}
/* phones: menu sits above the dark overlay so it can be tapped */
body.luxe header.wrap:has(.hnav.open){z-index:90}
@media (max-width:900px){
 body.luxe .hnav .ddm.mm{border:0;box-shadow:none;border-radius:12px;background:#f5f7fa}
 body.luxe .mmp{padding:12px 12px 6px}
 body.luxe .mmh b{font-size:15px}
 body.luxe .hnav .mmh a span{display:none}
 body.luxe .hnav .mmh a{white-space:nowrap;margin-left:12px}
 body.luxe .hnav .mmg a{font-size:14px;padding:8px 8px!important}
}
body.luxe .hnav .mmtabs a.mmt{border-radius:999px}
body.luxe .hnav .mmh>a,body.luxe .hnav .mmh>a:hover{color:var(--lx-blue)!important}

/* phones: menu always above the dark overlay (also for older iPhones) */
body.navopen header.wrap{z-index:90!important}
body.navopen .hnav{z-index:95}
.impbar{height:10px;border-radius:10px;background:#e8eef5;overflow:hidden;margin:12px 0 8px}.impbar i{display:block;height:100%;background:linear-gradient(90deg,#1cb0f2,#0a8fd8);transition:width .3s}
.implog{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.6;background:#fafcfe}.implog .bad{color:var(--bad)}.implog .muted{color:var(--muted)}
.tbl th.ck,.tbl td.ck{width:34px;padding-right:0}.tbl td.ck input,.tbl th.ck input{width:18px;height:18px;accent-color:#0a8fd8}
.bulkbar{display:none;align-items:center;gap:10px;background:#0f172a;color:#fff;border-radius:14px;padding:10px 14px;margin:0 0 12px}.bulkbar.on{display:flex}.bulkbar b{margin-right:auto}.bulkbar .btn.ghost{color:#fff;border-color:rgba(255,255,255,.3);background:transparent}
/* pages copied from the old website: normal reading layout */
body .tblock .tbody.rte,body.luxe .tblock .tbody.rte{text-align:left;max-width:860px;margin:0 auto;border:0;background:none;padding:0;box-shadow:none;font-size:16px;line-height:1.7;color:#334155}
.tblock .tbody.rte h2{font-size:24px;margin:28px 0 10px;color:#0f172a;text-align:left}.tblock .tbody.rte h3{font-size:19px;margin:22px 0 8px;color:#0f172a}
.tblock .tbody.rte ul,.tblock .tbody.rte ol{padding-left:22px;margin:0 0 14px}.tblock .tbody.rte li{margin:4px 0}.tblock .tbody.rte a{color:#0a8fd8}
.tblock .tbody.rte table{border-collapse:collapse;width:100%;margin:12px 0}.tblock .tbody.rte td,.tblock .tbody.rte th{border:1px solid #e2e8f0;padding:8px 10px}
.tblock .tbody.rte h1{margin:8px 0 18px;text-align:left}
.asgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}@media(max-width:900px){.asgrid{grid-template-columns:1fr}}
.aspanel{display:flex;flex-direction:column;gap:6px}
.asstep{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.asstep:last-of-type{border-bottom:0}
.asstep>span{flex:none;width:28px;height:28px;border-radius:50%;background:#e8f4fd;color:#0a8fd8;font-weight:800;display:grid;place-items:center;font-size:14px}
.asstep>div>b{display:block;margin:3px 0 10px;font-size:15px}
.aswh{font-weight:700;font-size:17px}
.seg{display:inline-flex;flex-wrap:wrap;gap:6px}.seg button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-weight:600;cursor:pointer}.seg button.on{background:#0f172a;color:#fff;border-color:#0f172a}
.aschips{margin-top:10px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.aschip{background:#f1f5f9;border-radius:999px;padding:4px 10px}.aschip b{color:#0f172a}
.asim{width:100%;min-height:150px;font:15px/1.6 ui-monospace,Menlo,monospace;letter-spacing:.02em}
.ascount{margin-top:6px;font-size:13.5px}.ascount .bad{color:var(--bad)}
.asqty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden}.asqty button{width:44px;height:44px;border:0;background:#f1f5f9;font-size:20px;cursor:pointer}.asqty input{width:80px;height:44px;border:0;text-align:center;font-size:18px;font-weight:700;border-radius:0}
.asgo{margin-top:8px;height:52px;font-size:16px;width:100%}
.asdone{display:flex;flex-direction:column;gap:8px}.asdone div{display:flex;flex-direction:column;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:10px 12px}.asdone small{color:var(--muted)}
.pcplist{margin-top:14px;border:1px solid var(--line);border-radius:14px;max-height:320px;overflow:auto}
.pcphead{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line);background:#f8fafc;position:sticky;top:0}
.pcprow{display:flex!important;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #eef2f6;cursor:pointer}.pcprow:last-child{border-bottom:0}
.pcprow input{width:18px;height:18px;flex:none}.pcprow span{display:flex;flex-direction:column;flex:1;min-width:0}.pcprow small{color:var(--muted)}.pcprow em{font-style:normal;font-size:12px;font-weight:700;color:#15803d;background:#dcfce7;border-radius:999px;padding:3px 10px}

/* ================= Product page (luxury layout) ================= */
.lp{--lp-ink:#0f172a;--lp-body:#3b4658;--lp-muted:#6b7684;--lp-line:#e6ebf0;--lp-soft:#f4f6f9;--lp-blue:#0a8fd8;font-family:Manrope,Inter,system-ui,sans-serif}
.lp .pcrumbs{margin:18px 0 22px;font-size:13px}
.lp-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:56px;align-items:start}
/* gallery */
.lp-gal{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;position:sticky;top:96px}
.lp-gal.one{grid-template-columns:1fr}
.lp-main{position:relative;aspect-ratio:1/1;border-radius:28px;background:radial-gradient(120% 90% at 50% 20%,#ffffff 0%,#f1f4f8 55%,#e6ebf1 100%);display:grid;place-items:center;overflow:hidden;border:1px solid var(--lp-line)}
.lp-main #pmain{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(15,23,42,.18));transition:opacity .25s}
.lp-main .art{transform:scale(1.25)}
.lp-thumbs.thumbs{display:flex;flex-direction:column;gap:10px;margin:0;overflow:auto;max-height:640px;scrollbar-width:none}
.lp-thumbs.thumbs button{width:76px;height:76px;flex:none;border-radius:16px;border:1.5px solid var(--lp-line);background:var(--lp-soft);padding:6px;cursor:pointer;transition:border-color .15s,transform .15s}
.lp-thumbs.thumbs button img{width:100%;height:100%;object-fit:contain}
.lp-thumbs.thumbs button.on{border-color:var(--lp-ink)}.lp-thumbs.thumbs button:hover{transform:translateY(-1px)}
.lp .pbadges{position:absolute;top:18px;left:18px;display:flex;gap:8px}
.lp-seal{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);border:1px solid var(--lp-line);border-radius:999px;padding:8px 14px 8px 10px;font-size:13px;color:var(--lp-ink)}
.lp-seal svg{width:18px;height:18px;color:#16a34a}
/* buy box */
.lp-buy{position:sticky;top:96px;padding:0}
.lp-kick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.lp-kick>span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-muted);background:var(--lp-soft);border-radius:999px;padding:6px 12px}
.lp-kick>.lp-cond{color:#0b6fa8;background:#e7f4fc}
.lp-rate{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--lp-muted);text-decoration:none}.lp-rate b{color:var(--lp-ink)}
.lp .lp-title{font-family:Manrope,Inter,sans-serif;font-size:clamp(30px,3.1vw,44px);line-height:1.08;letter-spacing:-.03em;font-weight:800;color:var(--lp-ink);margin:0 0 10px}
.lp .lp-lead{font-size:16px;color:var(--lp-body);margin:0 0 20px;line-height:1.55}
.lp-pricebox{border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line);padding:20px 0;margin-bottom:22px}
.lp .lp-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0}
.lp .lp-price #pprice{font-size:38px;font-weight:800;letter-spacing:-.03em;color:var(--lp-ink)}
.lp .lp-price s{font-size:17px;color:#98a2b3}
.lp .lp-price .psave{font-size:13px;font-weight:700;color:#15803d;background:#dcfce7;border-radius:999px;padding:5px 11px}
.lp .lp-fin{display:flex;align-items:center;gap:10px;margin:10px 0 0;font-size:14px;color:var(--lp-body)}
.lp-klarna{font-style:normal;font-weight:800;font-size:12px;background:#ffb3c7;color:#17120f;border-radius:6px;padding:3px 7px;flex:none}
.lp .pstock{margin-top:12px;font-size:14px}
/* options */
.lp-opts .axis{margin-bottom:20px}
.lp-opts .axis .lbl{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--lp-muted);margin-bottom:10px}
.lp-opts .axis .lbl b{text-transform:none;letter-spacing:0;color:var(--lp-ink);font-size:14px;margin-left:4px}
.lp-opts .chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.lp-opts .axis[data-key="color"] .chips{display:flex;flex-wrap:wrap}
.lp-opts .chip{min-height:58px;border-radius:16px;border:1.5px solid var(--lp-line);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:700;font-size:15px;color:var(--lp-ink);padding:8px 12px;transition:border-color .15s,box-shadow .15s}
.lp-opts .chip .cp{font-weight:500;font-size:12.5px;color:var(--lp-muted)}
.lp-opts .chip:hover:not(:disabled){border-color:#94a3b8}
.lp-opts .chip.on{border-color:var(--lp-ink);box-shadow:0 0 0 1px var(--lp-ink) inset}
.lp-opts .chip.dim{opacity:.55}.lp-opts .chip:disabled{opacity:.35;text-decoration:line-through}
.lp-opts .swchip{flex-direction:row;min-height:48px;border-radius:999px;padding:6px 16px 6px 8px;gap:10px;font-size:14px}
.lp-opts .swchip .sw{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.12)}
.lp-condbox{display:flex!important;gap:12px;align-items:flex-start;background:var(--lp-soft);border-radius:16px;padding:14px 16px;margin:-4px 0 20px;font-size:14px;line-height:1.5;color:var(--lp-body)}
.lp-condbox[hidden]{display:none!important}.lp-condbox svg{width:20px;height:20px;flex:none;color:var(--lp-blue);margin-top:1px}.lp-condbox b{display:block;color:var(--lp-ink);margin-bottom:2px}
.lp-addons{margin-bottom:18px}.lp-addons .opt{border-radius:14px}
.lp .lp-cta{width:100%;height:60px;border-radius:18px;font:700 17px Manrope,Inter,sans-serif;letter-spacing:-.01em;background:var(--lp-ink);box-shadow:0 18px 30px -16px rgba(15,23,42,.55)}
.lp .lp-cta:hover:not(:disabled){background:#1e293b;transform:translateY(-1px)}
.lp-deliv{display:flex;flex-direction:column;gap:10px;margin:18px 0 20px;font-size:14px;color:var(--lp-body)}
.lp-deliv>div{display:flex;align-items:center;gap:10px}.lp-deliv svg{width:20px;height:20px;flex:none;color:var(--lp-ink)}.lp-deliv b{color:var(--lp-ink)}
.lp-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--lp-line);border-radius:20px;overflow:hidden}
.lp-trust li{display:flex;gap:12px;align-items:flex-start;padding:16px;border-right:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line)}
.lp-trust li:nth-child(2n){border-right:0}.lp-trust li:nth-last-child(-n+2){border-bottom:0}
.lp-trust svg{width:22px;height:22px;flex:none;color:var(--lp-blue)}.lp-trust b{display:block;font-size:14px;color:var(--lp-ink)}.lp-trust small{font-size:12.5px;color:var(--lp-muted)}
/* highlights */
.lp-hl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:64px 0 0}
.lp-hl>div{display:flex;gap:14px;align-items:flex-start;background:var(--lp-soft);border-radius:22px;padding:22px}
.lp-hl svg{width:28px;height:28px;flex:none;color:var(--lp-ink)}.lp-hl small{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-muted);margin-bottom:4px}.lp-hl b{font-size:15px;line-height:1.35;color:var(--lp-ink)}
/* details */
.lp-details{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;margin:64px 0 24px;align-items:start}
.lp-h2{font:800 26px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:var(--lp-ink);margin:0 0 18px}
.lp-desc{font-size:16px;line-height:1.75;color:var(--lp-body)}.lp-desc h2,.lp-desc h3{color:var(--lp-ink);font-size:19px;margin:26px 0 8px}.lp-desc ul{padding-left:20px}.lp-desc li{margin:6px 0}
.lp-accs{margin-top:28px;border-top:1px solid var(--lp-line)}.lp-accs .pacc{border-bottom:1px solid var(--lp-line)}
.lp-speccard{border:1px solid var(--lp-line);border-radius:24px;padding:28px;position:sticky;top:96px;background:#fff}
.lp-specs{width:100%;border-collapse:collapse;font-size:14.5px}
.lp-specs th,.lp-specs td{text-align:left;vertical-align:top;padding:13px 0;border-bottom:1px solid #eef2f6}
.lp-specs tr:last-child th,.lp-specs tr:last-child td{border-bottom:0}
.lp-specs th{width:38%;font-weight:600;color:var(--lp-muted);padding-right:16px}.lp-specs td{color:var(--lp-ink);font-weight:500}
/* tablets and phones */
@media (max-width:1000px){.lp-grid{grid-template-columns:1fr;gap:26px}.lp-gal,.lp-buy,.lp-speccard{position:static}.lp-details{grid-template-columns:1fr;gap:36px;margin-top:40px}.lp-hl{margin-top:40px}}
@media (max-width:700px){
 .lp .pcrumbs{margin:10px 0 12px}
 .lp-gal{grid-template-columns:1fr;gap:10px}
 .lp-main{border-radius:22px;margin:0 -4px}
 .lp-thumbs.thumbs{order:2;flex-direction:row;max-height:none;overflow-x:auto;padding-bottom:2px}
 .lp-thumbs.thumbs button{width:62px;height:62px;border-radius:14px}
 .lp .lp-price #pprice{font-size:32px}
 .lp-opts .chips{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
 .lp-trust li{padding:13px}
 .lp-hl{grid-template-columns:1fr 1fr;gap:10px}.lp-hl>div{flex-direction:column;gap:10px;padding:16px;border-radius:18px}.lp-hl b{font-size:14px}
 .lp-speccard{padding:20px;border-radius:20px}.lp-specs th{width:42%}
 .lp-seal{right:12px;bottom:12px;font-size:12px}
}
.lp .popts.lp-opts{border-top:0;padding-top:0;margin-top:0}.lp .lp-opts .axis .lbl{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6b7684}.lp .lp-opts .axis .lbl b{text-transform:none;letter-spacing:0;color:#0f172a;font-size:14px}
.lp .lp-desc.rte{border:0;padding:0;background:none;box-shadow:none;min-height:0}
@media (max-width:480px){.lp-trust{grid-template-columns:1fr}.lp-trust li{border-right:0!important;border-bottom:1px solid #e6ebf0!important}.lp-trust li:last-child{border-bottom:0!important}}
.tblock .tbody.rte img{display:block;max-width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:20px;margin:18px 0}
/* humm */
.hummlogo{display:inline-flex;align-items:center;font:800 16px/1 Manrope,Inter,system-ui,sans-serif;letter-spacing:-.03em;color:#fff;background:#ff6c00;border-radius:8px;padding:5px 9px 6px;font-style:normal}
.hummlogo.sm{font-size:12px;padding:3px 7px 4px;border-radius:6px}
.hummhead{display:flex;align-items:center;gap:10px}.hummhead b{font-size:17px}
.hummbox{border:2px solid #ff6c00;border-radius:20px;padding:20px;margin:16px 0;background:#fff8f3}
.hummbox>p{margin:10px 0}
.hummbtn{display:flex;align-items:center;justify-content:center;height:52px;border-radius:14px;background:#ff6c00;color:#fff!important;font-weight:800;font-size:16px;text-decoration:none;margin:10px 0}.hummbtn:hover{background:#e86000}
.hummlegal{font-size:11.5px;line-height:1.45;color:#6b7684;margin:8px 0}
.hummfrom{font-size:13px;color:#b45309;font-weight:600}
.hummopt input:checked+span .hummlogo{box-shadow:0 0 0 2px #ffd7b8}
.hummmodal{position:fixed;inset:0;background:rgba(15,23,42,.5);display:none;align-items:center;justify-content:center;z-index:200;padding:16px}.hummmodal.on{display:flex}
.hmbox{position:relative;background:#fff;border-radius:24px;max-width:460px;width:100%;padding:24px;max-height:90vh;overflow:auto;box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}
.hmx{position:absolute;right:14px;top:12px;border:0;background:#f1f5f9;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}
.hmplans{display:flex;flex-direction:column;gap:10px;margin:16px 0}
.hmplan{display:flex;flex-direction:column;border:1.5px solid #e6ebf0;border-radius:16px;padding:12px 14px}.hmplan b{font-size:20px;color:#0f172a}.hmplan span{font-size:14px;color:#3b4658}.hmplan small{font-size:12px;color:#6b7684;margin-top:2px}
.lp-link{border:0;background:none;padding:0;color:#0a8fd8;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:14px;margin-left:auto}
#phumm{align-items:center}
.hummset{border:1px solid #ffd7b8;background:#fff8f3;border-radius:16px;padding:16px;margin:12px 0}
.oldpage{display:block;width:100%}.oldpage-host{display:block}
.pcpmode{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.pcpmode button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-radius:14px!important;padding:12px 14px!important;gap:2px}.pcpmode small{font-weight:500;opacity:.75;font-size:12.5px}
.oldpage{padding:24px 0 16px;overflow-x:clip}
/* cards section */
.cardsec-head{text-align:center;max-width:720px;margin:0 auto 28px}.cardsec-head h2{font:800 clamp(26px,3vw,36px)/1.15 Manrope,Inter,sans-serif;letter-spacing:-.02em;margin:0 0 8px;color:#0f172a}.cardsec-head p{color:#6b7684;margin:0;font-size:16px}
.cardgrid{display:grid;gap:18px}.cardgrid.c2{grid-template-columns:repeat(2,1fr)}.cardgrid.c3{grid-template-columns:repeat(3,1fr)}.cardgrid.c4{grid-template-columns:repeat(4,1fr)}
.cg{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-radius:24px;padding:28px 24px;transition:transform .2s,box-shadow .2s}
.cg:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(15,23,42,.45)}
.cg h3{font:800 19px/1.25 Manrope,Inter,sans-serif;letter-spacing:-.01em;margin:4px 0 0}.cg p{margin:0;font-size:15px;line-height:1.6}
.cg-ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center}.cg-ico svg{width:26px;height:26px}
.cg-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;margin-bottom:4px}
.cg-link{margin-top:auto;padding-top:6px;font-weight:700;font-size:14px;text-decoration:none}
.cs-soft .cg{background:#f4f6f9}.cs-soft .cg h3{color:#0f172a}.cs-soft .cg p{color:#3b4658}.cs-soft .cg-ico{background:#fff;color:#0a8fd8;box-shadow:0 6px 16px -10px rgba(15,23,42,.3)}.cs-soft .cg-link{color:#0a8fd8}
.cs-plain .cg{background:#fff;border:1px solid #e6ebf0}.cs-plain .cg h3{color:#0f172a}.cs-plain .cg p{color:#3b4658}.cs-plain .cg-ico{background:#e8f4fd;color:#0a8fd8}.cs-plain .cg-link{color:#0a8fd8}
.cs-dark .cg{background:linear-gradient(160deg,#0f172a,#1e293b);color:#fff}.cs-dark .cg h3{color:#fff}.cs-dark .cg p{color:#cbd5e1}.cs-dark .cg-ico{background:rgba(255,255,255,.1);color:#7dd3fc}.cs-dark .cg-link{color:#7dd3fc}
@media (max-width:1000px){.cardgrid.c4{grid-template-columns:repeat(2,1fr)}.cardgrid.c3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cardgrid.c2,.cardgrid.c3,.cardgrid.c4{grid-template-columns:1fr}.cg{padding:22px 20px;border-radius:20px}}
.cardrow textarea{min-height:60px}
/* page hero: premium dark look */
body.luxe .phero{min-height:340px;border-radius:32px;background:radial-gradient(90% 120% at 85% 20%,#1e5f93 0%,#0f2a47 45%,#0b1424 100%);box-shadow:0 30px 60px -40px rgba(11,20,36,.8)}
body.luxe .phero::after{content:"";position:absolute;right:-80px;top:-80px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.35),transparent 65%);pointer-events:none}
body.luxe .phero.ph-light{background:#f4f6f9;color:#0f172a}body.luxe .phero.ph-light::after{display:none}
body.luxe .phin{padding:56px clamp(24px,6vw,72px);max-width:780px;z-index:1}
body.luxe .phin h1{font:800 clamp(34px,5vw,58px)/1.05 Manrope,Inter,sans-serif;letter-spacing:-.035em;margin:0 0 16px}
body.luxe .phin p{font-size:18px;line-height:1.6;opacity:.85;margin:0 0 26px;max-width:560px}
body.luxe .phin .btn{display:inline-flex;width:auto;align-items:center;height:52px;padding:0 26px;border-radius:999px;background:#fff;color:#0f172a;font-weight:800;border:0;box-shadow:0 12px 24px -14px rgba(0,0,0,.6)}
body.luxe .phin .btn:hover{background:#e8f4fd}
body.luxe .phero.ph-light .phin .btn{background:#0f172a;color:#fff}
/* section headings centred like the cards */
body.luxe .sec2>.stitle{text-align:center;font:800 clamp(26px,3vw,36px)/1.15 Manrope,Inter,sans-serif;letter-spacing:-.02em;margin:0 auto 22px;color:#0f172a}
body.luxe .tblock .tbody{font-size:17px;line-height:1.7;color:#3b4658}
body.luxe .faq details{border-radius:16px}body.luxe .faq summary{font-weight:700;padding:16px 18px}
body.luxe .cta{border-radius:28px;padding:44px 24px;background:linear-gradient(135deg,#eaf6fe,#f4f6f9)}body.luxe .cta h2{font:800 30px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.02em}
body.luxe .cta .btn{border-radius:999px}
body.luxe .sec2>h2.stitle{text-align:center!important;margin-left:auto!important;margin-right:auto!important;display:block;width:100%}
body.luxe .sec2>h2.stitle{justify-content:center!important}
.conote{width:100%;min-height:96px;resize:vertical;font:inherit;border:1px solid var(--line,#e2e8f0);border-radius:14px;padding:12px 14px;box-sizing:border-box}
.onote{background:#f4f6f9;border-radius:16px;padding:14px 16px;margin:14px 0}.onote p{margin:6px 0 0;color:#3b4658}
.custnote{background:#fff7e6;border-left:4px solid #f59e0b;border-radius:10px;padding:10px 12px}.custnote div{margin-top:4px;white-space:normal}
.btintro{max-width:70ch;margin:-6px 0 22px;color:#3b4658;font-size:17px;line-height:1.65}.btoutro{max-width:75ch;margin:28px 0 0;color:#3b4658;line-height:1.65}
.aibusy{display:flex;gap:14px;align-items:center;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:16px;padding:14px 16px;margin-top:14px}.aibusy b{display:block}.aibusy small{color:#6b7684}
.spin{width:26px;height:26px;border-radius:50%;border:3px solid #ddd6fe;border-top-color:#7c3aed;animation:spn 1s linear infinite;flex:none}@keyframes spn{to{transform:rotate(360deg)}}
.hummonline{border-top:1px dashed #ffd7b8;margin-top:14px;padding-top:14px}.hummonline code{font-size:12px;word-break:break-all}
.hummadmin{border:1px solid #ffd7b8;background:#fff8f3;border-radius:12px;padding:10px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:4px}
/* order confirmation */
.oconf{max-width:860px;margin:0 auto}
.ohero{display:flex;gap:18px;align-items:center;margin:4px 0 22px}.ohero h1{font:800 clamp(28px,4vw,40px)/1.1 Manrope,Inter,sans-serif;letter-spacing:-.02em;margin:0 0 6px;color:#0f172a}.ohero p{margin:0;color:#3b4658;font-size:16px}
.ohero.ok{background:linear-gradient(135deg,#ecfdf5,#f0f9ff);border:1px solid #bbf7d0;border-radius:24px;padding:24px}
.ocheck{width:60px;height:60px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 12px 24px -12px rgba(22,163,74,.7)}.ocheck svg{width:30px;height:30px;stroke-width:3}
.oinfo{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.oinfo>div{background:#f4f6f9;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}.oinfo small{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6b7684}.oinfo b{color:#0f172a;font-size:15px;overflow-wrap:anywhere}
.otrack{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:6px 0 18px;padding:0;counter-reset:s}
.otrack li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:#94a3b8;text-align:center}
.otrack li::before{content:"";position:absolute;top:11px;left:-50%;right:50%;height:3px;background:#e2e8f0;z-index:0}.otrack li:first-child::before{display:none}
.otrack li.done::before{background:#16a34a}.otrack i{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;background:#e2e8f0;border:4px solid #fff;box-shadow:0 0 0 1px #e2e8f0}
.otrack li.done i{background:#16a34a;box-shadow:0 0 0 1px #16a34a}.otrack li.done{color:#0f172a;font-weight:600}.otrack li.cur i{box-shadow:0 0 0 4px #bbf7d0}
.onext{background:#fff;border:1px solid #e6ebf0;border-radius:16px;padding:14px 16px;color:#3b4658;margin:0 0 18px}
.oitems h2{margin:0 0 8px;font-size:18px}.oitem{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #eef2f6}
.othumb{width:64px;height:64px;border-radius:14px;background:#f4f6f9;display:grid;place-items:center;overflow:hidden}.othumb img{width:100%;height:100%;object-fit:contain}.othumb .art{transform:scale(.45)}
.oitem small{display:block;color:#6b7684;font-size:13px;margin-top:2px}
.oconf>.row{margin-top:18px;gap:10px}
@media (max-width:700px){.oinfo{grid-template-columns:1fr 1fr}.ohero.ok{padding:18px;align-items:flex-start}.ocheck{width:46px;height:46px}.otrack span{font-size:11.5px}}
/* drop-down menus: hover bridge + stays open briefly (desktop) */
@media (hover:hover) and (min-width:901px){
 .hnav .dd.hov>.ddm{display:block}
 .hnav .dd::after{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:18px;display:none}
 .hnav .dd:hover::after,.hnav .dd.hov::after{display:block}
 .hnav .ddm{margin-top:10px}
 .hnav .mmt{cursor:pointer}
}
/* Our shops */
.shops-sec{padding-top:24px}
.shops-head{text-align:center;max-width:680px;margin:0 auto 30px}
.shops-kick{display:inline-block;font:700 12px Inter,Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#0a8fd8;background:#e7f4fc;border-radius:999px;padding:6px 14px;margin-bottom:12px}
.shops-head h2{font:800 clamp(30px,4vw,46px)/1.08 Manrope,Inter,sans-serif;letter-spacing:-.03em;margin:0 0 10px;color:#0f172a}
.shops-head p{margin:0;color:#56606d;font-size:17px;line-height:1.6}
.shops{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.shops.n1{grid-template-columns:minmax(0,520px);justify-content:center}.shops.n2{grid-template-columns:repeat(2,1fr)}.shops.n4{grid-template-columns:repeat(4,1fr)}
.shop{background:#fff;border:1px solid #e6ebf0;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.shop:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(15,23,42,.45)}
.shop-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#0f2a47}
.shop-img img,.shop-img .shop-art{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.shop:hover .shop-img img,.shop:hover .shop-art{transform:scale(1.04)}
.shop-tag{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);color:#0f172a;font:800 14px Manrope,Inter,sans-serif;padding:7px 14px;border-radius:999px}
.shop-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:9px;flex:1}
.shop-body h3{margin:0 0 4px;font:800 21px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.01em}.shop-body h3 a{color:#0f172a;text-decoration:none}
.shop-body p{margin:0;display:flex;gap:10px;align-items:flex-start;color:#3b4658;font-size:14.5px;line-height:1.45}.shop-body p svg{width:18px;height:18px;flex:none;color:#0a8fd8;margin-top:1px}
.shop-body p a{color:#0f172a;font-weight:700;text-decoration:none}
.shop-acts{display:flex;gap:10px;margin-top:auto;padding-top:14px;flex-wrap:wrap}
.shop-go{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;border-radius:999px;background:#0f172a;color:#fff!important;font-weight:800;font-size:14.5px;text-decoration:none;white-space:nowrap;padding:0 18px}
.shop-go:hover{background:#1e293b}
.shop-dir{display:inline-flex;align-items:center;height:46px;padding:0 18px;border-radius:999px;border:1px solid #d7dee6;color:#0f172a!important;font-weight:700;font-size:14.5px;text-decoration:none}
.shop-dir:hover{background:#f4f6f9}
@media (max-width:1000px){.shops,.shops.n4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.shops,.shops.n2,.shops.n4{grid-template-columns:1fr}.shop{border-radius:22px}}
.whphoto{display:flex;gap:14px;align-items:center;margin:4px 0 12px;flex-wrap:wrap}.whphoto .wpimg{width:160px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#0f2a47;flex:none}.whphoto .wpimg img,.whphoto .wpimg svg{width:100%;height:100%;object-fit:cover;display:block}
/* live Google reviews */
img.av{object-fit:cover;background:#eee}
.rtop b a,.lx-rev figcaption a{color:inherit;text-decoration:none}.rtop b a:hover,.lx-rev figcaption a:hover{text-decoration:underline}
.grev{border:1px solid var(--line,#e3e8f0);border-radius:14px;padding:14px 16px;margin:6px 0 16px;background:#f8fafd;display:flex;flex-direction:column;gap:10px}
.grev h3{margin:0;font-size:15px}.grev .note{margin:0}.grev-shops{margin:0;padding-left:18px;font-size:13px}
.grev-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.grev-list>div{background:#fff;border:1px solid var(--line,#e3e8f0);border-radius:10px;padding:8px 10px;font-size:13px}.grev-list p{margin:4px 0 0}
.grev details ol{margin:6px 0 0;padding-left:18px}
.grev-shops{display:flex;flex-direction:column;gap:4px;padding:0}
/* compact review cards (luxe) */
.lx-revlist{grid-auto-columns:minmax(250px,300px);align-items:start;gap:14px}
.lx-revlist figure{padding:16px 18px;border-radius:16px;gap:8px}
.lx-revlist figcaption{display:flex;align-items:center;gap:10px;order:0}
.lx-revlist figcaption>span{display:flex;flex-direction:column;min-width:0;flex:1}
.lx-revlist figcaption b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lx-revlist figcaption small{font-size:12px}
.lx-av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;object-fit:cover}
.lx-g{flex:none;display:flex}.lx-g svg{width:18px;height:18px}
.lx-revlist .stars svg,.lx-revlist .stars i{font-size:14px}
.lx-revlist blockquote{font-size:14.5px;line-height:1.5;flex:none;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.lx-revlist blockquote.open{-webkit-line-clamp:unset;display:block}
.lx-revlist .rmore{align-self:flex-start;background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--lx-blue,#1a73e8);cursor:pointer}
.lx-revlist figcaption>span.lx-av{flex:0 0 34px;width:34px;height:34px;display:grid}
.lx-revlist figcaption small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-revlist blockquote{-webkit-line-clamp:3}
.mtbox.on{border:2px solid #d92d20;background:#fff7f6}.mtbadge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:#e8f7ee;color:#067647;margin-left:8px;vertical-align:middle}.mtbox.on .mtbadge{background:#d92d20;color:#fff}
.mtbox .ph-row{margin-bottom:0}.mtset{margin-top:10px}.mtset summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--muted,#667085)}
/* ---------- online order view ---------- */
.ov{display:flex;flex-direction:column;gap:14px}
.ov-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.ov-head h2{margin:2px 0 8px;font-size:26px;letter-spacing:-.02em}
.ov-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#667085)}
.ov-pills{display:flex;gap:6px;flex-wrap:wrap}
.ov-pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:#eef2f8;color:#344054}
.ov-pill.ok{background:#e7f6ec;color:#067647}.ov-pill.warn{background:#fff4e5;color:#b54708}.ov-pill.info{background:#eaf1ff;color:#1a4fd6}
.ov-steps{list-style:none;margin:0;padding:14px 16px;display:flex;gap:0;background:#f7f9fc;border:1px solid #e6eaf2;border-radius:14px}
.ov-steps li{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#98a2b3;position:relative}
.ov-steps li:not(:last-child)::after{content:"";flex:1;height:2px;background:#e1e6ef;margin:0 8px}
.ov-steps li.done:not(:last-child)::after{background:#12b76a}
.ov-steps i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e1e6ef;color:#667085;font-size:12px;flex:none}
.ov-steps li.done i{background:#12b76a;color:#fff}.ov-steps li.cur{color:#0f1a2e}.ov-steps li.cur:not(.done) i{background:#1a4fd6;color:#fff}
.ov-steps li span{white-space:nowrap}
.ov-cancel{padding:12px 14px;border-radius:12px;background:#fef3f2;color:#b42318;font-weight:600}
.ov-next{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ov-next .muted{font-size:13px}
.ov-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;align-items:start}
.ov-main,.ov-side{display:flex;flex-direction:column;gap:14px}
.ov-card{border:1px solid #e6eaf2;border-radius:14px;padding:14px 16px;background:#fff}
.ov-card h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#667085}
.ov-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid #f0f2f6}.ov-item:first-of-type{border-top:0;padding-top:0}
.ov-thumb{width:52px;height:52px;border-radius:10px;background:#f4f6fa;flex:none;overflow:hidden;display:grid;place-items:center}.ov-thumb img{width:100%;height:100%;object-fit:contain}
.ov-idesc{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ov-idesc small{color:#667085;font-size:12.5px}.ov-imei{font-family:ui-monospace,Menlo,monospace;color:#344054!important}
.ov-iprice{text-align:right;display:flex;flex-direction:column;gap:2px;white-space:nowrap}.ov-iprice small{color:#667085}
.linkbtn{background:none;border:0;padding:0;color:#1a4fd6;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;align-self:flex-start;margin-top:2px}
.ov-tots{border-top:1px solid #e6eaf2;margin-top:8px;padding-top:10px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.ov-tots>div{display:flex;justify-content:space-between}.ov-tots .big{font-size:17px;font-weight:800;padding-top:6px;border-top:1px dashed #e6eaf2}.ov-tots .muted{font-size:13px}
.ov-addr{font-size:14px;line-height:1.55}
.ov-cust{display:flex;flex-direction:column;gap:3px;font-size:14px}.ov-cust a{color:#1a4fd6;text-decoration:none;word-break:break-all}.ov-cust .muted{font-size:12.5px}
.ov-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13.5px}.ov-kv span{color:#667085}.ov-kv b{text-align:right;word-break:break-all;font-weight:600}.ov-kv .mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}
.ov-hist{margin-top:12px;border-top:1px solid #f0f2f6;padding-top:10px;display:flex;flex-direction:column;gap:4px;font-size:13px}
.ov .custnote{margin:0 0 10px}
.ov-actions{border-top:1px solid #e6eaf2;padding-top:12px;gap:8px}
@media(max-width:760px){.ov-grid{grid-template-columns:1fr}.ov-steps{flex-direction:column;align-items:flex-start;gap:8px}.ov-steps li:not(:last-child)::after{display:none}}
.ov-head{padding-right:44px}
.otbl td{vertical-align:middle}.otbl tbody tr:hover{background:#f7f9fc}.otbl small{font-size:12px}
/* colourful payment badges (footer) */
.paybadges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.paybadges .pb{height:30px;min-width:52px;padding:0 10px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:4px;font:800 13px/1 Arial,Helvetica,sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.12);white-space:nowrap}
.paybadges .pb-visa{background:#fff;color:#1a1f71;font-style:italic;font-size:15px;letter-spacing:.02em;border-bottom:3px solid #f7b600}
.paybadges .pb-mc{background:#fff;color:#1a1a1a;padding:0 8px}.paybadges .pb-mc svg{width:30px;height:20px}.paybadges .pb-mc em{font-style:normal;font-weight:700;font-size:10px;letter-spacing:-.01em}
.paybadges .pb-ap{background:#000;color:#fff;font-size:14px;font-weight:600}.paybadges .pb-ap svg{width:13px;height:15px;margin-top:-2px}
.paybadges .pb-gp{background:#fff;color:#3c4043;font-size:14px;font-weight:600;gap:2px}
.paybadges .pb-kl{background:#ffb3c7;color:#17120f;font-size:14px}
.paybadges .pb-hm{background:#ff6c00;color:#fff;font-size:15px;letter-spacing:-.03em;font-family:Manrope,Inter,system-ui,sans-serif}
/* blog: pictures and imported articles */
.posts a.post.hasimg{padding:0;overflow:hidden;display:flex;flex-direction:column}.posts a.post.hasimg>*:not(.post-img){margin-left:20px;margin-right:20px}.posts a.post.hasimg>p{margin-bottom:20px}
.post-img{display:block;aspect-ratio:16/9;background:#f2f4f8;margin-bottom:14px;overflow:hidden}.post-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.post:hover .post-img img{transform:scale(1.03)}
.post-cover{width:100%;max-height:460px;object-fit:cover;border-radius:16px;margin:8px 0 22px;display:block}
.article{max-width:760px}.post-body{line-height:1.75;font-size:17px}.post-body img{max-width:100%;height:auto;border-radius:12px;margin:12px 0}
.post-body h2{font-size:26px;margin:32px 0 12px;line-height:1.25}.post-body h3{font-size:20px;margin:24px 0 10px}.post-body ul,.post-body ol{padding-left:22px}.post-body li{margin:4px 0}
.post-body a{color:var(--brand,#1a4fd6)}.post-body table{border-collapse:collapse;width:100%;margin:14px 0;font-size:15px}.post-body td,.post-body th{border:1px solid var(--line,#e3e8f0);padding:8px 10px;text-align:left}
.post-body blockquote{margin:16px 0;padding:12px 18px;border-left:4px solid var(--brand,#1a4fd6);background:#f5f8ff;border-radius:0 10px 10px 0}
.post-body img{max-height:440px;width:auto;display:block}.article .post-cover{max-width:100%}
.subh{font-size:15px;margin:14px 0 4px}.panel.flash{box-shadow:0 0 0 3px #1a4fd6;transition:box-shadow .3s}
/* ================= Sell your phone ================= */
.sl{--sb:#0b86d8;--sbd:#0b6fc2;--sink:#16181d;--smut:#4a5160;--sline:#e3e7ee;--sbg:#f3f6fa;--sok:#0a7a4f;color:var(--sink)}
.sl h1,.sl h2,.sl h3{letter-spacing:-.03em;color:var(--sink)}
.sl-hero{background:var(--sbg);padding:44px 0 56px}
.sl-herogrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:start}
.sl-copy{display:flex;flex-direction:column;gap:18px;padding-top:10px;position:sticky;top:90px}
.sl-kick{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600;color:var(--sok)}.sl-kick svg{width:18px;height:18px}
.sl-copy h1{margin:0;font-size:clamp(34px,4.6vw,56px);line-height:1.05;font-weight:800}
.sl-lead,.sl-lead p{margin:0;font-size:17px;line-height:1.6;color:var(--smut);max-width:540px}
.sl-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sl-perks>div{display:flex;gap:12px;align-items:center;padding:13px 15px;background:#fff;border-radius:14px}
.sl-perks svg{width:24px;height:24px;color:var(--sb);flex:none}.sl-perks span{font-size:13px;line-height:1.35;color:#5b6272}.sl-perks b{display:block;font-size:14px;color:var(--sink)}
.sl-tp{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--smut)}.sl-tp b{color:var(--sink)}
.sl-tps{display:flex;gap:2px}.sl-tps i{width:20px;height:20px;background:#00b67a;color:#fff;font-style:normal;font-size:13px;display:grid;place-items:center}
.sl-card{background:#fff;border-radius:24px;box-shadow:0 24px 60px rgba(16,24,40,.12);padding:26px;scroll-margin-top:90px}
.sl-form{display:flex;flex-direction:column;gap:6px}
.sl-steps{list-style:none;margin:0 0 6px;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.sl-steps li{height:30px;padding:0 12px;border-radius:99px;background:#f1f3f7;color:#667085;font-size:13px;font-weight:700;display:flex;align-items:center;counter-increment:sls}
.sl-steps li::before{content:counter(sls);margin-right:6px}.sl-steps{counter-reset:sls}
.sl-steps li.done{background:#e7f6ee;color:var(--sok)}.sl-steps li.done::after{content:" ✓";margin-left:4px}.sl-steps li.on:not(.done){background:var(--sb);color:#fff}
.sl-sec{border:0;margin:0;padding:16px 0;border-top:1px solid #eef0f4;display:flex;flex-direction:column;gap:12px;min-width:0}.sl-sec:first-of-type{border-top:0}
.sl-sec legend{padding:0;margin-bottom:12px;font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px}
.sl-sec legend span{width:26px;height:26px;border-radius:50%;background:var(--sink);color:#fff;font-size:13px;display:grid;place-items:center}
.sl-chips{display:flex;gap:8px;flex-wrap:wrap}
.sl-chip{height:40px;padding:0 15px;border-radius:99px;border:1px solid #d6dbe4;background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--sink);cursor:pointer}.sl-chip.on{border-color:var(--sb);background:#eef7fe;color:var(--sbd)}
.sl-lbl{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--smut)}.sl-lbl small{font-weight:500;color:#8a92a3}
.sl-lbl input,.sl-lbl select{height:48px;padding:0 14px;border:1px solid #d6dbe4;border-radius:12px;font:inherit;font-size:16px;font-weight:500;color:var(--sink);background:#fff;width:100%;box-sizing:border-box}
.sl-lbl input:focus,.sl-lbl select:focus{outline:0;border-color:var(--sb);box-shadow:0 0 0 3px rgba(11,134,216,.15)}
.sl-pill input,.sl-grade input,.sl-yn input,.sl-way input{position:absolute;opacity:0;pointer-events:none}
.sl-pill span{display:inline-flex;align-items:center;height:40px;padding:0 15px;border-radius:12px;border:1px solid #d6dbe4;background:#fff;font-size:14px;font-weight:600;color:var(--sink);cursor:pointer}
.sl-pill input:checked+span{border-color:var(--sb);background:#eef7fe;color:var(--sbd);box-shadow:inset 0 0 0 1px var(--sb)}
.sl-pill input:focus-visible+span,.sl-grade input:focus-visible+span,.sl-yn input:focus-visible+span,.sl-way input:focus-visible+span{outline:2px solid var(--sb);outline-offset:2px}
.sl-grades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sl-grade{position:relative;cursor:pointer}.sl-grade span{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border-radius:14px;border:2px solid #d6dbe4;background:#fff;height:100%;box-sizing:border-box}
.sl-grade b{font-size:15px}.sl-grade small{font-size:12.5px;line-height:1.4;color:#5b6272}
.sl-grade input:checked+span{border-color:var(--sb);background:#eef7fe}
.sl-hint{margin:0;font-size:13px;color:#667085}
.sl-qs{display:flex;flex-direction:column}
.sl-q{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eef0f4;font-size:14.5px}.sl-q:last-child{border-bottom:0}
.sl-yn{display:flex;gap:6px;flex:none}.sl-yn label{position:relative}
.sl-yn span{display:grid;place-items:center;width:58px;height:40px;border-radius:10px;border:1px solid #d6dbe4;font-weight:600;font-size:14px;cursor:pointer;background:#fff}
.sl-yn input:checked+span{background:var(--sink);border-color:var(--sink);color:#fff}
.sl-photos{display:flex;gap:10px;flex-wrap:wrap}
.sl-add{width:84px;height:84px;border:1.5px dashed #b9c2d0;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--sbd);font-size:12px;font-weight:600;cursor:pointer;position:relative}
.sl-add input{position:absolute;inset:0;opacity:0;cursor:pointer}.sl-add svg{width:22px;height:22px}
.sl-ph{width:84px;height:84px;border-radius:14px;overflow:hidden;position:relative;background:#eef1f6}.sl-ph img{width:100%;height:100%;object-fit:cover}.sl-ph.busy img{opacity:.4}
.sl-phx{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:16px;line-height:1;cursor:pointer}
.sl-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sl-way{position:relative;cursor:pointer}.sl-way span{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:14px;border:2px solid #d6dbe4;height:100%;box-sizing:border-box}.sl-way b{font-size:15px}.sl-way small{font-size:12.5px;color:#5b6272}
.sl-way input:checked+span{border-color:var(--sb);background:#eef7fe}
.sl-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sl-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.sl-send{display:flex;flex-direction:column;gap:8px;padding-top:6px}.sl-send p{margin:0;text-align:center;font-size:13px;color:#5b6272}
.sl-btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 24px;border:0;border-radius:14px;background:var(--sb);color:#fff!important;font:inherit;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none}.sl-btn:hover{background:var(--sbd)}.sl-btn:disabled{opacity:.6}
.sl-btn.sm{height:48px;font-size:15px;align-self:flex-start}.sl-btn.ghost{background:#fff;color:var(--sink)!important;border:1px solid #d6dbe4}
.sl-need{animation:slneed 1.6s}@keyframes slneed{0%,100%{box-shadow:none}20%,60%{box-shadow:0 0 0 3px rgba(217,45,32,.45);border-radius:14px}}
.sl-done{display:flex;flex-direction:column;gap:14px;align-items:stretch;text-align:center}.sl-done h2{margin:0;font-size:26px}.sl-done>p{margin:0;color:var(--smut)}
.sl-ok{width:58px;height:58px;border-radius:50%;background:var(--sok);color:#fff;display:grid;place-items:center;margin:0 auto}.sl-ok svg{width:28px;height:28px}
.sl-ref{display:flex;justify-content:space-between;padding:12px 14px;background:var(--sbg);border-radius:12px;font-size:14px;text-align:left}
.sl-next{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;text-align:left;counter-reset:n}
.sl-next li{display:grid;grid-template-columns:30px 1fr;column-gap:12px;counter-increment:n}.sl-next li::before{content:counter(n);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:#eef1f6;color:#5b6272;font-weight:800;font-size:13px;display:grid;place-items:center}
.sl-next li.on::before{background:var(--sb);color:#fff}.sl-next b{font-size:15px}.sl-next span{font-size:13px;color:#5b6272}
.sl-sec2{padding-top:72px;padding-bottom:8px}
.sl-head{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.sl-head.c{align-items:center;text-align:center}.sl-head.row{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:20px}
.sl-head h2{margin:0;font-size:clamp(28px,3.2vw,40px);line-height:1.1}.sl-head p{margin:0;max-width:400px;font-size:15px;line-height:1.6;color:var(--smut)}
.sl-eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sb)}.sl-eyebrow.lt{color:#7cc4f5}
.sl-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sl-stepcard{padding:26px;border:1px solid var(--sline);border-radius:20px;display:flex;flex-direction:column;gap:10px}.sl-stepcard span{width:46px;height:46px;border-radius:14px;background:#eef7fe;color:var(--sb);font-weight:800;font-size:19px;display:grid;place-items:center}
.sl-stepcard h3{margin:0;font-size:20px}.sl-stepcard p{margin:0;font-size:15px;line-height:1.6;color:var(--smut)}
.sl-band{background:var(--sbg);padding:64px 0;margin-top:72px}.sl-band+.sl-sec2{padding-top:72px}
.sl-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sl-gcard{background:#fff;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px}.sl-gcard ul{margin:0;padding-left:18px;font-size:14px;line-height:1.8}
.sl-tag{align-self:flex-start;padding:4px 12px;border-radius:99px;font-size:13px;font-weight:700}.sl-tag.g1{background:#e7f6ee;color:#0a7a4f}.sl-tag.g2{background:#eef7fe;color:#0b6fc2}.sl-tag.g3{background:#fff3e2;color:#a35a00}.sl-tag.g4{background:#fdecec;color:#b42318}
.sl-warn{display:flex;gap:12px;align-items:center;margin-top:16px;padding:15px 18px;background:#fff8e6;border-radius:14px;font-size:14.5px;color:#5c4400}.sl-warn svg{width:22px;height:22px;flex:none;color:#a35a00}
.sl-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sl-dark,.sl-light,.sl-white{padding:30px;border-radius:24px;display:flex;flex-direction:column;gap:14px}
.sl-dark{background:var(--sink);color:#fff}.sl-dark h2{color:#fff;margin:0;font-size:30px}.sl-dark p{margin:0;color:#c9ced8;line-height:1.6}.sl-dark small{color:#aab1be}
.sl-storerow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;background:#22262d;border-radius:14px;font-size:13.5px;color:#aab1be}.sl-storerow b{display:block;color:#fff;font-size:15px}.sl-storerow a{color:#7cc4f5;font-weight:600;white-space:nowrap}
.sl-light{border:1px solid var(--sline)}.sl-light h2,.sl-white h2{margin:0;font-size:28px}.sl-light p{margin:0;color:var(--smut);line-height:1.6}
.sl-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.sl-ticks li{display:flex;gap:10px;align-items:center;font-size:15px}.sl-ticks svg{width:22px;height:22px;padding:4px;border-radius:50%;background:#e7f6ee;color:var(--sok);flex:none;box-sizing:border-box}
.sl-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.sl-pop{padding:16px 10px;border:1px solid var(--sline);border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;cursor:pointer;font:inherit;color:var(--sink)}.sl-pop:hover{border-color:var(--sb)}
.sl-popimg{width:84px;height:96px;border-radius:14px;background:#f2f4f8;display:grid;place-items:center;overflow:hidden}.sl-popimg img{width:100%;height:100%;object-fit:contain}.sl-popimg svg{width:34px;height:34px;color:#9aa3b2}
.sl-pop b{font-size:14px}.sl-pop small{font-size:13px;font-weight:700;color:var(--sok)}
.sl-white{background:#fff}.sl-ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.5}
.sl-why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sl-why div{display:flex;flex-direction:column;gap:4px}.sl-why b{font-size:15px}.sl-why span{font-size:14px;line-height:1.5;color:#5b6272}
.sl-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px}.sl-faq h2{margin:8px 0 10px;font-size:clamp(28px,3vw,36px)}.sl-faq p{color:var(--smut);line-height:1.6}
.sl-faq details{padding:18px 0;border-bottom:1px solid var(--sline)}.sl-faq summary{font-size:17px;font-weight:600;cursor:pointer}.sl-faq details p{margin:10px 0 0;font-size:15px}
.sl-cta{margin:64px 0;padding:44px;border-radius:28px;background:var(--sb);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}
.sl-cta h2{margin:0;color:#fff;font-size:clamp(26px,3vw,36px)}.sl-cta p{margin:6px 0 0;color:#dcefff;font-size:17px}
.sl-cta a{height:56px;padding:0 28px;border-radius:16px;background:#fff;color:#0b5fa5;font-size:17px;font-weight:700;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
@media(max-width:980px){.sl-herogrid{grid-template-columns:1fr;gap:24px}.sl-copy{position:static}.sl-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-6{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-3,.sl-2,.sl-faq{grid-template-columns:1fr}}
@media(max-width:600px){.sl-hero{padding:24px 0 32px}.sl-card{padding:18px;border-radius:20px;margin:0 -4px}.sl-perks{grid-template-columns:1fr 1fr;gap:8px}.sl-perks>div{padding:10px 12px}.sl-grades,.sl-grid2{grid-template-columns:1fr}.sl-ways{grid-template-columns:1fr}
  .sl-q{flex-direction:column;align-items:flex-start;gap:8px}.sl-head.row{flex-direction:column;align-items:flex-start}.sl-4{grid-template-columns:1fr}.sl-6{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-why{grid-template-columns:1fr}.sl-cta{flex-direction:column;align-items:flex-start;padding:28px}.sl-sec2{padding-top:48px}.sl-band{margin-top:48px;padding:44px 0}}
/* sell requests in admin */
.sr-list{display:flex;flex-direction:column;gap:12px}
.sr-card{border:1px solid #e3e8f0;border-radius:14px;padding:14px 16px;background:#fff;display:flex;flex-direction:column;gap:12px}
.sr-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.sr-dev{font-size:16px}.sr-meta{font-size:12.5px;color:#667085;margin-top:2px}
.sr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.sr-kv{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:13.5px;align-content:start}.sr-kv span{color:#667085}.sr-kv b{font-weight:600}.sr-kv a{color:#1a4fd6;text-decoration:none}
.sr-anss{display:flex;flex-wrap:wrap;gap:6px}.sr-ans{font-size:12.5px;padding:4px 10px;border-radius:99px;background:#e7f6ee;color:#067647}.sr-ans.bad{background:#fdecec;color:#b42318}
.sr-phs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.sr-ph{width:72px;height:72px;border-radius:10px;overflow:hidden;background:#f2f4f8;display:block}.sr-ph img{width:100%;height:100%;object-fit:cover}
.sr-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid #f0f2f6;padding-top:12px}.sr-eur{font-weight:700;color:#667085}
@media(max-width:760px){.sr-grid{grid-template-columns:1fr}}
.sl-pill{position:relative;display:inline-block}.sl-pill input,.sl-grade input,.sl-yn input,.sl-way input{width:1px;height:1px;margin:0;left:0;top:0}
.sl-sec{border-top:0;padding:14px 0 18px}.sl-sec+.sl-sec{border-top:1px solid #eef0f4}.sl-sec legend{float:left;width:100%;margin:0 0 14px}.sl-sec legend+*{clear:both}
.sl .sl-grade b,.sl .sl-way b{font-weight:700;color:var(--sink);text-transform:none;letter-spacing:0}.sl .sl-grade small,.sl .sl-way small{font-weight:500;text-transform:none;letter-spacing:0}
.sl .sl-lbl{text-transform:none;letter-spacing:0}
.sl-form,.sl-done{--sb:#0b86d8;--sbd:#0b6fc2;--sink:#16181d;--smut:#4a5160;--sline:#e3e7ee;--sbg:#f3f6fa;--sok:#0a7a4f;color:#16181d}
.sl-form .sl-grade b,.sl-form .sl-way b{font-weight:700;color:#16181d;text-transform:none}.sl-form .sl-lbl{text-transform:none;letter-spacing:0}
/* ================= Sell page, simple (one question at a time) ================= */
.swp{--sb:#0b86d8;--sbd:#0b6fc2;--sink:#16181d;--smut:#4a5160;color:var(--sink)}
.sw,.sw-done{--sb:#0b86d8;--sbd:#0b6fc2;--sink:#16181d;--smut:#4a5160;color:#16181d}
.swh{background:#f3f6fa;padding:56px 0 64px}
.swh>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:56px;align-items:center}
.swh-copy{display:flex;flex-direction:column;gap:18px}
.swh h1{margin:0;font-size:clamp(34px,4.8vw,58px);line-height:1.04;letter-spacing:-.035em;font-weight:800;color:var(--sink)}
.swh-lead,.swh-lead p{margin:0;font-size:18px;line-height:1.6;color:var(--smut);max-width:480px}
.swh-ticks{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.swh-ticks li{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:600}.swh-ticks svg{width:22px;height:22px;padding:4px;border-radius:50%;background:#e7f6ee;color:#0a7a4f;box-sizing:border-box;flex:none}
.sw-card{background:#fff;border-radius:24px;box-shadow:0 24px 60px rgba(16,24,40,.12);padding:24px 26px 28px;min-height:380px;scroll-margin-top:90px}
.sw-top{display:flex;align-items:center;gap:12px;min-height:30px;margin-bottom:14px}
.sw-back{border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--sbd);cursor:pointer;padding:6px 0;white-space:nowrap}
.sw-bar{flex:1;height:6px;border-radius:99px;background:#eef0f4;overflow:hidden}.sw-bar i{display:block;height:100%;width:16%;background:var(--sb);border-radius:99px;transition:width .3s}
.sw-step{display:flex;flex-direction:column;gap:14px}.sw-step[hidden]{display:none}
.sw-step h2{margin:0 0 4px;font-size:24px;letter-spacing:-.02em;color:var(--sink)}
.sw-in{height:52px;padding:0 16px;border:1px solid #d6dbe4;border-radius:14px;font:inherit;font-size:16px;color:var(--sink);background:#fff;width:100%;box-sizing:border-box}
.sw-in:focus{outline:0;border-color:var(--sb);box-shadow:0 0 0 3px rgba(11,134,216,.15)}
.sw-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sw-chips{display:flex;flex-wrap:wrap;gap:8px}
.sw-chip{height:38px;padding:0 14px;border-radius:99px;border:1px solid #d6dbe4;background:#fff;font:inherit;font-size:13.5px;font-weight:600;color:var(--sink);cursor:pointer}.sw-chip:hover{border-color:var(--sb);color:var(--sbd)}
.sw-next{display:inline-flex;align-items:center;justify-content:center;height:54px;border:0;border-radius:14px;background:var(--sb);color:#fff!important;font:inherit;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;margin-top:4px}.sw-next:hover{background:var(--sbd)}.sw-next:disabled{opacity:.6}
.sw-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sw-pill,.sw-opt,.sw-yn label{position:relative}
.sw-pill input,.sw-opt input,.sw-yn input{position:absolute;opacity:0;width:1px;height:1px;margin:0;left:0;top:0}
.sw-pill span{display:flex;align-items:center;justify-content:center;height:56px;border-radius:14px;border:1.5px solid #d6dbe4;font-size:16px;font-weight:700;cursor:pointer}
.sw-opts{display:flex;flex-direction:column;gap:10px}
.sw-opt span{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;border:1.5px solid #d6dbe4;cursor:pointer}
.sw .sw-opt b{font-size:16px;font-weight:700;color:var(--sink);text-transform:none;letter-spacing:0}.sw .sw-opt small{font-size:13px;font-weight:500;color:#5b6272;text-transform:none;letter-spacing:0}
.sw-pill input:checked+span,.sw-opt input:checked+span{border-color:var(--sb);background:#eef7fe;box-shadow:inset 0 0 0 1px var(--sb)}
.sw-pill span:hover,.sw-opt span:hover{border-color:#9cc9ec}
.sw-pill input:focus-visible+span,.sw-opt input:focus-visible+span,.sw-yn input:focus-visible+span{outline:2px solid var(--sb);outline-offset:2px}
.sw-q{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef0f4;font-size:15px}.sw-q:last-child{border-bottom:0}
.sw-yn{display:flex;gap:6px;flex:none}.sw-yn span{display:grid;place-items:center;width:60px;height:42px;border-radius:12px;border:1.5px solid #d6dbe4;font-weight:600;cursor:pointer}
.sw-yn input:checked+span{background:var(--sink);border-color:var(--sink);color:#fff}
.sw-photo{position:relative;align-self:flex-start}.sw-photo input{position:absolute;inset:0;opacity:0;cursor:pointer}
.sw-photo span{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px;border:1.5px dashed #b9c2d0;border-radius:12px;font-size:14px;font-weight:600;color:var(--sbd)}.sw-photo small{color:#8a92a3;font-weight:500}
.sw-phs{display:flex;gap:8px;flex-wrap:wrap}.sw-phs:empty{display:none}
.sw-ph{width:68px;height:68px;border-radius:12px;overflow:hidden;position:relative;background:#eef1f6}.sw-ph img{width:100%;height:100%;object-fit:cover}.sw-ph.busy img{opacity:.4}
.sw-phx{position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:15px;line-height:1;cursor:pointer}
.sw-sub p{margin:6px 0 8px;font-size:14px;font-weight:600;color:var(--smut)}.sw-sub{display:flex;flex-direction:column;gap:10px}.sw-sub[hidden]{display:none}
.sw-fine{margin:0;text-align:center;font-size:13px;color:#5b6272}
.sw-shake{animation:swshake .4s}@keyframes swshake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.sw-done{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;padding:30px 0}.sw-done h2{margin:0;font-size:28px}.sw-done p{margin:0;color:var(--smut)}
.sw-ok{width:60px;height:60px;border-radius:50%;background:#0a7a4f;color:#fff;display:grid;place-items:center}.sw-ok svg{width:30px;height:30px}
.sw-ref{padding:10px 16px;background:#f3f6fa;border-radius:12px;font-size:14px}.sw-done .sw-next{padding:0 24px}
.swx{padding-top:64px}.swx h2{margin:0 0 24px;font-size:clamp(26px,3vw,34px);letter-spacing:-.03em;text-align:center}
.swx-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.swx-3>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:26px 18px;border:1px solid #e6e9ef;border-radius:20px}
.swx-3 svg{width:40px;height:40px;padding:9px;border-radius:14px;background:#eef7fe;color:var(--sb);box-sizing:border-box;margin-bottom:6px}.swx-3 b{font-size:17px}.swx-3 span{font-size:14px;color:var(--smut)}
.swx-faq{max-width:760px;margin:0 auto 72px}.swx-faq details{padding:18px 0;border-bottom:1px solid #e6e9ef}.swx-faq summary{font-size:17px;font-weight:600;cursor:pointer}.swx-faq p{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--smut)}
@media(max-width:900px){.swh>.wrap{grid-template-columns:1fr;gap:26px}.swh{padding:28px 0 36px}.swx-3{grid-template-columns:1fr}}
@media(max-width:600px){.sw-card{padding:18px 16px 22px;border-radius:20px;min-height:0}.sw-step h2{font-size:21px}.swh-lead,.swh-lead p{font-size:16px}.swh-ticks{flex-direction:row;flex-wrap:wrap;gap:8px 14px}.swh-ticks li{font-size:13.5px}.swx{padding-top:44px}}
.sr-bad{color:#b42318}.sw-opt-row span{flex-direction:row;align-items:center;min-height:52px;padding:0 16px}.sw-help{margin:2px 0 0;font-size:13px;line-height:1.6;color:#5b6272;background:#f3f6fa;border-radius:12px;padding:10px 14px}
/* sell page: form first */
.swh{padding:36px 0 40px}
.swh>.wrap.swh-in{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.swh-in h1{font-size:clamp(30px,4vw,44px)}
.swh-in .swh-lead,.swh-in .swh-lead p{font-size:17px;max-width:520px;margin:0 auto}
.swh-in .sw-card{width:100%;max-width:560px;text-align:left;margin-top:8px}
.swh-in .swh-ticks{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:10px}
@media(max-width:600px){.swh{padding:20px 0 28px}.swh-in h1{font-size:30px}.swh-in .swh-lead{font-size:15px}.swh-in .swh-ticks{flex-direction:column;align-items:flex-start;align-self:stretch;padding:0 4px}}
.sp-kv{grid-template-columns:auto 1fr}.sp-kv b{text-align:left}
.sqs{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid #f0f2f6}.sq{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #f0f2f6;font-size:14px}.sq b{color:#067647}.sq.bad b{color:#b42318}.sq.bad{background:#fff6f5}
.sp-trk{display:flex;flex-direction:column;gap:4px;font-size:13px;min-width:150px}.sp-trk input,.sp-trk select{height:40px}
.sp-stock{margin-top:14px;padding:14px;border-radius:12px;background:#f3f6fa;display:flex;flex-direction:column;gap:10px}.sp-stock.done{background:#e7f6ee;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 12px}.sp-stock.done span{flex:1;font-size:13.5px;color:#344054}
.mact2 .mmt{white-space:nowrap}.mact2 .mmt.on{background:#fff4e5;color:#b54708;border-color:#f5c27a;font-weight:700}
.mrow-maint>input{background:#fffaf2;border-color:#f5c27a}
.lx-fgrid.c5{grid-template-columns:1.3fr 1fr 1fr 1.1fr 1fr}
@media (max-width:1060px){.lx-fgrid.c5{grid-template-columns:1fr 1fr}}@media (max-width:560px){.lx-fgrid.c5{grid-template-columns:1fr}}
.lx-fgrid.c5{grid-template-columns:1.3fr 1fr 1fr 1.1fr 1fr}
@media (max-width:1060px){.lx-fgrid.c5{grid-template-columns:1fr 1fr}}@media (max-width:560px){.lx-fgrid.c5{grid-template-columns:1fr}}
.ftauto{padding:8px 12px;background:#f5f7fb;border-radius:10px;margin-bottom:6px;font-weight:600;font-size:14px}
.lx-fgrid.c3{grid-template-columns:1.4fr 1fr 1fr}
.lx-fgrid.c2{grid-template-columns:1.4fr 1fr}.lx-fgrid.c6{grid-template-columns:1.2fr repeat(5,1fr)}
@media (max-width:1060px){.lx-fgrid.c3,.lx-fgrid.c6{grid-template-columns:1fr 1fr}}@media (max-width:560px){.lx-fgrid.c2,.lx-fgrid.c3,.lx-fgrid.c6{grid-template-columns:1fr}}
.ftcols{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.ftcol{border:1px solid #e3e8f0;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;background:#fbfcfe}
.ftct{font-weight:700;flex:1;min-width:0}
.ftl{display:grid;grid-template-columns:1fr;gap:4px;padding:8px;border:1px solid #eef0f4;border-radius:10px;background:#fff}
.ftl input,.ftl select{height:36px;font-size:13.5px}.ftla{display:flex;gap:4px;justify-content:flex-end}.ftla button{width:30px;height:28px;border:1px solid #e3e8f0;border-radius:8px;background:#fff;cursor:pointer}
/* Top categories v2: modern luxury tiles (same layout) */
.lx-catsec .lx-sh{align-items:flex-end}
.lx-eb{display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8a8f98;margin-bottom:8px}
.lx-catsec .lx-sh h2{line-height:1;letter-spacing:-.035em;font-weight:700}
.lx-cats2{grid-template-columns:repeat(4,1fr)!important;gap:20px!important}
.lx-cat2{aspect-ratio:4/5;min-height:0!important;padding:0!important;justify-content:flex-start!important;border-radius:26px;background:radial-gradient(120% 90% at 50% 100%,#fff 0%,#f3f4f7 55%,#e9ecf1 100%)!important;box-shadow:inset 0 0 0 1px rgba(20,21,24,.05);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.lx-cat2:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(20,21,24,.05),0 22px 44px rgba(20,21,24,.12)}
.lx-cat2 .lx-cn{padding:24px 68px 0 24px}
.lx-cat2 .lx-cn b{font-size:23px;font-weight:600;letter-spacing:-.02em}
.lx-cat2 .lx-cn small{display:inline-flex;margin-top:8px;font-size:11.5px;font-weight:600;color:#5d636e;background:rgba(255,255,255,.8);border:1px solid rgba(20,21,24,.07);padding:4px 10px;border-radius:99px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.luxe .lx-cat2 .lx-ci,.lx-cat2 .lx-ci{position:relative;flex:1;min-height:0;width:auto!important;height:auto!important;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;padding:16px 36px 34px}
.lx-cat2 .lx-ci img{max-width:100%;max-height:100%!important;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.lx-cat2:hover .lx-ci img{transform:scale(1.05)}
.lx-cat2 .lx-ci::after{content:"";position:absolute;bottom:22px;left:22%;right:22%;height:16px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,21,24,.14),transparent)}
.lx-cart{display:flex;align-items:flex-end;justify-content:center;width:62%;height:100%;position:relative;z-index:1}
.lx-cart svg{width:100%;height:auto;max-height:100%!important}
.lx-cgo{position:absolute;right:18px;top:20px;width:40px;height:40px;border-radius:50%;background:#141518;color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(20,21,24,.25);transition:transform .3s}
.lx-cgo svg{width:16px;height:16px}.lx-cat2:hover .lx-cgo{transform:rotate(45deg)}
@media (max-width:960px){.lx-cats2{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}
@media (max-width:560px){.lx-cat2 .lx-cn{padding:16px 16px 0}.lx-cat2 .lx-cn b{font-size:18px}.lx-cat2 .lx-cn small{margin-top:6px}.lx-cat2 .lx-ci,body.luxe .lx-cat2 .lx-ci{padding:10px 22px 22px}.lx-cat2 .lx-ci::after{bottom:14px}.lx-cgo{top:auto;bottom:12px;right:12px;width:30px;height:30px}.lx-cgo svg{width:14px;height:14px}.lx-catsec .lx-sh h2{font-size:30px}}
@media (prefers-reduced-motion:reduce){.lx-cat2,.lx-cat2 .lx-ci img,.lx-cgo{transition:none}}
/* product pictures: white photo backgrounds blend into the grey backdrop, so every picture sits the same */
.lp-main #pmain{filter:none;mix-blend-mode:multiply}
.lp-thumbs.thumbs button img,.pimg img,body.luxe .pcard img{mix-blend-mode:multiply}
.fitbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#eef6ff;border:1px solid #cfe3fb;font-size:14px}
.fitbar .btn{white-space:nowrap}
/* ===== Product page v2: condition guide + luxury bottom ===== */
.lp-eb{display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8a8f98}
.axis .lbl{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cg-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:12.5px;font-weight:600;color:#0b6fc2;background:#eaf4fc;padding:5px 11px 5px 7px;border-radius:99px;transition:background .15s}
.cg-btn svg{width:16px;height:16px}.cg-btn:hover{background:#dcedfa}.cg-btn:focus-visible{outline:2px solid #0b6fc2;outline-offset:2px}
html.cg-lock{overflow:hidden}
.cg-ov{position:fixed;inset:0;z-index:200;background:rgba(10,12,16,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s}
.cg-ov[hidden]{display:none}.cg-ov.on{opacity:1}
.cg-sheet{background:#fff;color:#111318;border-radius:28px;width:min(720px,100%);max-height:88vh;overflow:auto;padding:30px;box-shadow:0 40px 90px rgba(0,0,0,.3);transform:translateY(12px);transition:transform .25s}
.cg-ov.on .cg-sheet{transform:none}
.cg-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.cg-h h3{margin:6px 0 4px;font-size:28px;letter-spacing:-.03em;line-height:1.15}.cg-h p{margin:0;color:#5d636e;font-size:14px;line-height:1.5}
.cg-x{all:unset;cursor:pointer;width:40px;height:40px;border-radius:50%;background:#f4f5f8;display:grid;place-items:center;flex:none}.cg-x svg{width:18px;height:18px}.cg-x:focus-visible{outline:2px solid #111318}
.cg-list{display:grid;gap:12px;margin-top:22px}
.cg-g{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;border:1px solid #e7e9ee;border-radius:20px;padding:16px 18px;transition:border-color .15s,box-shadow .15s}
.cg-g[data-st="in"]{cursor:pointer}.cg-g[data-st="in"]:hover{border-color:#b9bec8}
.cg-g.cur{border-color:#111318;box-shadow:inset 0 0 0 1px #111318}
.cg-nm b{display:block;font-size:18px;letter-spacing:-.02em}
.cg-meter{display:flex;gap:4px;margin-top:8px}.cg-meter i{width:18px;height:5px;border-radius:3px;background:#e3e6ec}.cg-meter i.f{background:#111318}
.cg-g p{margin:0;font-size:13.5px;line-height:1.55;color:#5d636e}
.cg-av{font-size:12px;font-weight:700;padding:6px 10px;border-radius:99px;white-space:nowrap;background:#f4f5f8;color:#8a8f98}
.cg-av.in{background:#e5f6ec;color:#0a7a4f}.cg-av.sel{background:#111318;color:#fff}
.cg-f{margin-top:18px;display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#5d636e;background:#f4f5f8;border-radius:14px;padding:12px 14px}.cg-f svg{width:18px;height:18px;flex:none;color:#0a7a4f;margin-top:1px}
/* bottom */
.lp2{padding-bottom:96px}
.lp2-sec{padding-top:96px}
.lp2-h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.04em;font-weight:700;line-height:1.05;margin:8px 0 0;color:#111318}
.lp2-hl{margin-top:96px;background:#0d0f13;color:#fff;border-radius:36px;padding:64px 56px;position:relative;overflow:hidden;isolation:isolate}
.lp2-hl::before{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(11,134,216,.35),transparent);z-index:-1}
.lp2-hl .lp-eb{color:#9aa3b2}.lp2-hl .lp2-h2{color:#fff;max-width:640px}
.lp2-hlg{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1);border-radius:22px;overflow:hidden;margin-top:44px}
.lp2-hlg.n2{grid-template-columns:repeat(2,1fr)}.lp2-hlg.n3{grid-template-columns:repeat(3,1fr)}
.lp2-hlg div{background:#15181e;padding:26px 24px}
.lp2-hlg svg{width:26px;height:26px;color:#7cc4f5;stroke-width:1.6}
.lp2-hlg small{display:block;margin-top:18px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8d95a3}
.lp2-hlg b{display:block;font-size:19px;letter-spacing:-.02em;margin-top:6px;line-height:1.3;font-weight:600}
.lp2-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.lp2-promise.n2{grid-template-columns:repeat(2,1fr)}.lp2-promise.n1{grid-template-columns:1fr}
.lp2-pr{border-radius:28px;padding:32px 28px;background:linear-gradient(180deg,#fafbfc,#f1f3f6);border:1px solid #e7e9ee}
.lp2-n{font-size:64px;font-weight:700;letter-spacing:-.05em;line-height:1;background:linear-gradient(180deg,#111318,#6b7280);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp2-n small{font-size:20px;letter-spacing:-.02em;margin-left:6px}
.lp2-pr b{display:block;font-size:18px;margin-top:18px;letter-spacing:-.02em;color:#111318}.lp2-pr p{margin:6px 0 0;color:#5d636e;font-size:14px;line-height:1.55}
.lp2-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.lp2-stick{position:sticky;top:110px}
.lp2-lead{font-size:18px;line-height:1.7;color:#2b2f36;margin:0 0 30px}.lp2-lead>*:first-child{margin-top:0}
.lp2-acc{border-top:1px solid #e7e9ee}
.lp2-acc details{border-bottom:1px solid #e7e9ee}
.lp2-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:22px 0;font-size:17px;font-weight:600;letter-spacing:-.01em;color:#111318}
.lp2-acc summary::-webkit-details-marker{display:none}
.lp2-acc summary small{display:block;font-size:13px;font-weight:500;color:#5d636e;margin-top:2px}
.lp2-ic{width:44px;height:44px;border-radius:14px;background:#f4f5f8;display:grid;place-items:center;flex:none}.lp2-ic svg{width:20px;height:20px}
.lp2-pl{margin-left:auto;width:32px;height:32px;border-radius:50%;border:1px solid #e7e9ee;display:grid;place-items:center;flex:none;transition:transform .25s,background .25s}.lp2-pl svg{width:15px;height:15px}
.lp2-acc details[open] .lp2-pl{transform:rotate(45deg);background:#111318;color:#fff;border-color:#111318}
.lp2-body{padding:0 0 22px 60px;color:#5d636e;font-size:15px;line-height:1.65}.lp2-body p{margin:0 0 8px}.lp2-body .pticks{margin:0 0 10px}
.lp2-specs{margin:40px 0 0;display:grid;grid-template-columns:repeat(2,1fr);column-gap:56px}
.lp2-specs div{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #e7e9ee;font-size:15px}
.lp2-specs.clip div.more{display:none}
.lp2-specs dt{color:#8a8f98;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}.lp2-specs dd{margin:0;font-weight:500;color:#111318;overflow-wrap:anywhere}
.lp2-more{all:unset;box-sizing:border-box;cursor:pointer;margin-top:26px;display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:14px;color:#111318;border-bottom:1.5px solid #111318;padding-bottom:2px}
.lp2-rv{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:center;background:linear-gradient(135deg,#f7f3ec,#f3f5f8);border-radius:36px;padding:52px}
.lp2-score b{font-size:88px;letter-spacing:-.06em;line-height:1;display:block;margin-top:8px;color:#111318}.lp2-score .stars{font-size:20px;justify-content:flex-start}.lp2-score p{margin:8px 0 0;color:#5d636e;font-size:14px}.lp2-score .lp2-more{margin-top:16px}
.lp2-qs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp2-qs figure{margin:0;background:#fff;border-radius:22px;padding:22px;display:flex;flex-direction:column}
.lp2-qs .stars{justify-content:flex-start}
.lp2-qs blockquote{margin:10px 0 16px;font-size:14.5px;line-height:1.6;color:#2b2f36;flex:1}.lp2-qs figcaption{color:#5d636e;font-size:13px;font-weight:600}
.lp2-rel{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}
.lp2-rel .pcard .pc-img{background:radial-gradient(120% 90% at 50% 100%,#fff 0%,#f3f4f7 55%,#e9ecf1 100%)!important;box-shadow:inset 0 0 0 1px rgba(20,21,24,.05);border-radius:26px!important;aspect-ratio:1/1!important;transition:transform .3s,box-shadow .3s}
.lp2-rel .pcard:hover .pc-img{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(20,21,24,.05),0 22px 44px rgba(20,21,24,.12)}
@media (max-width:960px){.lp2-story{grid-template-columns:1fr;gap:24px}.lp2-stick{position:static}.lp2-hlg,.lp2-hlg.n3{grid-template-columns:1fr 1fr}.lp2-promise,.lp2-promise.n2{grid-template-columns:1fr}.lp2-specs{grid-template-columns:1fr}.lp2-rv{grid-template-columns:1fr;padding:32px 24px;gap:24px}.lp2-qs{grid-template-columns:1fr}.lp2-rel{grid-template-columns:1fr 1fr;gap:14px}}
@media (max-width:560px){.lp2-sec{padding-top:64px}.lp2-hl{padding:40px 22px;border-radius:28px;margin-top:64px}.lp2-hlg div{padding:20px 16px}.lp2-hlg b{font-size:15px}.lp2-hlg.n3 div:last-child{grid-column:1/-1}
 .lp2-specs div{grid-template-columns:1fr;gap:4px}.lp2-body{padding-left:0}.lp2-score b{font-size:64px}.lp2-n{font-size:54px}.lp2-pr{padding:26px 22px}
 .cg-ov{padding:0;align-items:flex-end}.cg-sheet{border-radius:28px 28px 0 0;padding:22px 18px;max-height:90vh}.cg-h h3{font-size:24px}
 .cg-g{grid-template-columns:1fr auto;gap:10px}.cg-g p{grid-column:1/-1;grid-row:2}.cg-g .cg-av{grid-column:2;grid-row:1;justify-self:end;align-self:start}}
@media (prefers-reduced-motion:reduce){.cg-ov,.cg-sheet,.lp2-pl,.lp2-rel .pcard .pc-img{transition:none}}
/* ===== 100% original parts ===== */
.og-badge{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 4px;font-size:13.5px;color:#2b2f36}
.og-badge svg{width:18px;height:18px;color:#0a7a4f;flex:none}
.og-badge span{background:linear-gradient(180deg,#f2faf5,#e6f5ec);border:1px solid #cfe9da;color:#0b5e3d;padding:5px 12px;border-radius:99px}
.og-badge b{font-weight:700}
.og-badge a{font-size:12.5px;font-weight:600;color:#5d636e;text-decoration:underline;text-underline-offset:3px}
.og-band{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;border-radius:36px;padding:56px;background:radial-gradient(90% 120% at 100% 0%,#1d2a22 0%,#0d0f13 60%);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.og-band::after{content:"";position:absolute;left:-140px;bottom:-200px;width:460px;height:460px;border-radius:50%;background:radial-gradient(closest-side,rgba(52,199,120,.22),transparent);z-index:-1}
.og-copy .lp-eb{color:#8fd1ab}
.og-copy h2{margin:10px 0 14px;font-size:clamp(30px,3.4vw,48px);line-height:1.05;letter-spacing:-.04em;font-weight:700;color:#fff}
.og-copy p{margin:0;color:#b9c0cb;font-size:16px;line-height:1.65;max-width:520px}
.og-parts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.og-parts li{display:flex;align-items:center;gap:12px;padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-weight:600;font-size:15px;letter-spacing:-.01em}
.og-parts svg{width:24px;height:24px;flex:none;color:#7fe0a8;stroke-width:1.7}
.lp2-promise.n4{grid-template-columns:repeat(4,1fr)}
.lp2-promise.n4 .lp2-n{font-size:56px}
@media (max-width:1100px){.lp2-promise.n4{grid-template-columns:1fr 1fr}}
@media (max-width:960px){.og-band{grid-template-columns:1fr;padding:40px 28px;gap:28px}}
@media (max-width:560px){.og-band{padding:32px 20px;border-radius:28px}.og-parts{grid-template-columns:1fr 1fr;gap:10px}.og-parts li{padding:14px;font-size:13.5px;flex-direction:column;align-items:flex-start;gap:8px}.lp2-promise.n4{grid-template-columns:1fr}}
html:has(body.luxe),body.luxe{overflow-x:clip}
.og-note{display:flex;gap:10px;align-items:flex-start;margin-top:18px!important;padding:12px 14px;border-radius:14px;background:rgba(127,224,168,.08);border:1px solid rgba(127,224,168,.2);color:#d6f5e3!important;font-size:14px!important;line-height:1.55!important}
.og-note svg{width:18px;height:18px;flex:none;color:#7fe0a8;margin-top:2px}
/* admin: refine with Claude */
.rte-foot{align-items:center;gap:10px}.rte-foot #refBtn{margin-right:auto}
.refchg{background:#f3f8ff;border:1px solid #d6e6fb;border-radius:12px;padding:10px 14px;margin:10px 0;font-size:14px}.refchg ul{margin:6px 0 0;padding-left:18px}.refchg li{margin:2px 0}
.refcmp{display:grid;grid-template-columns:1fr 1fr;gap:14px}.refcmp .aidesc{max-height:52vh;overflow:auto}
.refh{font-weight:700;font-size:13px;margin-bottom:6px}.refold{opacity:.75}
@media (max-width:800px){.refcmp{grid-template-columns:1fr}}
/* ===== Product description: editorial, luxury reading ===== */
.lp2-desc{color:#3a3f48;font-size:16.5px;line-height:1.8;max-width:680px}
.lp2-desc>p:first-child{font-size:21px;line-height:1.6;color:#111318;letter-spacing:-.01em;margin:0 0 8px}
.lp2-desc p{margin:0 0 18px}
.lp2-desc strong{color:#111318;font-weight:600}
.lp2-desc h2{font-size:24px;line-height:1.25;letter-spacing:-.025em;font-weight:600;color:#111318;margin:44px 0 14px;padding-top:28px;border-top:1px solid #e7e9ee}
.lp2-desc h3{font-size:17px;font-weight:600;color:#111318;margin:24px 0 8px}
.lp2-desc ul{list-style:none;margin:20px 0 8px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp2-desc li{position:relative;background:linear-gradient(180deg,#fafbfc,#f3f5f8);border:1px solid #e9ecf1;border-radius:18px;padding:16px 16px 16px 48px;font-size:14.5px;line-height:1.6}
.lp2-desc li::before{content:"";position:absolute;left:16px;top:17px;width:20px;height:20px;border-radius:50%;background:#111318 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
.lp2-desc li strong{display:block;font-size:15px;margin-bottom:2px}
.lp2-desc ol{padding-left:20px}
.lp2-faq{border-bottom:1px solid #e7e9ee}
.lp2-desc h2+.lp2-faq{border-top:0}
.lp2-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;font-size:16.5px;color:#111318;line-height:1.4}
.lp2-faq summary::-webkit-details-marker{display:none}
.lp2-faq summary i{width:28px;height:28px;border-radius:50%;border:1px solid #e1e4ea;flex:none;position:relative;transition:transform .25s,background .25s}
.lp2-faq summary i::before,.lp2-faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.6px;background:currentColor;transform:translate(-50%,-50%)}
.lp2-faq summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.lp2-faq[open] summary i{transform:rotate(45deg);background:#111318;color:#fff;border-color:#111318}
.lp2-faq>div{padding:0 44px 16px 0;font-size:15.5px}.lp2-faq>div p{margin:0 0 8px}
.lp2-gtk{margin:48px 0 6px}
@media (max-width:560px){.lp2-desc{font-size:16px}.lp2-desc>p:first-child{font-size:18.5px}.lp2-desc h2{font-size:21px;margin-top:34px;padding-top:22px}.lp2-desc ul{grid-template-columns:1fr}}
/* why original parts matter */
.og-why{all:unset;box-sizing:border-box;cursor:pointer;font-size:12.5px;font-weight:600;color:#5d636e;text-decoration:underline;text-underline-offset:3px}.og-why:hover{color:#111318}.og-why:focus-visible{outline:2px solid #0b6fc2;outline-offset:2px;border-radius:4px}
.ow-sheet{width:min(860px,100%)}
.ow-head{display:grid;grid-template-columns:170px 1fr 1fr;gap:14px;margin:22px 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ow-head span{display:flex;align-items:center;gap:6px}.ow-head svg{width:16px;height:16px}
.ow-head .ok{color:#0a7a4f}.ow-head .no{color:#b42318}
.ow-list{display:grid;gap:8px}
.ow-row{display:grid;grid-template-columns:170px 1fr 1fr;gap:14px;align-items:stretch}
.ow-t{font-size:15px;letter-spacing:-.01em;padding:14px 0;align-self:center}
.ow-c{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:16px;font-size:13.5px;line-height:1.5}
.ow-c svg{width:18px;height:18px;flex:none;margin-top:1px;stroke-width:2.6}
.ow-c.ok{background:#eefaf3;color:#12402b}.ow-c.ok svg{color:#0a7a4f}
.ow-c.no{background:#fdf1f0;color:#5c1b15}.ow-c.no svg{color:#d92d20}
@media (max-width:640px){.ow-head{display:none}.ow-row{grid-template-columns:1fr;gap:6px;padding:14px 0;border-top:1px solid #eef0f3}.ow-row:first-child{border-top:0}.ow-t{padding:0 0 2px}}
.ow-l{display:none;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:2px}
@media (max-width:640px){.ow-l{display:block}}
/* "Why it matters": a clear gold-accent pill so it stands out, especially on phones */
.og-why{text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;border-radius:99px;background:#111318;color:#fff!important;font-size:12.5px;font-weight:600;box-shadow:0 4px 12px rgba(17,19,24,.18);transition:transform .15s,box-shadow .15s}
.og-why::before{content:"";width:16px;height:16px;border-radius:50%;background:#f5c451 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111318' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 8h.01M12 11v6'/%3E%3C/svg%3E") center/11px no-repeat;flex:none}
.og-why:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(17,19,24,.24)}
@media (max-width:640px){.og-badge{gap:8px}.og-why{padding:7px 14px 7px 10px;font-size:13px;animation:ogpulse 2.4s ease-in-out 1s 2}}
@keyframes ogpulse{0%,100%{box-shadow:0 4px 12px rgba(17,19,24,.18)}50%{box-shadow:0 0 0 6px rgba(245,196,81,.35),0 4px 12px rgba(17,19,24,.18)}}
@media (prefers-reduced-motion:reduce){.og-why{animation:none;transition:none}}
/* phone menu: "View all" link at the top of each opened drop-down */
.hnav .ddall{display:none}
@media (max-width:900px){.hnav .ddm .ddall{display:block;font-weight:700!important;border-bottom:1px solid rgba(15,23,42,.08);margin-bottom:4px;padding:11px 12px!important}
 .hnav .dd>a[aria-expanded]::after{content:""}.hnav .dd.open>a{font-weight:700}.hnav .dd .ddt{transition:transform .2s}.hnav .dd.open .ddt{transform:rotate(180deg)}}
/* admin: online orders tabs */
.otabs{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}
.otabs button{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line,#e3e8ef);background:#fff;border-radius:12px;padding:10px 16px;font:600 14px inherit;color:#334155;cursor:pointer}
.otabs button b{min-width:24px;padding:2px 8px;border-radius:99px;background:#eef2f7;font-size:12.5px;text-align:center}
.otabs button.on{border-color:#1f6feb;box-shadow:inset 0 0 0 1px #1f6feb;color:#1f6feb}
.otabs .ot-pending b{background:#fff4d6;color:#8a5a00}.otabs .ot-cancelled b{background:#fde8e7;color:#b42318}.otabs .ot-processing b{background:#e3f1ff;color:#1f6feb}
.mailhelp{background:#f3f8ff;border:1px solid #d6e6fb;border-radius:12px;padding:10px 14px;margin:10px 0 12px;font-size:13.5px;line-height:1.55}
/* POS: note per item */
.tnote{display:flex;align-items:center;gap:6px;margin-top:6px;width:100%}
.tnote span{font-size:11px;font-weight:600;color:#667085;text-transform:uppercase;letter-spacing:.04em}
.tnote input{flex:1;min-width:0;height:30px;border:1px dashed #cfd6e0;border-radius:8px;padding:0 8px;font-size:13px;background:#fafbfc}
.tnote input:focus{border-style:solid;border-color:#1f6feb;background:#fff;outline:none}
.tnote input{width:auto!important;max-width:none!important}.tnote{box-sizing:border-box}
.subar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#f7f5ef;border:1px solid #ece4cf;font-size:13.5px}
/* Receipts: thermal printers turn thin grey-edged text into faint dots, so print everything solid black, bold and a little larger */
.rcpt:not(.a4){font:700 13px/1.4 Arial,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:.01em;color:#000;-webkit-font-smoothing:none;text-rendering:geometricPrecision}
.rcpt.w58{font-size:12px}
.rcpt *{color:#000!important;opacity:1!important}
.rcpt:not(.a4) .big{font-size:1.45em;font-weight:900}
.rcpt:not(.a4) .c .big:first-child{font-size:1.8em;letter-spacing:.06em}
.rcpt hr{border-top:2px dashed #000}
.rcpt i{font-style:normal}
@media print{.rcpt{-webkit-print-color-adjust:exact;print-color-adjust:exact}.rcpt:not(.a4){font-weight:700}}
.klogo{font-style:normal;font-weight:800;font-size:14px;background:#ffb3c7;color:#17120f;border-radius:6px;padding:3px 9px;display:inline-block}