/* Layout: translucent 52px nav, centered hero tile on light gray, Apple-store style rounded cards; alternating white / #F5F5F7 bands */
:root{
  --bg:#FFFFFF; --alt:#F5F5F7; --surface:#FFFFFF; --tile:#F5F5F7; --line:#D2D2D7;
  --fg:#1D1D1F; --muted:#6E6E73; --link:#0066CC; --new:#B64400;
  --nav:rgba(251,251,253,.82); --nav-solid:#FBFBFD;
  --band:#1D1D1F; --band-fg:#F5F5F7; --band-muted:#A1A1A6;
  --accent:#0071E3; --accent-ink:#FFFFFF; --accent-soft:#E8F2FD;
  --ok:#1D8A3A; --ok-soft:#E6F4EA; --danger:#D70015; --danger-soft:#FDE8EA; --warn:#B25000; --warn-soft:#FFF1E0;
  --shadow:0 2px 12px rgba(0,0,0,.08); --shadow-h:0 8px 28px rgba(0,0,0,.12);
  --cat1:#0071E3;--cat1-soft:#E5F0FC;--cat2:#8E44EC;--cat2-soft:#F2EAFD;--cat3:#E8760B;--cat3-soft:#FEF0E1;--cat4:#1D9A4E;--cat4-soft:#E3F5EA;--cat5:#E3317D;--cat5-soft:#FCE6F0;--cat6:#0B97B5;--cat6-soft:#DFF4F8;--cat7:#E0322B;--cat7-soft:#FDE7E6;--cat8:#5856D6;--cat8-soft:#ECEBFB;
  --f-display:"Inter","IBM Plex Sans Arabic",-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Arabic","Helvetica Neue",Arial,sans-serif;
  --f-body:"Inter","IBM Plex Sans Arabic",-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Arabic","Helvetica Neue",Arial,sans-serif;
  --r:18px; --r-sm:12px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#000000; --alt:#101012; --surface:#1C1C1E; --tile:#2C2C2E; --line:#3A3A3C;
  --fg:#F5F5F7; --muted:#A1A1A6; --link:#2997FF; --new:#FF8A3D;
  --nav:rgba(22,22,23,.82); --nav-solid:#161617;
  --band:#161617; --band-fg:#F5F5F7; --band-muted:#A1A1A6;
  --accent:#0A84FF; --accent-ink:#FFFFFF; --accent-soft:#0B2742;
  --ok:#32D74B; --ok-soft:#0F2E16; --danger:#FF453A; --danger-soft:#3A1412; --warn:#FF9F0A; --warn-soft:#3A2508;
  --shadow:0 2px 12px rgba(0,0,0,.5); --shadow-h:0 8px 28px rgba(0,0,0,.6);
  --cat1:#409CFF;--cat1-soft:#0E2742;--cat2:#BF8CFF;--cat2-soft:#2A1A44;--cat3:#FFA640;--cat3-soft:#3A2508;--cat4:#40D07A;--cat4-soft:#0F3020;--cat5:#FF6FA8;--cat5-soft:#3D1529;--cat6:#5AD0EA;--cat6-soft:#0C2F38;--cat7:#FF6961;--cat7-soft:#3D1616;--cat8:#9A99FF;--cat8-soft:#1F1D47; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#000000; --alt:#101012; --surface:#1C1C1E; --tile:#2C2C2E; --line:#3A3A3C;
  --fg:#F5F5F7; --muted:#A1A1A6; --link:#2997FF; --new:#FF8A3D;
  --nav:rgba(22,22,23,.82); --nav-solid:#161617;
  --band:#161617; --band-fg:#F5F5F7; --band-muted:#A1A1A6;
  --accent:#0A84FF; --accent-ink:#FFFFFF; --accent-soft:#0B2742;
  --ok:#32D74B; --ok-soft:#0F2E16; --danger:#FF453A; --danger-soft:#3A1412; --warn:#FF9F0A; --warn-soft:#3A2508;
  --shadow:0 2px 12px rgba(0,0,0,.5); --shadow-h:0 8px 28px rgba(0,0,0,.6);
  --cat1:#409CFF;--cat1-soft:#0E2742;--cat2:#BF8CFF;--cat2-soft:#2A1A44;--cat3:#FFA640;--cat3-soft:#3A2508;--cat4:#40D07A;--cat4-soft:#0F3020;--cat5:#FF6FA8;--cat5-soft:#3D1529;--cat6:#5AD0EA;--cat6-soft:#0C2F38;--cat7:#FF6961;--cat7-soft:#3D1616;--cat8:#9A99FF;--cat8-soft:#1F1D47; color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:17px;line-height:1.47;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--nav-solid)}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.12;margin:0;text-wrap:balance;font-weight:600}
[lang="en"] h1,[lang="en"] h2{letter-spacing:-.015em}
[lang="ar"] body,[lang="ar"]{line-height:1.6}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--link)}
.num{font-variant-numeric:tabular-nums}
.wrap{max-width:1024px;margin:0 auto;padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}
.wrap.wide{max-width:1200px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}

/* ribbon + nav */
.demo{background:var(--alt);color:var(--muted);font-size:12px;text-align:center}
.demo .wrap{padding-block:9px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.demo b{color:var(--fg);font-weight:600}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--nav);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:var(--fg);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
header.top .wrap{display:flex;align-items:center;gap:18px;height:52px;max-width:1024px}
.logo{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;padding:0;color:var(--fg)}
.logo-mark{width:26px;height:26px;border-radius:7px;background:var(--fg);color:var(--bg);display:grid;place-items:center;flex:none}
.logo-mark svg{width:11px;height:15px}
.logo-text{font-family:var(--f-display);font-weight:600;font-size:19px;letter-spacing:-.01em;direction:ltr}
.logo-text span{color:var(--muted);font-weight:500}
nav.main{display:flex;gap:2px;margin-inline-start:10px}
nav.main button{background:none;border:0;color:var(--fg);opacity:.8;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:13px}
nav.main button:hover{opacity:1}
nav.main button.on{opacity:1;font-weight:600}
.top-actions{margin-inline-start:auto;display:flex;gap:6px;align-items:center}
.icon-btn{position:relative;width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--fg);display:grid;place-items:center;cursor:pointer;opacity:.85}
.icon-btn:hover{opacity:1;background:color-mix(in srgb,var(--fg) 6%,transparent)}
.lang-btn{border:1px solid var(--line);background:transparent;border-radius:980px;padding:4px 12px;font-size:12px;font-weight:500;cursor:pointer;color:var(--fg);display:inline-flex;align-items:center;gap:6px}
.lang-btn:hover{border-color:var(--fg)}
.badge-count{position:absolute;top:2px;inset-inline-end:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:600;display:grid;place-items:center}
.menu-btn{display:none}
.drawer{display:none;border-top:1px solid var(--line)}
.drawer .wrap{display:grid;gap:0;padding-block:8px 16px;height:auto}
.drawer button{background:none;border:0;border-bottom:1px solid var(--line);color:var(--fg);text-align:start;padding:14px 4px;cursor:pointer;font-size:20px;font-weight:600}
@media (max-width:760px){nav.main{display:none}.menu-btn{display:grid}.drawer.open{display:block}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:980px;padding:10px 20px;font-size:15px;font-weight:500;border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,opacity .15s}
.btn-accent{background:var(--accent);color:var(--accent-ink)}
.btn-accent:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}
.btn-dark{background:var(--fg);color:var(--bg)}
.btn-line{background:transparent;border-color:var(--accent);color:var(--accent)}
.btn-line:hover{background:var(--accent);color:var(--accent-ink)}
.btn-ghost{background:transparent;color:var(--link);padding:8px 10px}
.btn-ghost:hover{text-decoration:underline}
.btn[disabled]{opacity:.4;cursor:not-allowed}
.btn[disabled]:hover{background:var(--accent);color:var(--accent-ink)}
.btn-line[disabled]:hover{background:transparent;color:var(--accent)}
.btn-sm{padding:7px 15px;font-size:14px}
.btn-block{width:100%;padding-block:13px}
.btn-danger{background:var(--danger);color:#fff}
.link-btn{background:none;border:0;color:var(--link);cursor:pointer;padding:4px 0;font-size:17px}
.link-btn:hover{text-decoration:underline}
.link-btn .chev{display:inline-block;margin-inline-start:2px}

/* hero */
.hero{background:var(--alt);text-align:center;overflow:hidden}
.hero .wrap{display:flex;flex-direction:column;align-items:center;gap:6px;padding-block:52px 0}
.eyebrow{font-size:17px;color:var(--new);font-weight:500}
.hero h1{font-size:clamp(40px,7vw,64px);font-weight:600}
.hero h2{font-size:clamp(21px,3vw,28px);font-weight:400;max-width:34ch}
.hero .from{color:var(--muted);font-size:17px;margin-top:6px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.hero-stage{position:relative;display:grid;place-items:center;margin-top:18px;width:100%;max-width:520px}
.hero-stage::before{content:"";position:absolute;inset:18% 12% 0;border-radius:50% 50% 0 0;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent)}
.hero-stage svg,.hero-stage img{width:min(380px,82%);height:auto;position:relative;margin-bottom:-28px}

/* sections */
.section{padding-block:56px}
.section.alt{background:var(--alt)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.section-head h2{font-size:clamp(26px,3.6vw,40px);font-weight:600;max-width:30ch}
.section-head h2 span{color:var(--muted)}

.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.cat{background:none;border:0;border-radius:var(--r);padding:14px 6px;display:flex;flex-direction:column;gap:10px;align-items:center;cursor:pointer;text-align:center;transition:background .15s}
.cat:hover{background:var(--alt)}
.cat .ic{width:64px;height:64px;border-radius:50%;background:var(--cs);display:grid;place-items:center;color:var(--cc);transition:transform .2s}
.cat:hover .ic{transform:scale(1.06)}
.cat b{font-size:14px;font-weight:600;color:var(--cc)}
.cat small{color:var(--muted);font-size:12px;margin-top:-6px}

/* product grid & card */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:740px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:360px){.grid{grid-template-columns:minmax(0,1fr)}}
.card{background:var(--surface);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;min-width:0;box-shadow:var(--shadow);transition:box-shadow .25s,transform .25s}
.card:hover{box-shadow:var(--shadow-h);transform:scale(1.01)}
.card .media{position:relative;background:transparent;aspect-ratio:1/1;max-width:100%;display:grid;place-items:center;cursor:pointer;border:0;padding:0;width:100%}
.card .media svg{width:76%;height:76%}
.card .tags{position:absolute;top:12px;inset-inline-start:12px;display:flex;gap:6px;flex-wrap:wrap}
.card .body{padding:4px 18px 10px;display:flex;flex-direction:column;gap:4px;flex:1}
.card .kicker{font-size:12px;color:var(--new);font-weight:500;min-height:1.2em}
.card h3{font-size:18px;font-weight:600;cursor:pointer}
.card .brand{font-size:13px;color:var(--muted)}
.card .price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px;font-size:15px}
.price .now{font-weight:500}
.price .was{color:var(--muted);text-decoration:line-through;font-size:13px}
.card .actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 18px 18px;flex-wrap:wrap}
.card .actions .btn-ghost{padding-inline:0}

.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:2px 9px;border-radius:999px;line-height:1.6}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.bad{background:var(--danger-soft);color:var(--danger)}
.pill.sale{background:var(--fg);color:var(--bg)}
.pill.sale::before{display:none}
.pill.plain{background:var(--alt);color:var(--fg)}
.pill.plain::before{display:none}
.stock-note{font-size:13px;color:var(--muted)}
.stock-note.low{color:var(--warn)}.stock-note.out{color:var(--danger)}

.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.feature{background:var(--surface);border-radius:var(--r);padding:26px 22px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.feature .ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--cs);color:var(--cc)}
.feature b{font-size:19px;font-weight:600;line-height:1.25}
.feature p{color:var(--muted);font-size:15px}
@media (max-width:900px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.features{grid-template-columns:minmax(0,1fr)}}

footer.foot{background:var(--alt);color:var(--muted);font-size:12px;line-height:1.6}
footer.foot .wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:28px;padding-block:24px 22px}
footer.foot .about{border-bottom:1px solid var(--line);padding-bottom:16px;grid-column:1/-1}
footer.foot h4{color:var(--fg);font-size:12px;font-weight:600;margin-bottom:8px}
footer.foot button{background:none;border:0;color:var(--muted);padding:3px 0;cursor:pointer;display:block;text-align:start;font-size:12px}
footer.foot button:hover{color:var(--fg);text-decoration:underline}
footer.foot .copy{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px}
@media (max-width:720px){footer.foot .wrap{grid-template-columns:1fr 1fr}footer.foot .contact{grid-column:1/-1}}

/* products page */
.page-head{padding-block:34px 6px}
.page-head h1{font-size:clamp(30px,4.6vw,48px);font-weight:600}
.crumbs{font-size:12px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.crumbs button{background:none;border:0;padding:0;color:var(--muted);cursor:pointer;font-size:12px}
.crumbs button:hover{color:var(--fg);text-decoration:underline}
.shop{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start;padding-block:18px 24px}
.filters{display:flex;flex-direction:column;gap:22px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 72px)}
.filters h4{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-size:13px;font-weight:600}
.input,.select,textarea.input{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 14px;min-height:46px;font-size:16px}
.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}
.input.err{border-color:var(--danger)}
.err-msg{color:var(--danger);font-size:13px}
.chips{display:flex;flex-direction:column;gap:2px}
.chip{border:0;background:none;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:14px;text-align:start;color:var(--fg)}
.chip:hover{background:var(--alt)}
.chip.on{background:var(--alt);font-weight:600}
.check{display:flex;gap:10px;align-items:center;font-size:14px;cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--accent)}
.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}
.toolbar .count{color:var(--muted);font-size:14px}
.toolbar .select{width:auto;min-width:190px;min-height:40px;padding-block:7px;font-size:14px}
.empty{background:var(--alt);border-radius:var(--r);padding:48px 20px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}
.empty p{color:var(--muted)}
.filter-toggle{display:none}
@media (max-width:820px){.shop{grid-template-columns:minmax(0,1fr)}.filters{position:static;display:none;background:var(--alt);border-radius:var(--r);padding:18px}.filters.open{display:flex}.chips{flex-direction:row;flex-wrap:wrap}.chip{background:var(--surface)}.filter-toggle{display:inline-flex}}

/* product detail */
.pd{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px;padding-block:14px 30px;align-items:start}
.gallery{display:flex;flex-direction:column;gap:12px;min-width:0;position:sticky;top:calc(env(safe-area-inset-top,0px) + 72px)}
.gallery .main{background:var(--alt);border-radius:var(--r);aspect-ratio:1/1;max-width:100%;display:grid;place-items:center}
.gallery .main svg{width:70%;height:70%}
.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.thumbs button{background:var(--alt);border:2px solid transparent;border-radius:var(--r-sm);aspect-ratio:1/1;max-width:100%;cursor:pointer;display:grid;place-items:center;padding:0}
.thumbs button.on{border-color:var(--accent)}
.thumbs svg{width:70%;height:70%}
.pd-info{display:flex;flex-direction:column;gap:22px;min-width:0}
.pd-info h1{font-size:clamp(30px,4vw,44px);font-weight:600}
.pd-info .desc{color:var(--muted);max-width:52ch}
.pd-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:17px}
.pd-price .now{font-size:21px;font-weight:600}
.pd-price .was{color:var(--muted);text-decoration:line-through}
.opt-group{display:flex;flex-direction:column;gap:10px}
.opt-group > span{font-size:17px;font-weight:600}
.opt-group > span em{font-style:normal;color:var(--muted);font-weight:400}
.swatches{display:flex;gap:12px;flex-wrap:wrap}
.swatch{width:30px;height:30px;border-radius:50%;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);cursor:pointer;padding:0;outline-offset:3px}
.swatch.on{outline:2px solid var(--accent)}
.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.opt{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:14px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:start}
.opt b{font-size:17px;font-weight:600}
.opt small{color:var(--muted);font-size:12px}
.opt.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:980px;overflow:hidden;background:var(--surface)}
.qty button{width:40px;height:40px;border:0;background:transparent;cursor:pointer;font-size:18px;color:var(--accent)}
.qty button:hover{background:var(--alt)}
.qty button[disabled]{opacity:.3;cursor:not-allowed}
.qty span{min-width:30px;text-align:center;font-weight:600}
.buy-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.buy-row .btn-accent{flex:1;min-width:200px;padding-block:13px;font-size:17px}
.info-list{background:var(--alt);border-radius:var(--r);padding:6px 18px;display:flex;flex-direction:column}
.info-list > div{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.info-list > div:last-child{border-bottom:0}
.info-list .ic{flex:none;color:var(--accent)}
.info-list b{display:block;font-size:15px}
.info-list p{color:var(--muted);font-size:14px}
.specs{width:100%;border-collapse:collapse;font-size:15px}
.specs th,.specs td{text-align:start;padding:11px 0;border-bottom:1px solid var(--line);vertical-align:top}
.specs th{color:var(--muted);font-weight:400;width:42%}
@media (max-width:820px){.pd{grid-template-columns:minmax(0,1fr);gap:22px}.gallery{position:static}}

/* cart / checkout */
.two-col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start;padding-block:16px 30px}
@media (max-width:880px){.two-col{grid-template-columns:minmax(0,1fr)}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;min-width:0}
.panel h3{font-size:19px;margin-bottom:16px}
.line{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}
.line:last-child{border-bottom:0}
.line .thumb{background:var(--alt);border-radius:var(--r-sm);aspect-ratio:1/1;display:grid;place-items:center;border:0;padding:0;cursor:pointer;max-width:100%}
.line .thumb svg{width:80%;height:80%}
.line .meta{min-width:0;display:flex;flex-direction:column;gap:3px}
.line .meta b{font-size:19px;font-weight:600;cursor:pointer}
.line .meta small{color:var(--muted);font-size:14px}
.line .end{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.line .end > b{font-size:19px;font-weight:600}
.line .qty button{width:34px;height:34px}
@media (max-width:540px){.line{grid-template-columns:72px minmax(0,1fr)}.line .end{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}}
.sum{display:flex;flex-direction:column;gap:10px;font-size:15px}
.sum .row{display:flex;justify-content:space-between;gap:12px}
.sum .row span:first-child{color:var(--muted)}
.sum .row.disc span:last-child{color:var(--ok)}
.sum .total{border-top:1px solid var(--line);padding-top:14px;margin-top:4px;font-weight:600;font-size:19px}
.sum .total span:first-child{color:var(--fg)}
.sum .note{font-size:13px;color:var(--muted)}
.sticky-side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 72px);display:flex;flex-direction:column;gap:14px}
@media (max-width:880px){.sticky-side{position:static}}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-grid .full{grid-column:1/-1}
@media (max-width:560px){.form-grid{grid-template-columns:minmax(0,1fr)}}
.pay-opt{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r-sm);padding:16px;cursor:pointer}
.pay-opt.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.pay-opt.off{opacity:.55;cursor:not-allowed}
/* v798 — pay by card (DAFA) */
.pay-opt.pay-card.dfo{opacity:1;cursor:pointer}
.prt{display:grid;place-items:center;min-height:62vh;padding:28px 0}
.prt-c{width:min(460px,100%);text-align:center;padding:28px 22px;border:1px solid var(--line);border-radius:24px;background:var(--surface,#fff);box-shadow:0 10px 40px rgba(10,15,30,.07)}
.prt-i{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 12px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#7C3AED,#2563EB)}
.prt-c.bad .prt-i{background:linear-gradient(135deg,#DC2626,#F97316)}.prt-c.wait .prt-i{background:var(--line)}
.prt-c h1{margin:0 0 6px;font-size:22px}.prt-c>p{margin:0 0 16px;color:var(--muted);line-height:1.8}
.prt-amt{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--accent) 7%,transparent);margin-bottom:16px}
.prt-amt small{color:var(--muted)}.prt-amt b{font-size:26px}.prt-amt span{font-size:13px;color:var(--muted)}
.prt-acts{display:flex;flex-direction:column;gap:8px}.prt-acts .btn{width:100%;justify-content:center}
.prt-s{display:block;margin-top:12px;color:var(--muted);font-size:12px}
.prt-spin{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.4);border-top-color:var(--accent);animation:prtspin .8s linear infinite}
@keyframes prtspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.prt-spin{animation:none}}

.pay-opt input{margin-top:4px;accent-color:var(--accent);width:18px;height:18px}
.pay-opt b{display:block}
.pay-opt small{color:var(--muted);font-size:13px}
.mini{display:flex;gap:10px;align-items:center;font-size:14px;padding:8px 0}
.mini .t{width:48px;height:48px;flex:none;background:var(--alt);border-radius:10px;display:grid;place-items:center}
.mini .t svg{width:80%;height:80%}
.mini .n{flex:1;min-width:0}
.mini .n small{display:block;color:var(--muted);font-size:12px}

/* success */
.success{max-width:600px;margin:48px auto 0;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center}
.success h1{font-size:clamp(30px,4vw,40px)}
.success .tick{width:72px;height:72px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center}
.receipt{width:100%;text-align:start}
.receipt .row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.receipt .row:last-child{border-bottom:0}
.receipt .row span:first-child{color:var(--muted)}
.order-id{font-size:21px;font-weight:600;direction:ltr;letter-spacing:.5px}
.demo-note{font-size:13px;color:var(--muted);background:var(--alt);padding:8px 14px;border-radius:10px}

/* modal + toast */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:grid;place-items:center;padding:16px}
.modal{background:var(--surface);border-radius:var(--r);max-width:420px;width:100%;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-h)}
.modal h3{font-size:19px}
.modal p{color:var(--muted);font-size:15px}
.modal .acts{display:flex;gap:10px;justify-content:flex-end;margin-top:6px;flex-wrap:wrap}
.toasts{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:120;display:flex;flex-direction:column;gap:8px;width:max-content;max-width:calc(100% - 32px);align-items:center}
.toast{background:color-mix(in srgb,var(--fg) 92%,transparent);color:var(--bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:11px 18px;border-radius:980px;font-size:14px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow-h);animation:tin .22s ease-out}
.toast.err{background:var(--danger);color:#fff}
.toast .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}
.toast.err .dot{background:#fff}
@keyframes tin{from{transform:translateY(8px);opacity:.4}to{transform:none;opacity:1}}

#adminRoot{font-size:15px;line-height:1.55}
.side .logo,.login-card .logo{color:var(--band-fg)}
.login-card .logo{color:var(--fg)}
.side .logo-mark{background:var(--band-fg);color:var(--band)}
.side .logo-text span{color:var(--band-muted)}
#adminRoot .btn{border-radius:10px}
#adminRoot .btn-line{border-color:var(--line);color:var(--fg)}
#adminRoot .btn-line:hover{background:var(--alt);color:var(--fg)}
#adminRoot .btn-ghost{color:var(--muted)}
#adminRoot .btn-ghost:hover{color:var(--danger);text-decoration:none}
#adminRoot .input{font-size:15px;min-height:44px;padding:9px 12px}
#adminRoot .cat .ic{width:48px;height:48px}
#adminRoot .swatch{width:32px;height:32px}
#adminRoot .panel h3{font-size:17px}
#adminRoot h1{line-height:1.3}
/* ===== Admin ===== */
:root{--info:#0066CC;--info-soft:#E8F2FD}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--info:#86A9F2;--info-soft:#18233D}}
:root[data-theme="dark"]{--info:#86A9F2;--info-soft:#18233D}
.pill.info{background:var(--info-soft);color:var(--info)}
.logo-mark{overflow:hidden}
.logo-mark img{width:100%;height:100%;object-fit:cover}
.media img,.gallery .main img,.thumbs img,.line .thumb img,.mini .t img,.hero-stage img{width:78%;height:78%;object-fit:contain;position:relative}
.offer img{width:140px;height:140px;object-fit:contain}
.is-admin > .demo,.is-admin > header.top,.is-admin > main,.is-admin > footer.foot{display:none}
#root:not(.is-admin) > #adminRoot{display:none}

.login-wrap{min-height:100vh;display:grid;place-items:center;padding-block:32px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:var(--band)}
.login-card{background:var(--surface);border-radius:18px;max-width:400px;width:100%;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}
.login-card .logo{color:var(--fg);cursor:default}
.hint{background:var(--tile);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.7}
.hint b{font-family:ui-monospace,Menlo,Consolas,monospace;unicode-bidi:isolate}
.form-err{background:var(--danger-soft);color:var(--danger);border-radius:10px;padding:10px 12px;font-size:14px}

.adm{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.side{background:var(--band);color:var(--band-fg);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;overflow:auto;padding:18px 12px;padding-top:calc(18px + env(safe-area-inset-top,0px))}
.side .logo{padding:4px 8px 18px}
.side nav{display:flex;flex-direction:column;gap:2px}
.side nav button,.side .foot-l button{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--band-muted);padding:10px 12px;border-radius:10px;cursor:pointer;text-align:start;font-weight:500;width:100%}
.side nav button:hover,.side .foot-l button:hover{background:rgba(255,255,255,.06);color:var(--band-fg)}
.side nav button.on{background:rgba(41,151,255,.18);color:var(--band-fg)}
.side nav button.on svg{color:var(--accent)}
.side .cnt{margin-inline-start:auto;background:var(--accent);color:var(--accent-ink);border-radius:999px;font-size:12px;font-weight:700;padding:0 8px;line-height:1.7}
.side .foot-l{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;display:flex;flex-direction:column;gap:2px}
.side-scrim{display:none}
.adm-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding-block:12px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.adm-top h1{font-size:19px}
.adm-menu{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;place-items:center;flex:none}
.adm-user{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--warn);display:grid;place-items:center;font-weight:700;font-family:var(--f-display);flex:none}
.adm-user .who{line-height:1.35;font-size:14px}
.adm-user .who small{display:block;color:var(--muted);font-size:12px}
.adm-body{padding-block:22px 48px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:18px;min-width:0}
.adm-demo{font-size:13px;color:var(--warn);background:var(--warn-soft);border-radius:10px;padding:8px 12px}
@media (max-width:960px){
 .adm{grid-template-columns:minmax(0,1fr)}
 .side{position:fixed;inset-block:0;inset-inline-start:0;width:264px;height:auto;z-index:80;transform:translateX(100%);transition:transform .2s}
 .adm.side-open .side{transform:none}
 .adm.side-open .side-scrim{display:block;position:fixed;inset:0;background:rgba(5,9,16,.5);z-index:70}
 .adm-menu{display:grid}
}
@media (max-width:560px){.adm-user .who{display:none}.adm-top h1{font-size:17px}}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:2px;min-width:0}
.stat > span{color:var(--muted);font-size:13px}
.stat b{font-family:var(--f-display);font-size:24px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.stat small{color:var(--muted);font-size:12px}
.stat.info b{color:var(--info)}.stat.ok b{color:var(--ok)}.stat.bad b{color:var(--danger)}.stat.warn b{color:var(--warn)}
@media (max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:900px){.charts{grid-template-columns:minmax(0,1fr)}}
.panel-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.panel-h h3{margin:0;font-size:16px}
.panel-h small{color:var(--muted);font-size:12px}
.chart{width:100%;height:auto;direction:ltr;display:block}
.c-bar{fill:var(--accent);opacity:.5}.c-bar.last{opacity:1}
.c-grid{stroke:var(--line);stroke-width:1}
.c-txt{fill:var(--muted);font-size:11px;font-family:var(--f-body)}
.bars{display:flex;flex-direction:column;gap:12px}
.bars .r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;font-size:14px}
.bars .r > span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bars .track{grid-column:1/-1;height:8px;background:var(--tile);border-radius:4px;overflow:hidden}
.bars .fill{height:100%;background:var(--accent);border-radius:4px}
.muted-empty{color:var(--muted);font-size:14px;padding:20px 0;text-align:center}

.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.tbl table{width:100%;border-collapse:collapse;min-width:860px;font-size:14px}
.tbl.compact table{min-width:560px}
.tbl th{text-align:start;font-weight:600;color:var(--muted);font-size:12.5px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--tile);white-space:nowrap}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr.click{cursor:pointer}
.tbl tbody tr.click:hover{background:var(--tile)}
.tbl td small{display:block;color:var(--muted);font-size:12px}
.tbl .acts-cell{display:flex;gap:6px;justify-content:flex-end}
.fbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.fbar .field{flex:1 1 150px}
.fbar .field.grow{flex:2 1 260px}
.count-line{color:var(--muted);font-size:14px;margin-block:-6px -6px}
.page-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}

.modal.wide{max-width:840px;max-height:calc(100vh - 32px);overflow:auto;gap:16px}
.m-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.m-head small{color:var(--muted);font-size:13px;display:block}
.icon-x{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:20px;line-height:1;flex:none}
.m-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:620px){.m-grid{grid-template-columns:minmax(0,1fr)}}
.m-box{border:1px solid var(--line);border-radius:var(--r-sm);padding:14px;display:flex;flex-direction:column;gap:6px;font-size:14px;min-width:0}
.m-box h4{font-size:14px;margin-bottom:2px}
.kv{display:flex;justify-content:space-between;gap:10px;align-items:center}
.kv > span:first-child{color:var(--muted);flex:none}
.kv > :last-child{text-align:end;min-width:0;overflow-wrap:anywhere}
.hist{display:flex;flex-direction:column;border-inline-start:2px solid var(--line);margin-inline-start:6px}
.hist > div{position:relative;padding:2px 18px 14px;font-size:14px}
.hist > div::before{content:"";position:absolute;inset-inline-start:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}
.hist small{display:block;color:var(--muted);font-size:12px}
.alert{display:flex;gap:12px;align-items:center;border-radius:var(--r-sm);padding:12px 14px;font-size:14px;flex-wrap:wrap}
.alert > div{flex:1 1 220px}
.alert.warn{background:var(--warn-soft)}.alert.info{background:var(--info-soft)}.alert.bad{background:var(--danger-soft)}
.alert b{display:block}
.thumb-sm{width:44px;height:44px;border-radius:8px;background:var(--tile);display:grid;place-items:center;flex:none;overflow:hidden}
.thumb-sm svg,.thumb-sm img{width:85%;height:85%;object-fit:contain}
.prod-cell{display:flex;gap:10px;align-items:center;min-width:0}
.img-prev{width:96px;height:96px;border-radius:12px;background:var(--tile);display:grid;place-items:center;overflow:hidden;flex:none}
.img-prev img,.img-prev svg{width:85%;height:85%;object-fit:contain}
.color-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px}
.color-row input[type=color]{width:48px;height:44px;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--surface)}
.toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer}
.toggle small{display:block;color:var(--muted);font-size:12px}
.toggle input{width:20px;height:20px;accent-color:var(--accent);flex:none}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
@media (max-width:1000px){.settings-grid{grid-template-columns:minmax(0,1fr)}}
.panel .acts{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-wrap:wrap}
.city-fees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.city-fees label{font-size:13px;color:var(--muted)}
@media (max-width:460px){.city-fees{grid-template-columns:minmax(0,1fr)}}
.gw{border:1px dashed var(--line);border-radius:10px;padding:12px;font-size:14px;display:flex;flex-direction:column;gap:4px}
.gw small{color:var(--muted)}
.act-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.act-list .item{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px;align-items:center}
.act-list .item:last-child{border-bottom:0}
.act-list .t{color:var(--muted);font-size:12.5px}
.act-list .by{color:var(--muted);font-size:12px;display:block}
@media (max-width:620px){.act-list .item{grid-template-columns:minmax(0,1fr)}}
bdi.num,.pill,.tbl td b.num,.tbl .num{white-space:nowrap}
.tbl td:last-child{width:1%}
.cat-ic{width:40px;height:40px;border-radius:12px;background:var(--cs);color:var(--cc);display:grid;place-items:center;flex:none}
.cat-edit{display:flex;flex-direction:column;gap:16px}
.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}
.ic-pick{height:48px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--muted)}
.ic-pick:hover{color:var(--cc);border-color:var(--cc)}
.ic-pick.on{background:var(--cs);color:var(--cc);border-color:var(--cc);box-shadow:inset 0 0 0 1px var(--cc)}
.danger-zone{border-color:var(--danger)}
.danger-zone p{font-size:14px}
.fx-card{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--accent-soft);border-color:transparent}
.fx-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.fx-label{font-size:13px;color:var(--muted)}
.fx-main b{font-size:24px;font-weight:600;color:var(--accent)}
.fx-main small{color:var(--muted);font-size:12.5px}
.fx-input{display:flex;align-items:center;gap:10px;font-weight:600}
.fx-input .input{flex:1;font-size:20px;font-weight:600;text-align:center}
.fx-formula{background:var(--alt);border-radius:10px;padding:10px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;margin-bottom:10px;text-align:center}
.calc-box{background:var(--alt);border-radius:10px;padding:12px 14px;font-size:14px;display:flex;flex-direction:column;gap:6px;margin-top:10px}
.calc-box > b{font-size:22px;color:var(--accent)}
.calc-box small{color:var(--muted)}
.price-box{border:1px solid var(--line);border-radius:12px;padding:14px}
.price-box h4{font-size:14px;margin-bottom:10px}
.price-box h4 small{color:var(--muted);font-weight:400}
.input.ro{background:var(--alt);display:flex;align-items:center;color:var(--muted)}
.fx-confirm{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;color:var(--fg)}
.fx-confirm > span{display:flex;gap:8px;flex-wrap:wrap}
.tbl.fit table{min-width:0}
.tbl.fit td,.tbl.fit th{padding-inline:10px}
.gw-status{display:flex;flex-direction:column;gap:12px}
.gw-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.gw-head > div{display:flex;flex-direction:column;gap:2px}
.gw-head b{font-size:24px;letter-spacing:.04em}
.gw-head small{color:var(--muted);font-size:13px}
.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.checklist li{display:flex;gap:10px;align-items:baseline}
.checklist li > span{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;flex:none;background:var(--alt);color:var(--muted)}
.checklist li.ok > span{background:var(--ok-soft);color:var(--ok)}
.checklist li.no > span{background:var(--danger-soft);color:var(--danger)}
.checklist small{color:var(--muted)}
.env-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:620px){.env-switch{grid-template-columns:minmax(0,1fr)}}
.env-box.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.env-box h3 small{font-size:12px;color:var(--muted);font-weight:400}
.copy-row{display:flex;gap:8px;align-items:center;min-width:0}
.copy-row code{flex:1;min-width:0;background:var(--alt);border-radius:8px;padding:9px 10px;font-size:13px;overflow-x:auto;white-space:nowrap}
.env-pre{background:var(--alt);border-radius:10px;padding:12px;font-size:12.5px;overflow-x:auto;margin:0 0 8px;white-space:pre;text-align:left}
@media (max-width:960px){#root[dir=ltr] .adm .side{transform:translateX(-100%)}#root[dir=ltr] .adm.side-open .side{transform:none}}
.adm-lang{flex:none}
@media (max-width:560px){.adm-lang span{display:none}}
.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-bottom:6px}
.gal-item{position:relative;aspect-ratio:1/1;max-width:100%;background:var(--alt);border-radius:12px;overflow:hidden;border:2px solid transparent}
.gal-item.main{border-color:var(--accent)}
.gal-item img{width:100%;height:100%;object-fit:contain}
.gal-tag{position:absolute;bottom:4px;inset-inline-start:4px;background:var(--accent);color:var(--accent-ink);font-size:11px;padding:1px 7px;border-radius:999px}
.gal-btn{position:absolute;top:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;font-size:14px;line-height:1;display:grid;place-items:center}
.gal-x{inset-inline-end:4px}.gal-star{inset-inline-start:4px}
.gal-btn:hover{background:rgba(0,0,0,.8)}
.gal-add{aspect-ratio:1/1;border:2px dashed var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--muted);font-size:13px}
.gal-add:hover{border-color:var(--accent);color:var(--accent)}
.links-box{display:flex;flex-direction:column;gap:10px;background:var(--alt);border-radius:12px;padding:12px}
.link-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.link-color{display:flex;align-items:center;gap:8px;min-width:110px;font-size:14px;font-weight:600}
.link-color .dot{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.link-thumbs{display:flex;gap:6px;flex-wrap:wrap}
.link-thumbs button{width:48px;height:48px;border-radius:10px;border:2px solid transparent;background:var(--surface);padding:2px;cursor:pointer}
.link-thumbs button.on{border-color:var(--accent)}
.link-thumbs img{width:100%;height:100%;object-fit:contain}
.thumbs.many{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}
.thumbs img{width:86%;height:86%;object-fit:contain}
.gallery .main img{width:84%;height:84%;object-fit:contain}
#root.is-admin{background:var(--bg);min-height:100vh;color:var(--fg)}
.adm-main{zoom:var(--adm-zoom,1)}
#root.adm-still *{transition:none!important;animation:none!important}
.fx-pill{border:0;background:color-mix(in srgb,#F59E0B 22%,var(--surface));color:var(--fg);border-radius:999px;padding:6px 14px;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.fx-pill b{color:#B45309}
@media (max-width:700px){.adm-user .fx-pill{display:inline-flex;gap:4px;padding:5px 11px!important;font-size:12.5px!important;min-height:32px}.fx-pill span:not(.num){display:none}}
.set-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}
.set-nav{display:flex;flex-direction:column;gap:18px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 84px);border-inline-end:1px solid var(--line);padding-inline-end:16px}
.set-group{display:flex;flex-direction:column;gap:4px}
.set-glabel{font-size:12px;color:var(--muted);font-weight:600;padding:0 10px 4px}
.set-item{display:flex;align-items:center;gap:12px;background:none;border:0;border-radius:14px;padding:10px 12px;cursor:pointer;text-align:start;color:var(--fg);position:relative}
.set-item:hover{background:var(--alt)}
.set-item.on{background:var(--surface);box-shadow:0 2px 12px rgba(0,0,0,.08)}
.set-item.on::after{content:"";position:absolute;inset-block:12px;inset-inline-end:-17px;width:3px;border-radius:3px;background:var(--accent)}
.set-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--alt);color:var(--muted);flex:none}
.set-item.on .set-ic{background:var(--accent);color:var(--accent-ink)}
.set-item.on b{color:var(--accent)}
.set-txt{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.set-txt b{font-size:14.5px;font-weight:600}
.set-txt small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.set-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.set-banner{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:22px 24px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--b1),var(--b2));box-shadow:0 10px 30px color-mix(in srgb,var(--b1) 30%,transparent)}
.set-banner::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;inset-inline-end:-70px;top:-110px;background:rgba(255,255,255,.12)}
.set-bic{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none}
.set-btxt{flex:1 1 170px;min-width:0}
.set-btxt h2{font-size:21px;font-weight:700;color:#fff}
.set-btxt p{font-size:14px;opacity:.9;margin-top:2px}
.set-crumb{position:relative;z-index:1;font-size:12.5px;background:rgba(255,255,255,.18);border-radius:999px;padding:5px 12px;display:inline-flex;gap:6px;align-items:center}
.set-body{display:flex;flex-direction:column;gap:16px}
.set-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}
.set-card .acts{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}
.set-sec{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-inline-start:3px solid var(--accent);padding-inline-start:10px;margin-bottom:16px}
.set-sec-t{font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:6px}
.set-sec small{color:var(--muted);font-size:13px}
.set-note{font-size:13px;color:var(--muted);margin-top:12px}
.th-h{font-size:14px;margin:18px 0 10px}
.th-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.th-opt{display:flex;align-items:center;gap:10px;width:100%;background:var(--alt);border:1.5px solid transparent;border-radius:14px;padding:11px 14px;cursor:pointer;font-size:14px;color:var(--fg);text-align:start}
.th-opt:hover{border-color:var(--line)}
.th-opt.on{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.th-sw{width:22px;height:22px;border-radius:7px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.th-check{margin-inline-start:auto;width:22px;height:22px;border-radius:7px;background:var(--accent);color:#fff;display:grid;place-items:center}
.seg{display:inline-flex;background:var(--alt);border-radius:12px;padding:4px;gap:4px}
.seg button{border:0;background:none;border-radius:9px;padding:8px 18px;cursor:pointer;color:var(--fg);font-size:14px}
.seg button.on{background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.12);font-weight:600;color:var(--accent)}
@media (max-width:1000px){.set-layout{grid-template-columns:minmax(0,1fr)}.set-nav{position:static;border:0;padding:0;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.set-group{flex-direction:row;gap:6px}.set-glabel{display:none}.set-item{flex:none;padding:8px 10px}.set-txt small{display:none}.set-item.on::after{display:none}}
@media (max-width:560px){.adm-user > .btn{display:none}.th-grid{grid-template-columns:minmax(0,1fr)}.set-banner{padding:18px}}
.pe-sec{display:none}.pe-sec.on{display:block}
.pe .price-box{border:0;padding:0}
.pe-bar{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:0 6px 24px rgba(0,0,0,.08);z-index:5}
.pe-hint{margin-inline-end:auto;font-size:12.5px;color:var(--muted)}
@media (max-width:560px){.pe-hint{display:none}.pe-bar .btn{flex:1}}
.cv-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start}
.cv-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.cv-headline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cv-headline b{display:block;font-size:16px}.cv-headline small{color:var(--muted);font-size:12.5px}
.cv-list{display:flex;flex-direction:column;gap:8px}
.cv-empty{border:1.5px dashed var(--line);border-radius:14px;padding:22px 16px;text-align:center;color:var(--muted);font-size:14px}
.cv-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .2s,box-shadow .2s,opacity .2s}
.cv-card.sel{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.cv-card.dragging{opacity:.45}.cv-card.drop{border-style:dashed;border-color:var(--accent)}
.cv-row{display:flex;align-items:center;gap:10px;padding:10px 12px}
.cv-grip{color:var(--muted);cursor:grab;display:flex;padding:4px 0;flex:none;touch-action:none}.cv-grip:active{cursor:grabbing}
.cv-grip svg{fill:currentColor;stroke:none}
.cv-swcol{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}
.cv-sw{width:40px;height:40px;border-radius:50%;position:relative;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 3px var(--surface),0 0 0 4px var(--line);display:block}
.cv-sw:hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 3px var(--surface),0 0 0 4px var(--accent)}
.cv-sw input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}
.cv-hex{width:68px;border:0;background:transparent;font:500 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);text-align:center;padding:2px;border-radius:6px}
.cv-hex:focus{outline:0;background:var(--alt);color:var(--fg)}.cv-hex.err{color:var(--danger,#d70015)}
.cv-names{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;min-width:0}
.cv-names .input{min-width:0}
.cv-slot{width:52px;height:52px;flex:none;border-radius:12px;border:1.5px dashed var(--line);background:var(--alt);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:11px;cursor:pointer;overflow:hidden;padding:0;font-family:inherit}
.cv-slot:hover{border-color:var(--accent);color:var(--accent)}
.cv-slot.has{border:1px solid var(--line);background:#fff}.cv-slot img{width:100%;height:100%;object-fit:contain}
.cv-tools{display:flex;align-items:center;gap:4px;flex:none}
.cv-badge{font-size:11px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:980px;padding:3px 9px;margin-inline-end:4px;white-space:nowrap}
.cv-tb{width:30px;height:30px;border-radius:8px;border:0;background:transparent;color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.cv-tb:hover:not(:disabled){background:var(--alt)}.cv-tb:disabled{opacity:.28;cursor:default}
.cv-tb.del{color:var(--danger,#d70015)}.cv-tb.del:hover{background:color-mix(in srgb,var(--danger,#d70015) 10%,transparent)}
.cv-picker{border-top:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb,var(--alt) 60%,transparent);border-radius:0 0 14px 14px}
.cv-picker-h b{display:block;font-size:14px}.cv-picker-h small{color:var(--muted);font-size:12px}
.cv-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.cv-thumbs>button{position:relative;aspect-ratio:1;border-radius:10px;border:2px solid transparent;background:#fff;padding:0;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.cv-thumbs>button img{width:100%;height:100%;object-fit:contain}
.cv-thumbs>button.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.cv-thumbs>button.on::after{content:'✓';position:absolute;top:4px;inset-inline-end:4px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}
.cv-used{position:absolute;bottom:4px;inset-inline-start:4px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.12)}
.cv-thumbs>.cv-upl{background:transparent;border:1.5px dashed var(--line);box-shadow:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-family:inherit}
.cv-thumbs>.cv-upl:hover{border-color:var(--accent);color:var(--accent)}
.cv-picker-f{display:flex;justify-content:flex-end;gap:8px}
.cv-presets{display:flex;flex-direction:column;gap:8px}
.cv-lbl{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.01em}
.cv-chips{display:flex;flex-wrap:wrap;gap:6px}
.cv-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:980px;padding:5px 12px 5px 6px;font:inherit;font-size:13px;cursor:pointer;transition:border-color .2s,background .2s}
[dir=rtl] .cv-chip{padding:5px 6px 5px 12px}
.cv-chip:hover:not(:disabled){border-color:var(--accent)}
.cv-chip:disabled{cursor:default}.cv-chip.used{background:var(--alt);color:var(--muted)}
.cv-chip.used svg{color:var(--accent)}
.cv-dot{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);flex:none}
.cv-preview{position:sticky;top:12px;display:flex;flex-direction:column;gap:8px}
.cv-pv{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:10px}
.cv-pv-media{position:relative;aspect-ratio:1;border-radius:12px;background:#F5F5F7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cv-pv-media img{width:100%;height:100%;object-fit:contain}.cv-pv-media svg{width:80%;height:80%}
.cv-pv-flag{position:absolute;bottom:8px;inset-inline:8px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;border-radius:8px;padding:4px 8px;text-align:center}
.cv-pv-label{font-size:13px;color:var(--muted)}.cv-pv-label b{color:var(--fg)}.cv-pv-label span{color:var(--fg)}
.cv-pv-dots{display:flex;flex-wrap:wrap;gap:10px}
.cv-pv-dot{width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 0 0 2px var(--surface),0 0 0 3px transparent;transition:box-shadow .2s}
.cv-pv-dot.on{box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 0 0 2px var(--surface),0 0 0 4px var(--accent)}
.cv-pv-note{margin:0;font-size:12px;color:var(--muted);line-height:1.5}
@media (max-width:1440px){.cv-layout{grid-template-columns:1fr}.cv-preview{position:static;order:-1}.cv-pv{flex-direction:row;align-items:center;flex-wrap:wrap}.cv-pv-media{width:110px;flex:none}.cv-pv-label,.cv-pv-dots,.cv-pv-note{flex:1 1 140px}}
@media (max-width:560px){.cv-row{flex-wrap:wrap;gap:8px 10px}.cv-names{order:5;flex-basis:100%;grid-template-columns:1fr}.cv-tools{margin-inline-start:auto}.cv-slot{width:46px;height:46px}}
#invHost:empty{display:none}
body.inv-open{overflow:hidden}
.inv-wrap{position:fixed;inset:0;z-index:300;background:rgba(15,23,42,.7);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.inv-bar{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;padding:12px 18px;background:#0F172A;color:#fff;flex-wrap:wrap}
.inv-bar b{font-size:15px}.inv-acts{display:flex;gap:8px;flex-wrap:wrap}.inv-acts .btn{display:inline-flex;align-items:center;gap:6px}
.inv-bar .btn-line{color:#fff;border-color:rgba(255,255,255,.28);background:transparent}.inv-bar .btn-line:hover{background:rgba(255,255,255,.1);color:#fff}
.inv-scroll{flex:1;overflow:auto;padding:26px 16px 44px}
.acts-inline{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
/* الجوال: الفاتورة تُعرض بحجم A4 الحقيقي وتُصغَّر لتلائم الشاشة */
@media (max-width:840px){
 .inv-bar{padding:10px 12px;gap:8px}
 .inv-bar b{font-size:13.5px;width:100%}
 .inv-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}
 .inv-acts .btn{font-size:11.5px!important;padding:7px 4px!important;min-height:34px;justify-content:center;gap:4px!important;white-space:nowrap}
 .inv-acts .btn svg{width:14px;height:14px}
 .inv-scroll{padding:12px 8px 30px}
 #invHost .inv-page{width:794px!important;max-width:none!important;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
 #invHost .inv-page.rcpt{width:302px!important}
}
@media print{@page{size:A4;margin:8mm}
 body.inv-open>*:not(#invHost){display:none!important}
 body.inv-open{overflow:visible;background:#fff!important}
 body.inv-open .inv-wrap{position:static;background:none;display:block;-webkit-backdrop-filter:none;backdrop-filter:none}
 body.inv-open .inv-scroll{overflow:visible;padding:0}
 body.inv-open .inv-page{width:100%;aspect-ratio:auto;min-height:calc(297mm - 16mm);box-shadow:none;border-radius:0;break-inside:avoid}
 body.inv-open .inv-bar{display:none}}

/* product detail — compact modern sizing */
.pd{grid-template-columns:minmax(0,520px) minmax(0,480px);justify-content:center;gap:48px;padding-block:10px 24px}
.gallery .main{border-radius:22px;max-width:520px;width:100%}
.thumbs,.thumbs.many{grid-template-columns:repeat(auto-fit,84px);gap:10px;justify-content:center}
.thumbs button{border-radius:14px;width:84px}
.pd-info{gap:16px}
.pd-info h1{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.01em}
.pd-info .eyebrow{font-size:12.5px!important}
.pd-info .desc{font-size:15px;line-height:1.55}
.pd-price .now{font-size:24px}
.opt-group{gap:8px}.opt-group > span{font-size:14.5px}
.swatch{width:26px;height:26px}
.opts{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.opt{padding:10px 12px;border-radius:12px}.opt b{font-size:15px}
.qty button{width:36px;height:36px}
.buy-row .btn-accent{padding-block:11px;font-size:15.5px;min-width:180px}
.info-list{padding:2px 16px;border-radius:16px}.info-list > div{padding:11px 0;gap:12px}.info-list b{font-size:14px}.info-list p{font-size:13px}.info-list .ic svg{width:19px;height:19px}
.pd-info h3{font-size:17px!important}.specs{font-size:13.5px}.specs th,.specs td{padding:8px 0}
.rec .section-head{align-items:flex-end;margin-bottom:18px}.rec .section-head h2{font-size:clamp(22px,2.6vw,30px)}
.rec-sub{color:var(--muted);font-size:15px;margin-top:4px}
.rec-nav{display:flex;gap:8px}.rec-nav .icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);display:grid;place-items:center;cursor:pointer}
.rec-nav .icon-btn:hover{border-color:var(--accent);color:var(--accent)}
[dir=rtl] .rec-nav svg{transform:scaleX(-1)}
.rec{margin-top:40px;border-top:1px solid var(--line);padding-top:48px!important}
.rec-row>.card .media svg{width:66%;height:66%}.rec-row>.card .body{padding:2px 14px 8px}.rec-row>.card h3{font-size:16px}.rec-row>.card .price{font-size:14px}.rec-row>.card .actions{padding:4px 14px 14px}.rec-row>.card .btn-sm{font-size:13px;padding:6px 12px}
.rec-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*16px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 4px 18px;margin:-6px -4px 0}
.rec-row::-webkit-scrollbar{display:none}
.rec-row>.card{scroll-snap-align:start}
@media (max-width:1000px){.pd{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.rec-row{grid-auto-columns:calc((100% - 2*16px)/3)}}
@media (max-width:820px){.pd{grid-template-columns:minmax(0,1fr);gap:20px}.gallery .main{max-width:440px;margin-inline:auto}.thumbs,.thumbs.many{justify-content:center}.rec-row{grid-auto-columns:52%}.buy-row .btn-accent{min-width:0;font-size:14px;padding-inline:14px;white-space:nowrap}}
@media (max-width:820px){.filters,.filters.open{display:flex;background:none;padding:0;border-radius:0}.filters h4{display:none}.filters .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-inline:-16px;padding-inline:16px}.filters .chips::-webkit-scrollbar{display:none}.filters .chip{flex:none;background:var(--alt)}.filters .chip.on{background:var(--fg);color:var(--bg)}}
/* category nav — Apple chapternav style */
.shop.shop-v2{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:0}
.cat-bar{display:flex;justify-content:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px 0 18px;border-bottom:1px solid var(--line);margin-bottom:14px}
.cat-bar::-webkit-scrollbar{display:none}
.cat-pill{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:92px;padding:8px 10px 2px;border:0;background:none;color:var(--muted);font:inherit;cursor:pointer;transition:color .2s}
.cp-ic{width:46px;height:46px;display:grid;place-items:center;color:var(--cc);opacity:.85;transition:opacity .2s,transform .25s}
.cp-fb svg{width:30px;height:30px;stroke-width:1.5}
.cp-n{font-size:12px;font-weight:400;letter-spacing:-.01em;white-space:nowrap;padding-bottom:6px;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}
.cp-k{display:none}
.cat-pill:hover{color:var(--fg)}.cat-pill:hover .cp-ic{opacity:1;transform:translateY(-2px)}
.cat-pill.on{color:var(--fg)}.cat-pill.on .cp-ic{opacity:1}.cat-pill.on .cp-n{font-weight:600;border-bottom-color:var(--fg)}
.cat-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}
@media (max-width:820px){.cat-bar{justify-content:flex-start;margin-inline:-16px;padding-inline:12px}.cat-pill{min-width:78px;padding-inline:6px}.cp-ic{width:40px;height:40px}.cp-ic svg{width:30px;height:30px}}
/* story tiles */
.story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.story-tile{background:var(--alt);border-radius:28px;padding:34px 30px 32px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .3s}
.story-tile::after{content:"";position:absolute;inset-inline-end:-60px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:var(--cc);opacity:.07}
.story-tile:hover{transform:translateY(-3px)}
.st-ic{color:var(--cc);margin-bottom:10px}.st-ic svg{stroke-width:1.5}
.st-k{font-size:14px;font-weight:600;color:var(--cc)}
.story-tile h3{font-size:clamp(22px,2.2vw,27px);font-weight:600;line-height:1.18;color:var(--fg)}
.story-tile p{color:var(--muted);font-size:15.5px;line-height:1.65;position:relative;z-index:1}
@media (max-width:900px){.story{grid-template-columns:minmax(0,1fr)}.story-tile{padding:28px 24px}}
/* legal page */
.legal{max-width:760px;padding-bottom:56px}
.legal-lead{font-size:clamp(18px,2vw,21px);line-height:1.55;color:var(--fg);margin:14px 0 30px}
.legal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}
.legal-list>li{display:flex;gap:18px;padding:24px 0;border-top:1px solid var(--line)}
.lg-n{flex:none;width:34px;height:34px;border-radius:50%;background:var(--alt);display:grid;place-items:center;font-weight:600;font-size:15px;color:var(--accent)}
.legal-list h2{font-size:20px;font-weight:600;margin-bottom:6px}
.legal-list p{color:var(--muted);font-size:16px;line-height:1.65}
.legal-list ul{margin:10px 0 0;padding-inline-start:20px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.legal-contact{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.legal-contact span{display:inline-flex;align-items:center;gap:8px;background:var(--alt);border-radius:999px;padding:8px 16px;font-size:15px;color:var(--fg)}
.legal-contact svg{color:var(--accent)}
.legal-upd{margin-top:26px;color:var(--muted);font-size:13px}
.legal-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.legal-opt{background:var(--alt);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:6px}
.lo-ic{color:var(--accent);margin-bottom:4px}.legal-opt b{font-size:17px;font-weight:600}.legal-opt p{font-size:15px}
.legal-addr{font-style:normal;display:flex;gap:14px;align-items:flex-start;background:var(--alt);border-radius:20px;padding:18px 20px;margin-top:12px;max-width:340px}
.legal-addr svg{color:var(--accent);flex:none;margin-top:2px}.legal-addr div{display:flex;flex-direction:column;line-height:1.6}.legal-addr b{font-weight:600}.legal-addr span{color:var(--muted)}
.legal-more{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.legal-more button{background:none;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;color:var(--accent);cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.legal-more button:hover{border-color:var(--accent)}
@media (max-width:640px){.legal-opts{grid-template-columns:minmax(0,1fr)}.legal-list>li{gap:12px}}
/* stock & status section */
.stk{display:flex;flex-direction:column;gap:14px}
.stk-now{display:flex;align-items:center;gap:12px;background:var(--alt);border-radius:14px;padding:12px 14px}
.stk-now small{display:block;color:var(--muted);font-size:12px}.stk-now b{font-size:15px}
.stk-dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff}
.stk-dot.ok{background:var(--ok)}.stk-dot.warn{background:var(--warn)}.stk-dot.off{background:var(--muted)}
.stk-blk{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}
.stk-h b{display:block;font-size:15px}.stk-h small{color:var(--muted);font-size:13px}
.stk-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.stk-opt{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:14px;padding:12px;cursor:pointer;transition:border-color .2s,background .2s}
.stk-opt input{position:absolute;opacity:0;pointer-events:none}
.stk-opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.stk-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.so-ic{width:38px;height:38px;border-radius:10px;background:var(--alt);display:grid;place-items:center;color:var(--muted);flex:none}
.stk-opt:has(input:checked) .so-ic{background:var(--accent);color:#fff}
.so-t b{display:block;font-size:14.5px}.so-t small{color:var(--muted);font-size:12.5px;line-height:1.45}
.stk-qty{display:flex;flex-direction:column;gap:6px}.stk-qty[hidden]{display:none}.stk-qty label{font-size:13px;font-weight:600}
.stk-step{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;width:max-content}
.stk-step .input{width:110px;border:0!important;border-radius:0;text-align:center;font-size:17px!important;font-weight:600;box-shadow:none!important}
.stk-b{width:44px;height:44px;border:0;background:var(--alt);font-size:20px;color:var(--accent);cursor:pointer}.stk-b:hover{background:var(--accent-soft)}
.stk-hint{font-size:12.5px;color:var(--muted);min-height:1em}.stk-hint.warn{color:var(--warn)}.stk-hint.bad{color:var(--danger)}
.stk-seg{display:inline-flex;background:var(--alt);border-radius:12px;padding:4px;gap:4px;width:max-content}
.stk-seg button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:9px;padding:9px 18px;font:inherit;font-size:14px;color:var(--muted);cursor:pointer}
.stk-seg button.on{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.stk-tg{border:0;padding:0}.stk-tg b{display:block;font-size:15px}.stk-tg small{display:block;color:var(--muted);font-size:13px;font-weight:400}
@media (max-width:600px){.stk-opts{grid-template-columns:minmax(0,1fr)}}
/* store display section */
.dsp{display:flex;flex-direction:column;gap:12px}
.dsp-row{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;transition:border-color .2s,background .2s}
.dsp-row:has(input:checked){border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.dsp-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}
.dsp-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dsp-txt>b{font-size:15.5px}.dsp-txt>small{color:var(--muted);font-size:13px}
.dsp-prev{margin-top:10px;display:flex;align-items:center;gap:10px;background:var(--alt);border-radius:12px;padding:10px 12px;width:max-content;max-width:100%;font-size:13px;transition:opacity .2s}
.dsp-row:not(:has(input:checked)) .dsp-prev{opacity:.4;filter:grayscale(1)}
.dsp-prev b{display:block;font-size:13px}.dsp-prev small{color:var(--muted);font-size:12px}
.dp-ic{color:var(--accent);display:flex}
.dp-chip{display:inline-flex;align-items:center;gap:5px;background:var(--warn-soft);color:var(--warn);border-radius:999px;padding:3px 10px;font-weight:600;font-size:12px}
.dp-n{font-weight:700;font-size:14px}
.sw{position:relative;flex:none;width:46px;height:28px;margin-top:8px}
.sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.sw i{position:absolute;inset:0;border-radius:999px;background:var(--line);transition:background .2s}
.sw i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.sw input:checked+i{background:var(--ok)}
.sw input:checked+i::after{transform:translateX(18px)}
[dir=rtl] .sw input:checked+i::after{transform:translateX(-18px)}
.sw input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
.dsp-war.is-on{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.dsp-war{cursor:default}.dsp-war:not(.is-on) .dsp-edit{opacity:.55}
.dsp-war:not(.is-on) .dsp-prev{opacity:.4;filter:grayscale(1)}
.dsp-edit{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.dsp-edit .field label{font-size:12.5px}
.dsp-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--muted)}
.dsp-sug{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 11px;font:inherit;font-size:12.5px;color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.dsp-sug:hover{border-color:var(--accent);color:var(--accent)}.dsp-sug.reset{color:var(--muted)}
@media (max-width:640px){.dsp-edit{grid-template-columns:1fr}}
/* basic info section */
.bi{display:flex;flex-direction:column;gap:14px}
.bi-note{display:flex;gap:10px;align-items:flex-start;background:var(--accent-soft);color:var(--fg);border-radius:14px;padding:12px 14px;font-size:13.5px}
.bi-note svg{color:var(--accent);flex:none;margin-top:1px}.bi-note b{font-weight:600}
.bi-blk{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}
.bi-h b{display:block;font-size:15px}.bi-h small{color:var(--muted);font-size:13px}
.bi-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bi-pair .field{position:relative}
.bi-pair label{display:flex;align-items:center;gap:7px;font-size:13px}
.bi-lang{display:inline-grid;place-items:center;min-width:24px;height:20px;padding:0 5px;border-radius:6px;background:var(--alt);color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.03em}
.bi-pair textarea{resize:vertical;min-height:104px;line-height:1.55}
.bi-cnt{align-self:flex-end;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;min-height:1em}.bi-cnt.near{color:var(--warn)}
.bi-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.bi-cat{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 10px;font:inherit;font-size:14px;color:var(--fg);cursor:pointer;text-align:start;transition:border-color .2s,background .2s}
.bi-cat:hover{border-color:var(--cc)}
.bc-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--cs);color:var(--cc);flex:none}
.bi-cat.on{border-color:var(--cc);background:var(--cs);font-weight:600}
.bi-cat.on .bc-ic{background:var(--cc);color:#fff}
.bi-brand{display:flex;flex-direction:column;gap:10px}.bi-brand .input{max-width:360px}
.bi-chips{display:flex;flex-wrap:wrap;gap:6px}
.bi-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;color:var(--fg);cursor:pointer}
.bi-chip:hover{border-color:var(--accent)}.bi-chip.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
@media (max-width:700px){.bi-pair{grid-template-columns:minmax(0,1fr)}}
.pd-brand{display:inline-flex;align-items:center;gap:8px;margin-top:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:5px 12px 5px 10px;font:inherit;font-size:13px;font-weight:600;letter-spacing:.01em;box-shadow:0 2px 10px rgba(0,0,0,.05);cursor:default}
.pd-brand svg{color:var(--accent)}
#app .crumbs{display:none}
.back-wrap{padding-top:18px}
.back-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.back-btn:hover{background:var(--alt);border-color:var(--fg)}.back-btn:active{transform:scale(.94)}
[dir=ltr] .back-btn svg{transform:scaleX(-1)}
.back-wrap+.wrap .page-head,.back-wrap+div .page-head{padding-top:12px}
.swipe-back{position:fixed;top:50%;inset-inline-start:10px;z-index:200;width:46px;height:46px;border-radius:50%;background:var(--surface);color:var(--fg);box-shadow:0 6px 20px rgba(0,0,0,.18);display:grid;place-items:center;transform:translateY(-50%) scale(calc(.6 + var(--p,0)*.4));opacity:calc(var(--p,0));pointer-events:none;transition:background .15s,color .15s}
.swipe-back.ready{background:var(--accent);color:#fff}
[dir=ltr] .swipe-back svg{transform:scaleX(-1)}
/* settings v3 */
.set-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:var(--surface);color:var(--muted)}
.set-search input{border:0;background:none;outline:0;font:inherit;font-size:14px;color:var(--fg);padding:10px 0;width:100%;min-width:0}
.set-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.set-item[hidden],.set-group[hidden]{display:none!important}
.soc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.soc-f{display:flex;gap:10px;align-items:flex-end}.soc-f .field{flex:1;min-width:0}
.soc-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff;background:var(--c)}
.ann-tones{display:flex;gap:8px;flex-wrap:wrap}
.ann-tone{width:52px;height:38px;border-radius:10px;border:2px solid transparent;font:inherit;font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.ann-tone.on{border-color:var(--fg);box-shadow:0 0 0 2px var(--surface) inset}
.ann-prev-l{font-size:12px;font-weight:600;color:var(--muted);margin:16px 0 6px}
#anPrev{border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.ann-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:500;text-align:center;line-height:1.4}
.ann-bar.has-link{cursor:pointer}.ann-bar.has-link:hover span:first-child{text-decoration:underline}
.ann-bar.empty{background:var(--alt);color:var(--muted)}
[dir=ltr] .ann-go svg{transform:scaleX(-1)}
.or-next{border:1px dashed var(--line);border-radius:12px;padding:10px 14px;font-weight:700;font-size:16px;background:var(--alt);text-align:start}
.maint-on{border-color:var(--warn)!important;box-shadow:0 0 0 3px var(--warn-soft)}
.bk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bk-stats>div{background:var(--alt);border-radius:12px;padding:12px;text-align:center}.bk-stats b{display:block;font-size:22px}.bk-stats small{color:var(--muted);font-size:12px}
.bk-warn{margin-top:14px;border:1px solid var(--danger);background:var(--danger-soft);border-radius:14px;padding:14px}.bk-warn p{font-size:13.5px;margin:4px 0 10px}
.btn-danger{background:var(--danger);color:#fff;border:0}
#waFloat{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-end:20px;z-index:90;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(37,211,102,.4);transition:transform .2s}
#waFloat:hover{transform:scale(1.07)}
.soc-foot{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.soc-foot a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--fg);border:1px solid var(--line);transition:background .2s,color .2s,border-color .2s}
.soc-foot a:hover{background:var(--c);color:#fff;border-color:var(--c)}
#root.maint header.top,#root.maint .demo,#root.maint #foot{display:none}
.maint-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--alt)}
.mp-card{max-width:440px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--surface);border-radius:28px;padding:40px 28px;box-shadow:var(--shadow)}
.mp-ic{width:72px;height:72px;border-radius:22px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.mp-card h1{font-size:30px}.mp-card p{color:var(--muted)}.mp-c{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px}
.mp-adm{margin-top:14px;background:none;border:0;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline}
.del-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pick-addr{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--muted)}.pick-addr svg{color:var(--accent);flex:none}
.min-note{margin-top:12px;font-size:13px;color:var(--warn);background:var(--warn-soft);border-radius:10px;padding:10px 12px}
@media (max-width:700px){.soc-grid,.del-opts{grid-template-columns:minmax(0,1fr)}.bk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#waFloat{width:50px;height:50px;bottom:16px;inset-inline-end:16px}}
/* capacities */
.cap{display:flex;flex-direction:column;gap:14px}
.cap-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.cap-top b{display:block;font-size:16px}.cap-top small{color:var(--muted);font-size:13px;max-width:52ch;display:block}
.cap-list{display:flex;flex-direction:column;gap:8px}
.cap-row{display:grid;grid-template-columns:28px minmax(0,1.1fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.3fr) auto;gap:10px;align-items:end;border:1px solid var(--line);border-radius:14px;padding:12px}
.cap-row:first-child{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 3%,var(--surface))}
.cap-n{width:28px;height:28px;border-radius:50%;background:var(--alt);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}
.cap-row label{font-size:12.5px}.cap-opt{color:var(--muted);font-weight:400}
.cap-base{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 8px;margin-inline-start:4px}
.cap-pin{position:relative}.cap-pin .input{padding-right:44px;padding-left:12px}.cap-pin span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;pointer-events:none}
.cap-tools{display:flex;gap:2px;margin-bottom:6px}
.cap-add{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cap-q{display:flex;gap:6px;flex-wrap:wrap}
.cap-prev-l{font-size:12px;font-weight:600;color:var(--muted);margin-top:4px}
.cap-prev{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;background:var(--alt);border-radius:14px;padding:12px}
.cap-pc{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px}
.cap-pc.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.cap-pc b{font-size:15px}.cap-pc b span,.opt-r{color:var(--muted);font-weight:500}.opt-r{font-size:13px}.opt b{white-space:nowrap}.opts{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cap-pc small{font-size:12px;color:var(--muted)}
.cap-note{display:flex;gap:10px;align-items:flex-start;background:var(--accent-soft);border-radius:12px;padding:12px 14px;font-size:13.5px;margin-bottom:14px}.cap-note svg{color:var(--accent);flex:none}
@media (max-width:760px){.cap-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr)}.cap-row .cap-pf{grid-column:2/-1}.cap-tools{grid-column:1/-1;justify-content:flex-end;margin:0}.cap-n{margin:0}}
/* realistic category visuals */
.cat-bar .cp-ic,.cg-img-prev .cp-ic{width:76px;height:60px;opacity:1;color:inherit;display:flex;align-items:flex-end;justify-content:center}
.cp-ic img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.cp-ic>svg{width:auto;height:100%;max-width:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.cat-pill .cp-ic{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.cat-pill:hover .cp-ic{transform:translateY(-3px) scale(1.04)}
.cat-pill .cp-n{font-size:12.5px}
.cp-fb{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:var(--cc);background:var(--alt)}
.cp-stack{position:relative;width:76px;height:60px;display:block}
.cps{position:absolute;bottom:0;height:48px;width:40px;display:flex;align-items:flex-end;justify-content:center}
.cps img,.cps svg{max-width:100%;max-height:100%;height:auto;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.14))}
.cps0{inset-inline-start:18px;height:60px;width:40px;z-index:2}.cps1{inset-inline-start:-2px;z-index:1;opacity:.95}.cps2{inset-inline-end:-2px;z-index:1;opacity:.95}
.cg-img{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cg-img-prev{width:110px;height:84px;border-radius:14px;background:var(--alt);display:grid;place-items:center}
.cg-img-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:1;min-width:200px}.cg-img-acts small{flex-basis:100%;color:var(--muted);font-size:12px}
@media (max-width:820px){.cat-bar .cp-ic{width:64px;height:50px}.cp-stack{width:64px;height:50px}.cps{height:40px;width:34px}.cps0{height:50px;inset-inline-start:15px}}
.ri{display:block;flex:none}
.cat .ic{background:none!important;width:80px;height:80px;border-radius:0}.cat .ic .ri{width:68px;height:68px}#adminRoot .cat .ic{width:60px;height:60px}#adminRoot .cat .ic .ri{width:52px;height:52px}.cp-fb{background:none}.cat .ic img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.14))}
.bi-cat.on .bc-ic{background:var(--cs);color:var(--cc)}
.ic-pick .ri{width:36px;height:36px}.ic-pick{padding:4px;color:var(--cc)!important}
.cat-ic .ri{width:30px;height:30px}
/* telegram */
.tg-head{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}.tg-head>div{flex:1;min-width:200px}.tg-head b{display:block;font-size:16px}.tg-head small{color:var(--muted);font-size:13px}
.tg-logo{width:44px;height:44px;border-radius:50%;background:#229ED9;color:#fff;display:grid;place-items:center;flex:none}
.tg-opts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.tg-ol{font-size:12.5px;font-weight:600;color:var(--muted);margin-inline-end:4px}
.tg-chk{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.tg-chk input{accent-color:#229ED9}
.tg-prev-l{font-size:12px;font-weight:600;color:var(--muted);margin:16px 0 6px}
.tg-prev{background:linear-gradient(135deg,#D7E8D0,#B9D5C6);border-radius:16px;padding:18px}
.tg-bub{background:#fff;color:#111;border-radius:14px 14px 14px 4px;padding:10px 14px;max-width:380px;white-space:pre-wrap;font-size:14px;line-height:1.6;box-shadow:0 1px 2px rgba(0,0,0,.15);direction:rtl;text-align:right}
.tg-steps{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.6}.tg-steps b{font-weight:600}
/* hero slider */
.hero-slider{position:relative;padding-bottom:58px}.hero-slider .hero-stage svg,.hero-slider .hero-stage img{margin-bottom:0}
.hs-track{display:grid}
.hs-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s .7s}
.hs-slide.on{opacity:1;visibility:visible;transition:opacity .7s ease}
.hs-slide .hero-stage{transform:translateY(18px) scale(.97);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.hs-slide.on .hero-stage{transform:none}
.hs-slide h1,.hs-slide h2,.hs-slide .from,.hs-slide .eyebrow{transition:transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(8px)}
.hs-slide.on h1,.hs-slide.on h2,.hs-slide.on .from,.hs-slide.on .eyebrow{transform:none}
.hs-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--fg);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.08);opacity:0;transition:opacity .25s;z-index:2}
.hero-slider:hover .hs-arrow,.hs-arrow:focus-visible{opacity:1}
.hs-arrow.prev{inset-inline-start:24px}.hs-arrow.next{inset-inline-end:24px}
[dir=ltr] .hs-arrow svg{transform:scaleX(-1)}
.hs-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:color-mix(in srgb,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:6px 10px;z-index:2}
.hs-dots button{border:0;background:none;padding:4px;cursor:pointer;display:grid;place-items:center}
.hs-dots i{display:block;width:7px;height:7px;border-radius:999px;background:var(--muted);opacity:.45;transition:width .35s,opacity .35s,background .35s}
.hs-dots button.on i{width:22px;opacity:1;background:var(--fg)}
@media (max-width:820px){.hs-arrow{display:none}.hs-dots{bottom:12px}.hero-slider{padding-bottom:50px}}
@media (prefers-reduced-motion:reduce){.hs-slide,.hs-slide *{transition:none!important}}
/* sticky buy bar */
.buy-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .35s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}
.buy-bar.show{transform:none}
.bb-in{display:flex;align-items:center;gap:12px;padding-block:10px}
.bb-t{width:44px;height:44px;border-radius:10px;background:var(--alt);display:grid;place-items:center;flex:none;overflow:hidden}.bb-t svg,.bb-t img{width:80%;height:80%;object-fit:contain}
.bb-m{flex:1;min-width:0}.bb-m b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-m small{display:block;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb-p{font-size:16px;white-space:nowrap}.bb-pm{display:none}
.buy-bar .btn{white-space:nowrap}
/* mobile tab bar */
.tab-bar{display:none}
@media (max-width:820px){
 body.has-tabbar{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
 .tab-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:85;justify-content:space-around;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
 .tb-i{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;color:var(--muted);font:inherit;font-size:10.5px;padding:4px 0;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}
 .tb-i.on{color:var(--accent);font-weight:600}.tb-i:active .tb-ic{transform:scale(.88)}
 .tb-ic{position:relative;display:grid;place-items:center;transition:transform .15s}
 .tb-b{position:absolute;top:-5px;inset-inline-end:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid var(--surface)}
 .tb-wa{color:#1DA851}
 body.has-tabbar .buy-bar{bottom:var(--tbh,calc(62px + env(safe-area-inset-bottom,0px)));padding-bottom:0}
 body.has-tabbar #waFloat{display:none}
 body.has-tabbar .toasts{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .bb-m small,.bb-p{display:none}.bb-pm{display:block!important;font-size:13px;font-weight:600;color:var(--accent)}
}
/* bento */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;gap:16px}
.bn{position:relative;border-radius:26px;overflow:hidden;cursor:pointer;display:flex;padding:26px;background:var(--alt);color:var(--fg);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;isolation:isolate}
.bn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.1)}.bn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.bn-txt{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;max-width:60%}
.bn-k{font-size:13px;font-weight:600;color:var(--cc,var(--accent))}
.bn h3{font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.15}
.bn p{font-size:14px;color:var(--muted);line-height:1.5}
.bn-price{font-size:14.5px;margin-top:4px}.bn-price s{color:var(--muted);font-size:13px}
.bn-go{font-size:14px;color:var(--accent);font-weight:500;display:inline-flex;gap:4px;align-items:center}
.bn-img{position:absolute;inset-inline-end:-4%;bottom:-6%;width:52%;height:88%;display:flex;align-items:flex-end;justify-content:center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bn:hover .bn-img{transform:scale(1.05) translateY(-4px)}
.bn-img svg,.bn-img img{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.18))}
.bn-big{grid-column:span 2;grid-row:span 2;background:#0A0A0C;color:#F5F5F7;padding:36px}
.bn-big .bn-k{color:#FF9F45}.bn-big h3{font-size:clamp(30px,3.4vw,44px)}.bn-big p{color:#A1A1A6;font-size:16px}.bn-big .bn-price{color:#E5E5EA;font-size:16px}
.bn-big .bn-img{width:58%;height:78%;inset-inline-end:-2%;bottom:-4%}
.bn-big::before{content:"";position:absolute;inset:auto -20% -40% 20%;height:80%;background:radial-gradient(closest-side,rgba(64,156,255,.35),transparent);z-index:-1}
.bn-btns{display:flex;gap:14px;align-items:center;margin-top:12px}.bn-big .bn-go{color:#4DA3FF}
.bn-deal{grid-column:span 2;background:linear-gradient(135deg,#FFF1E0,#FFE1EC)}.bn-deal .bn-k{color:#D9480F}.bn-deal h3{color:#C2410C}
.bn-cat{background:var(--cs)}.bn-cat h3{font-size:20px}
.bn-sq .bn-txt{max-width:100%}.bn-sq .bn-img{width:62%;height:62%;inset-inline-end:-6%;bottom:-6%}
.bn-wide{grid-column:span 2}
.bn-info{grid-column:span 2;background:linear-gradient(135deg,#0058C4,#2F8BFF);color:#fff}.bn-info .bn-k{color:#BFDBFE}.bn-info .bn-txt{max-width:100%}
.bn-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14.5px}.bn-list li{display:flex;gap:10px;align-items:center}
@media (max-width:1000px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}.bn-big{grid-row:span 2}}
@media (max-width:560px){.bento{gap:12px;grid-auto-rows:180px}.bn{padding:18px;border-radius:22px}.bn-big{grid-column:span 2;padding:24px}.bn-deal,.bn-wide,.bn-info{grid-column:span 2}.bn-sq h3{font-size:17px}.bn p{display:none}.bn-big{grid-row:span 2}.bn-big .bn-txt{max-width:100%}.bn-big p{display:none}.bn-big .bn-img{width:44%;height:50%;inset-inline-end:4%;bottom:-3%}.bn-big .bn-btns{margin-top:8px}}
/* cart drawer */
.cart-drawer{position:fixed;inset:0;z-index:150;pointer-events:none}
.cart-drawer.open{pointer-events:auto}
.cd-scrim{position:absolute;inset:0;background:rgba(0,0,0,.32);opacity:0;transition:opacity .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.cart-drawer.open .cd-scrim{opacity:1}
.cd-panel{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(420px,100%);background:var(--surface);display:flex;flex-direction:column;box-shadow:0 0 40px rgba(0,0,0,.18);transform:translateX(-105%);transition:transform .38s cubic-bezier(.2,.8,.2,1)}
[dir=ltr] .cd-panel{transform:translateX(105%)}
.cart-drawer.open .cd-panel{transform:none}
.cd-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.cd-head b{display:block;font-size:20px;font-weight:600}.cd-head small{color:var(--muted);font-size:13px}
.cd-x{width:36px;height:36px;border-radius:50%;border:0;background:var(--alt);font-size:22px;line-height:1;cursor:pointer;color:var(--fg)}
.cd-added{display:flex;align-items:center;gap:8px;margin:12px 20px 0;padding:10px 12px;border-radius:12px;background:var(--ok-soft);color:var(--ok);font-size:14px;font-weight:600}
.cd-body{flex:1;overflow:auto;padding:8px 20px}
.cd-line{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);position:relative}
.cd-line.just{animation:cdPulse 1.2s ease}
@keyframes cdPulse{0%{background:var(--accent-soft)}100%{background:transparent}}
.cd-thumb{width:68px;height:68px;border-radius:14px;background:var(--alt);border:0;padding:0;display:grid;place-items:center;flex:none;cursor:pointer;overflow:hidden}.cd-thumb svg,.cd-thumb img{width:78%;height:78%;object-fit:contain}
.cd-meta{flex:1;min-width:0}.cd-meta>b{display:block;font-size:15px}.cd-meta>small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.cd-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}
.cd-q button{width:32px;height:32px}.cd-q span{min-width:26px}.cd-p{font-size:15px}
.cd-rm{border:0;background:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:8px}.cd-rm:hover{color:var(--danger);background:var(--danger-soft)}
.cd-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:60px 10px;color:var(--muted)}.cd-empty b{color:var(--fg);font-size:17px}
.cd-foot{border-top:1px solid var(--line);padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.cd-sum{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}.cd-sum b{font-size:19px}
.cd-free small{color:var(--muted);font-size:12.5px;display:flex;gap:6px;align-items:center}.cd-free.ok small{color:var(--ok)}
.cd-bar{height:6px;border-radius:999px;background:var(--alt);overflow:hidden;margin-bottom:6px}.cd-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#4DA3FF);border-radius:999px;transition:width .4s}
body.cd-lock{overflow:hidden}
@media (max-width:560px){.cd-panel{width:100%}}
/* scroll reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.8,.2,1) var(--rvd,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--rvd,0ms)}
.rv.rv-in{opacity:1;transform:none}
/* skeleton */
.sk{position:relative;overflow:hidden}
.sk::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%),var(--alt);background-size:200% 100%,100% 100%;animation:skShine 1.2s linear infinite;border-radius:inherit;pointer-events:none}
@keyframes skShine{from{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}
.sk-img{opacity:0}
img{transition:opacity .4s}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.sk::after{animation:none}}
/* brand strip */
.bd-sec{padding-bottom:20px}
.bd-viewport{overflow:hidden;padding:6px 0 14px}
.bd-viewport:not(.moving) .bd-track{justify-content:center;flex-wrap:wrap;padding-inline:16px}
.bd-viewport.moving{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.bd-track{display:flex;gap:14px;width:max-content}
.bd-dup{display:contents}
.moving .bd-track{animation:bdScroll var(--bd-dur,30s) linear infinite}
.moving:hover .bd-track,.moving:focus-within .bd-track{animation-play-state:paused}
@keyframes bdScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
[dir=rtl] .moving .bd-track{animation-name:bdScrollR}
@keyframes bdScrollR{from{transform:translateX(0)}to{transform:translateX(calc(50% + 7px))}}
.bd-item{flex:none;width:170px;height:104px;border-radius:22px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:inherit;color:var(--fg);transition:transform .25s,box-shadow .25s,border-color .25s}
.bd-item:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.08);border-color:transparent}
.bd-logo{height:40px;display:flex;align-items:center;justify-content:center;max-width:130px}
.bd-logo img{max-height:40px;max-width:130px;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .25s,opacity .25s}
.bd-item:hover .bd-logo img{filter:none;opacity:1}
.bd-word{font-size:22px;font-weight:700;letter-spacing:-.02em;direction:ltr}
.bd-item small{font-size:12px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.moving .bd-track{animation:none}.bd-viewport.moving{overflow-x:auto}}
@media (max-width:560px){.bd-item{width:132px;height:90px;border-radius:18px}.bd-word{font-size:18px}}
.h1-sub{color:var(--muted);font-weight:500;font-size:.6em}
.brand-clear{display:inline-flex;align-items:center;gap:6px;margin-top:10px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font:inherit;font-size:14px;cursor:pointer;color:var(--fg)}
.brand-clear:hover{border-color:var(--danger);color:var(--danger)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pd-brand{cursor:pointer!important}.pd-brand:hover{border-color:var(--accent)}
.bd-admin{display:flex;flex-direction:column;gap:8px}
.bd-arow{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;flex-wrap:wrap}
.bd-alogo{width:96px;height:48px;border-radius:10px;background:var(--alt);display:grid;place-items:center;flex:none}.bd-alogo img{max-width:80px;max-height:36px;object-fit:contain}.bd-alogo .bd-word{font-size:15px}
.bd-ainfo{flex:1;min-width:120px}.bd-ainfo b{display:block}.bd-ainfo small{color:var(--muted);font-size:12px}
/* smart search */
.search-ov{position:fixed;inset:0;z-index:160;pointer-events:none}
.search-ov.open{pointer-events:auto}
.sr-scrim{position:absolute;inset:0;background:rgba(0,0,0,.3);opacity:0;transition:opacity .25s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.search-ov.open .sr-scrim{opacity:1}
.sr-panel{position:absolute;top:0;left:0;right:0;background:var(--surface);max-height:86vh;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,.15);transform:translateY(-12px);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s;border-radius:0 0 24px 24px;padding-top:env(safe-area-inset-top,0px)}
.search-ov.open .sr-panel{transform:none;opacity:1}
.sr-bar{display:flex;align-items:center;gap:12px;padding-block:18px;border-bottom:1px solid var(--line);max-width:760px}
.sr-ic{color:var(--muted);display:flex}
#srInput{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:clamp(20px,2.4vw,26px);font-weight:500;color:var(--fg)}
#srInput::-webkit-search-cancel-button{display:none}
.sr-x{border:0;background:none;color:var(--accent);font:inherit;font-size:15px;cursor:pointer;padding:6px}
.sr-res{overflow:auto;padding-block:16px 26px;max-width:760px;display:flex;flex-direction:column;gap:18px}
.sr-sec{display:flex;flex-direction:column;gap:10px}
.sr-h{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;color:var(--muted)}.sr-h button{border:0;background:none;color:var(--accent);font:inherit;font-size:13px;cursor:pointer;display:inline-flex;gap:4px;align-items:center}
.sr-chips{display:flex;flex-wrap:wrap;gap:8px}
.sr-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;color:var(--fg);cursor:pointer}
.sr-chip svg{color:var(--muted)}.sr-chip:hover{border-color:var(--accent);color:var(--accent)}.sr-chip.cat{background:var(--accent-soft);border-color:transparent;color:var(--accent);font-weight:600}
.sr-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.sr-link{display:flex;align-items:center;gap:10px;border:0;background:none;padding:8px 10px;border-radius:12px;font:inherit;font-size:15px;color:var(--fg);cursor:pointer;text-align:start;color:var(--fg)}
.sr-link:hover{background:var(--alt)}.sr-link .chev{margin-inline-start:auto;color:var(--muted)}
.sr-li{width:38px;height:38px;display:grid;place-items:center;color:var(--cc)}
.sr-list{display:flex;flex-direction:column}
.sr-item{display:flex;align-items:center;gap:14px;border:0;background:none;padding:10px;border-radius:14px;font:inherit;color:var(--fg);cursor:pointer;text-align:start}
.sr-item:hover,.sr-item.on{background:var(--alt)}
.sr-th{width:52px;height:52px;border-radius:12px;background:var(--alt);display:grid;place-items:center;flex:none;overflow:hidden}.sr-item:hover .sr-th,.sr-item.on .sr-th{background:var(--surface)}.sr-th svg,.sr-th img{width:80%;height:80%;object-fit:contain}
.sr-tx{flex:1;min-width:0}.sr-tx b{display:block;font-size:15.5px;font-weight:500}.sr-tx b mark{background:none;color:var(--accent);font-weight:700}.sr-tx small{display:block;color:var(--muted);font-size:12.5px}
.sr-pr{font-size:14.5px;font-weight:600;white-space:nowrap}.sr-pr .out{color:var(--danger);font-weight:500}
.sr-none{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:28px 10px;color:var(--muted)}.sr-none b{color:var(--fg);font-size:17px}
body.sr-lock{overflow:hidden}
@media (max-width:640px){.sr-panel{max-height:100vh;height:100%;border-radius:0}.sr-bar{padding-block:12px}.sr-links{grid-template-columns:1fr}}
/* ask on whatsapp */
.ask-wa{display:flex;align-items:center;gap:12px;margin-top:12px;border:1.5px solid #25D366;border-radius:14px;padding:11px 14px;text-decoration:none;color:var(--fg);transition:background .2s}
.ask-wa svg{color:#1DA851;flex:none}.ask-wa b{display:block;font-size:15px}.ask-wa small{display:block;font-size:12.5px;color:var(--muted)}
.ask-wa:hover{background:color-mix(in srgb,#25D366 8%,transparent)}
@media (max-width:430px){header.top .wrap{gap:8px}.top-actions{gap:2px}.top-actions .icon-btn{width:34px;height:34px}.lang-btn{padding:4px 9px}}
/* bag page */
.bag{padding-bottom:40px}
.bag-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-block:34px 18px;border-bottom:1px solid var(--line)}
.bag-head h1{font-size:clamp(28px,3.6vw,40px);font-weight:600}.bag-head p{color:var(--muted);margin-top:6px}
.bag-top-cta{padding:12px 28px;font-size:16px}
.bag-free{margin:18px 0 4px;background:var(--alt);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.bag-free .bf-t{display:flex;gap:10px;align-items:center;font-size:14.5px}.bag-free .bf-t svg{color:var(--accent);flex:none}
.bag-free.ok{background:var(--ok-soft)}.bag-free.ok .bf-t,.bag-free.ok svg{color:var(--ok)}.bag-free.ok .cd-bar i{background:var(--ok)}
.bag-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start;margin-top:14px}
.bag-lh{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:var(--muted);font-size:14px}.bag-lh b{color:var(--fg);font-weight:600}
.bag-line{display:flex;gap:22px;padding:26px 0;border-top:1px solid var(--line)}
.bl-img{width:150px;height:150px;flex:none;border-radius:20px;background:var(--alt);border:0;padding:0;display:grid;place-items:center;cursor:pointer;overflow:hidden}.bl-img svg,.bl-img img{width:76%;height:76%;object-fit:contain}
.bl-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.bl-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.bl-name h3{font-size:21px;font-weight:600;cursor:pointer}.bl-name h3:hover{color:var(--accent)}
.bl-name p{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-top:4px}
.bl-dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);display:inline-block}.bl-sep{opacity:.5}
.bl-price{text-align:end;flex:none}.bl-price b{display:block;font-size:19px;font-weight:600}.bl-price small{display:block;font-size:12.5px;color:var(--muted)}.bl-was{text-decoration:line-through}
.bl-info{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--muted)}
.bl-info li{display:flex;align-items:center;gap:8px}.bl-info svg{color:var(--fg);opacity:.6;flex:none}.bl-info li.warn{color:var(--warn)}.bl-info li.warn svg{color:var(--warn);opacity:1}
.bl-acts{display:flex;align-items:center;gap:18px;margin-top:2px}
.bl-rm{border:0;background:none;color:var(--accent);font:inherit;font-size:14px;cursor:pointer;padding:4px 0}.bl-rm:hover{text-decoration:underline}
.bag-cont{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--accent);font:inherit;font-size:15px;cursor:pointer;padding:18px 0;border-top:1px solid var(--line);width:100%}
[dir=ltr] .bag-cont svg{transform:scaleX(-1)}
.bag-sum{position:sticky;top:calc(env(safe-area-inset-top,0px) + 76px);display:flex;flex-direction:column;gap:12px}
.bs-card{background:var(--alt);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:14px}
.bs-card h2{font-size:22px;font-weight:600}
.bs-card .sum .row.total{font-size:20px}
.bs-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding-block:14px;font-size:16.5px}
.bs-trust{list-style:none;margin:4px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.bs-trust li{display:flex;gap:12px;align-items:flex-start}.bs-trust svg{color:var(--accent);flex:none;margin-top:2px}.bs-trust b{display:block;font-size:14px}.bs-trust small{display:block;color:var(--muted);font-size:12.5px}
.bs-help{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px 16px;text-decoration:none;color:var(--fg)}.bs-help svg{color:#1DA851;flex:none}.bs-help b{display:block;font-size:14.5px}.bs-help small{display:block;color:var(--muted);font-size:12.5px}.bs-help:hover{border-color:#25D366}
.bag-recs{padding-top:40px}
.bag-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:60px 16px 30px}
.be-ic{width:96px;height:96px;border-radius:50%;background:var(--alt);display:grid;place-items:center;color:var(--muted);margin-bottom:8px}
.bag-empty h1{font-size:clamp(28px,4vw,40px)}.bag-empty p{color:var(--muted)}.be-acts{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;justify-content:center}
@media (max-width:960px){.bag-grid{grid-template-columns:minmax(0,1fr)}.bag-sum{position:static}}
@media (max-width:560px){.bag-top-cta{display:none}.bag-line{gap:14px;padding:20px 0}.bl-img{width:92px;height:92px;border-radius:16px}.bl-top{flex-direction:column;gap:6px}.bl-price{text-align:start}.bl-name h3{font-size:17px}.bs-card{padding:18px;border-radius:20px}}
.sync-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 11px;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}
.sync-pill.on{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,var(--line));background:var(--ok-soft)}
.sync-pill.busy{color:var(--accent)}.sync-pill.busy svg{animation:spin 1s linear infinite}
.sync-pill.err{color:var(--danger);background:var(--danger-soft)}
@keyframes spin{to{transform:rotate(360deg)}}
.sync-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sync-row small{color:var(--muted);font-size:12.5px;flex:1}
@media (max-width:700px){.adm-user #syncPill span{display:none}}
.link-cell{background:none;border:0;padding:0;color:var(--info);cursor:pointer;font-weight:600}
/* ---------- مقياس خطوط الجوال ---------- */
@media (max-width:600px){
 body{font-size:15px;line-height:1.5}
 h1,h2,h3,h4{letter-spacing:-.01em}
 .page-head h1,.bag-head h1,.bag-empty h1,.legal-wrap h1{font-size:24px!important;line-height:1.2}
 .section-head h2{font-size:20px!important;line-height:1.3}.section-head h2 span{font-size:14px!important}
 .hero h1{font-size:30px!important}.hero h2{font-size:15px!important;line-height:1.45}.hero .from{font-size:13.5px!important}.hero .eyebrow{font-size:13px}
 .hero-cta .btn{font-size:14px!important;padding:9px 18px!important}
 .btn{font-size:14.5px}.btn-sm{font-size:13px}
 /* product page */
 .pd-info h1{font-size:21px!important;line-height:1.25}
 .pd-price .now{font-size:20px!important}.pd-price{font-size:14px}.pd-info .desc{font-size:14px!important;line-height:1.6}
 .opt-group>span{font-size:13.5px!important}.opt b{font-size:14px!important}.opt small{font-size:11.5px}
 .buy-row .btn-accent{font-size:14px!important}
 .info-list b{font-size:13.5px!important}.info-list p{font-size:12.5px!important}
 .specs{font-size:13px!important}.pd-info h3{font-size:16px!important}
 .ask-wa b{font-size:14px}.ask-wa small{font-size:12px}
 /* cards & lists */
 .card h3{font-size:14px!important}.card .price{font-size:13.5px!important}
 .cat b{font-size:12.5px!important}
 .story-tile h3{font-size:19px!important}.story-tile p{font-size:13.5px!important}
 .feature b{font-size:16px}.feature p{font-size:13.5px}
 .bd-word{font-size:16px!important}.bd-item small{font-size:11px}
 /* bag & checkout */
 .bl-name h3{font-size:15.5px!important}.bl-price b{font-size:15.5px!important}.bl-name p,.bl-info{font-size:12.5px!important}
 .bs-card h2,.panel h3{font-size:17px!important}.sum{font-size:14px}.sum .row.total,.bs-card .sum .row.total{font-size:17px!important}
 .bag-head p{font-size:13.5px}.bag-free .bf-t{font-size:13px}
 .field label{font-size:13px}
 .input,.select{font-size:16px}
 /* mobile menu */
 /* header & footer */
 header.top .logo-text{font-size:18px!important}header.top .logo-mark{width:24px;height:24px}
 #foot{font-size:13px}#foot h4{font-size:14px}
 .tb-l{font-size:10px}
 /* search & drawer */
 #srInput{font-size:18px!important}.sr-tx b{font-size:14px}.cd-head b{font-size:17px}.cd-meta>b{font-size:14px}
}

/* ---------- هيدر وقائمة الجوال ---------- */
.m-menu{display:none}
@media (max-width:760px){
 header.top .wrap{display:grid!important;grid-template-columns:1fr auto 1fr;gap:0!important;height:54px}
 .m-menu{display:grid;justify-self:start;width:40px;height:40px;margin-inline-start:-8px}
 header.top .logo{justify-self:center;grid-column:2}
 header.top .logo-text{font-size:20px}
 header.top .top-actions{grid-column:3;justify-self:end;gap:0!important;margin:0}
 header.top .top-actions .icon-btn{width:40px!important;height:40px!important}
 header.top .lang-btn,header.top .menu-btn,#drawer{display:none!important}
 header.top .badge-count{top:4px;inset-inline-end:3px}
}
.mmenu{position:fixed;inset:0;z-index:170;pointer-events:none}
.mmenu.open{pointer-events:auto}
.mm-scrim{position:absolute;inset:0;background:rgba(0,0,0,.3);opacity:0;transition:opacity .3s}
.mmenu.open .mm-scrim{opacity:1}
.mm-panel{position:absolute;top:0;bottom:0;inset-inline-start:0;width:min(340px,88%);background:var(--surface);display:flex;flex-direction:column;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);padding-top:env(safe-area-inset-top,0px);box-shadow:0 0 40px rgba(0,0,0,.15)}
[dir=ltr] .mm-panel{transform:translateX(-105%)}
.mmenu.open .mm-panel{transform:none}
.mm-head{display:flex;align-items:center;gap:10px;padding:12px 14px}
.mm-x{width:36px;height:36px;border-radius:50%;border:0;background:none;color:var(--fg);display:grid;place-items:center;cursor:pointer;flex:none}
.mm-x:active{background:var(--alt)}
.mm-search{flex:1;display:flex;align-items:center;gap:8px;border:0;background:var(--alt);border-radius:999px;padding:9px 14px;font:inherit;font-size:13.5px;color:var(--muted);cursor:pointer;text-align:start;min-width:0}
.mm-search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-scroll{flex:1;overflow:auto;padding:6px 0 18px;display:flex;flex-direction:column;gap:20px}
.mm-nav{display:flex;flex-direction:column;padding:0 10px}
.mm-nav button{display:flex;align-items:center;gap:14px;border:0;background:none;border-radius:12px;padding:11px 12px;font:inherit;font-size:15px;font-weight:500;color:var(--fg);cursor:pointer;text-align:start}
.mm-nav button svg{color:var(--muted);flex:none}
.mm-nav button span{flex:1}
.mm-nav button:active{background:var(--alt)}
.mm-nav button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.mm-nav button.on svg{color:var(--accent)}
.mm-nav em{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.mm-sec{display:flex;flex-direction:column;gap:10px}
.mm-lbl{font-size:11.5px;font-weight:600;color:var(--muted);padding:0 22px;letter-spacing:.02em}
.mm-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px}
.mm-cats button{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:var(--alt);border-radius:16px;padding:14px 6px 11px;font:inherit;color:var(--fg);cursor:pointer;transition:transform .15s,background .15s;min-width:0}
.mm-cats button:active{transform:scale(.96);background:var(--line)}
.mm-ci{width:44px;height:44px;display:grid;place-items:center;color:var(--cc)}.mm-ci img,.mm-ci svg{max-width:44px;max-height:44px;object-fit:contain}
.mm-cn{font-size:11.5px;font-weight:500;line-height:1.3;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.mm-cc{position:absolute;top:7px;inset-inline-end:8px;font-size:10px;font-weight:600;color:var(--muted)}
.mm-help{display:flex;flex-direction:column;padding:0 10px}
.mm-help button{border:0;background:none;text-align:start;padding:9px 12px;font:inherit;font-size:13.5px;color:var(--muted);cursor:pointer;border-radius:10px}.mm-help button:active{background:var(--alt)}
.mm-foot{border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:10px}
.mm-lang{display:inline-flex;background:var(--alt);border-radius:999px;padding:3px;gap:2px}
.mm-lang button{border:0;background:none;border-radius:999px;padding:6px 13px;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer}
.mm-lang button.on{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.mm-contact{display:flex;gap:6px}.mm-contact a{width:38px;height:38px;border-radius:50%;background:var(--alt);color:var(--fg);display:grid;place-items:center}.mm-contact a.wa{background:#25D366;color:#fff}
body.mm-lock{overflow:hidden}
/* ---------- ترتيب الموبايل ---------- */
.co-mbar{display:none}
@media (max-width:600px){
 .demo .wrap{padding-block:6px}.demo #demoP{display:none}
 .section{padding-block:34px}
 .section-head{margin-bottom:16px}.section-head h2{font-size:24px;line-height:1.25}.section-head h2 span{display:block;font-size:16px;font-weight:500;margin-top:2px}
 .back-wrap{padding-top:10px}.back-btn{width:34px;height:34px}
 .page-head{padding-block:12px 4px}.page-head h1{font-size:28px}
 .back-wrap+.wrap .page-head,.back-wrap+div .page-head{padding-top:6px}
 /* hero */
 .hero .wrap{padding-top:28px;gap:4px}.hero h1{font-size:36px}.hero h2{font-size:17px;max-width:30ch}.hero .from{font-size:15px}.hero-cta{margin-top:10px}.hero-cta .btn{padding:10px 20px;font-size:15px}
 .hero-stage{max-width:300px;margin-top:10px}.hero-stage svg,.hero-stage img{width:min(230px,70%)}
 .hero-slider{padding-bottom:46px}
 /* categories: compact 3-column */
 .cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 6px}
 .cat{padding:8px 2px;gap:6px}.cat .ic{width:60px!important;height:60px!important}.cat .ic .ri{width:52px!important;height:52px!important}.cat .ic img{width:60px!important;height:60px!important}
 .cat b{font-size:13.5px;line-height:1.3}.cat small{display:none}
 /* product cards: 2 per row, compact */
 .grid,#gridHost .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .card{border-radius:18px}
 .card .media{aspect-ratio:1/1}.card .media svg{width:70%;height:70%}
 .card .body{padding:2px 12px 6px;gap:2px}.card .kicker{font-size:11px;min-height:1.1em}
 .card h3{font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .card .brand{font-size:12px}
 .card .price{font-size:14px;padding-top:6px;gap:4px;flex-direction:column;align-items:flex-start}.card .price .was{font-size:12px}
 .card .actions{padding:6px 12px 12px}.card .actions .btn-ghost{display:none}.card .actions .btn-accent{width:100%;padding:8px 10px;font-size:13.5px}
 .shop.shop-v2{gap:6px}.toolbar{margin-bottom:10px}
 /* detail */
 .gallery .main{max-width:340px!important;border-radius:18px}.thumbs button{width:66px}.thumbs,.thumbs.many{grid-template-columns:repeat(auto-fill,66px)}
 .pd{gap:14px}.pd-info{gap:14px}.pd-info h1{font-size:24px}
 .opts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .buy-row{flex-wrap:nowrap}.buy-row .btn-accent{flex:1}
 /* checkout */
 body.on-checkout{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .on-checkout .sticky-side .btn-accent[type=submit]{display:none}
 .co-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:85;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px rgba(0,0,0,.06)}
 .co-mbar small{display:block;font-size:12px;color:var(--muted)}.co-mbar b{font-size:17px}.co-mbar .btn{flex:1;max-width:220px;padding-block:12px}
 .two-col{gap:14px}.panel{padding:18px;border-radius:18px}.panel h3{font-size:18px}
 /* footer */
 #foot .wrap{gap:18px}
}


/* ---------- خطوط الجوال: درجة أصغر ---------- */
@media (max-width:600px){
 body{font-size:14px}
 .page-head h1,.bag-head h1,.bag-empty h1{font-size:22px!important}
 .section-head h2{font-size:18px!important}.section-head h2 span{font-size:13px!important}
 .hero h1{font-size:27px!important}.hero h2{font-size:14px!important}.hero .from{font-size:12.5px!important}.hero .eyebrow{font-size:12px}
 .btn{font-size:13.5px}.btn-sm{font-size:12.5px}
 .pd-info h1{font-size:19px!important}.pd-price .now{font-size:18px!important}.pd-info .desc{font-size:13px!important}
 .opt-group>span{font-size:13px!important}.opt b{font-size:13px!important}
 .buy-row .btn-accent{font-size:13.5px!important}
 .info-list b{font-size:13px!important}.info-list p,.specs{font-size:12px!important}
 .card h3{font-size:13px!important}.card .price{font-size:13px!important}.card .brand{font-size:11px}.card .actions .btn-accent{font-size:12.5px!important}
 .cat b{font-size:12px!important}
 .story-tile h3{font-size:17px!important}.story-tile p,.feature p{font-size:13px!important}.feature b{font-size:15px}
 .bl-name h3,.bl-price b{font-size:14.5px!important}
 .bs-card h2,.panel h3{font-size:16px!important}.sum{font-size:13px}.sum .row.total,.bs-card .sum .row.total{font-size:16px!important}
 .field label{font-size:12.5px}
 header.top .logo-text{font-size:17px!important}
 #foot{font-size:12.5px}.legal-list h2{font-size:16px}.legal-list p,.legal-lead{font-size:14px!important}
 .ask-wa b{font-size:13px}.ask-wa small{font-size:11.5px}
}

/* ---------- إصلاحات صفحة المنتج ---------- */
.buy-row .btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden}
.buy-row .btn-accent .ad-p::before{content:"·";margin-inline-end:8px;opacity:.7}
.buy-row .btn-buy{flex:1 1 100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding-block:12px;font-size:16px;font-weight:700;background:var(--text,#1d1d1f);color:var(--bg,#fff);border:0;border-radius:999px;cursor:pointer;white-space:nowrap}
.buy-row .btn-buy:hover{opacity:.88}
@media (max-width:820px){.buy-row .btn-buy{font-size:14.5px;padding-block:11px}}
.buy-row:has(.btn-buy){flex-wrap:wrap!important}
.buy-bar:not(.show){visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
body.has-tabbar .buy-bar:not(.show){transform:translateY(calc(100% + 90px))}
@media (max-width:600px){
 .buy-row{gap:10px}
 .buy-row .qty{flex:none}
 .buy-row .btn-accent{flex:1;min-width:0;flex-direction:column;gap:1px;padding:8px 12px!important;line-height:1.25;white-space:nowrap;border-radius:999px}
 .buy-row .btn-accent .ad-l{font-size:13.5px;font-weight:600}
 .buy-row .btn-accent .ad-p{font-size:12px;font-weight:500;opacity:.9}
 .buy-row .btn-accent .ad-p::before{display:none}
 .opt-group>span em{font-style:normal;color:var(--muted);font-weight:400;margin-inline-start:4px}
}

/* ---------- السلة على الجوال (تصميم احترافي) ---------- */
.bag-mbar{display:none}
.bl-rm svg{display:none}
@media (max-width:600px){
 body.on-bag{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}
 .bag{padding-top:4px}
 .bag-head{display:flex;align-items:baseline;justify-content:space-between;margin:2px 0 12px}
 .bag-head h1{font-size:22px!important;line-height:1.25}
 .bag-head p,.bag-top-cta{display:none!important}
 .bag-free{padding:11px 13px;border-radius:14px;margin-bottom:6px}.bag-free .bf-t{font-size:12.5px}
 .bag-grid{gap:18px;margin-top:8px}
 .bag-lh{padding:6px 2px 10px}.bag-lh b{font-size:14px}.bag-lh .bl-rm{font-size:12.5px}
 .bag-lines{display:flex;flex-direction:column;gap:10px}
 .bag-line{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px!important;gap:12px!important;align-items:stretch}
 .bl-img{width:86px!important;height:86px!important;border-radius:14px!important}
 .bl-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
 .bl-top{display:flex;flex-direction:column;gap:4px}
 .bl-name h3{font-size:14px!important;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .bl-name p{font-size:12px;color:var(--muted);margin:2px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
 .bl-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;text-align:start}
 .bl-price b{font-size:14.5px!important}.bl-price small{font-size:11.5px}
 .bl-info{display:none}
 .bl-acts{margin-top:auto;display:flex;align-items:center;justify-content:space-between}
 .bl-acts .qty{height:32px;border-radius:999px}.bl-acts .qty button{width:32px;height:32px;font-size:16px}.bl-acts .qty .num{min-width:22px;font-size:13.5px}
 .bl-acts .bl-rm{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--alt);color:var(--muted);padding:0}
 .bl-acts .bl-rm span{display:none}.bl-acts .bl-rm svg{display:block}
 .bag-cont{font-size:13px;padding:6px 2px}
 .bs-card{border-radius:18px;padding:16px!important}
 .bs-card h2{font-size:16px!important;margin-bottom:10px}
 .bs-cta{display:none!important}
 .bs-trust{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;padding-top:14px}
 .bs-trust li{flex-direction:column;align-items:center;text-align:center;gap:5px;padding:10px 4px;background:var(--alt);border-radius:12px}
 .bs-trust li b{font-size:11px;line-height:1.3}.bs-trust li small{display:none}
 .bs-help{border-radius:16px;padding:12px 14px}.bs-help b{font-size:13px}.bs-help small{font-size:11.5px}
 .bag-recs{padding-top:24px!important}
 .bag-recs .grid{display:grid;grid-auto-flow:column;grid-auto-columns:46%;grid-template-columns:none!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
 .bag-recs .grid::-webkit-scrollbar{display:none}.bag-recs .grid>*{scroll-snap-align:start;opacity:1!important;transform:none!important}
 .bag-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:84;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
 body.has-tabbar .bag-mbar{bottom:var(--tbh,calc(62px + env(safe-area-inset-bottom,0px)));padding-bottom:10px}
 .bag-mbar small{display:block;font-size:11.5px;color:var(--muted)}
 .bag-mbar b{font-size:16px}
 .bag-mbar .btn{flex:1;max-width:210px;padding-block:11px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
 [dir=ltr] .bag-mbar .btn svg{transform:scaleX(-1)}
}

.bh-m{display:none}
@media (max-width:600px){.bh-d{display:none}.bh-m{display:inline}.bag-head{border:0!important;padding-bottom:0!important}.bag-free{margin-top:0}}

/* ---------- إتمام الطلب على الجوال ---------- */
@media (max-width:600px){
 body.on-checkout{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
 .co-form{display:flex!important;flex-direction:column;gap:12px!important;padding-block:6px 20px!important}
 .page-head:has(+ .co-form) h1{font-size:21px!important;margin:2px 0 4px}
 .co-form>aside{order:-1;position:static!important}
 .co-form>*{width:100%;max-width:none!important;margin:0!important}
 .co-form>div{gap:12px!important;counter-reset:cos}
 .co-form .panel{padding:14px!important;border-radius:16px!important}
 .co-form>div>.panel:not([hidden]){counter-increment:cos}
 .co-form>div>.panel>h3{display:flex;align-items:center;gap:8px;font-size:15px!important;margin:0 0 12px!important}
 .co-form>div>.panel>h3::before{content:counter(cos);width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}
 .co-form .form-grid{gap:10px!important;grid-template-columns:1fr!important}
 .co-form .field{gap:5px}
 .co-form .field label{font-size:12.5px!important;font-weight:500;color:var(--muted)}
 .co-form .input{min-height:42px!important;padding:8px 12px!important;font-size:16px;border-radius:12px;background:var(--alt);border-color:transparent}
 .co-form .input:focus{background:var(--surface);border-color:var(--accent)}
 .co-form textarea.input{min-height:64px!important;height:64px}
 .co-form .input::placeholder{font-size:14px}
 .co-form .pay-opt{padding:11px 12px!important;gap:10px;border-radius:12px}
 .co-form .pay-opt b{font-size:13.5px}.co-form .pay-opt small{font-size:11.5px}
 .co-form aside .panel>h3{font-size:15px!important;margin:0 0 10px!important}
 .co-form aside .mini{gap:10px;padding:6px 0}.co-form aside .mini .t{width:44px;height:44px;border-radius:10px}
 .co-form aside .mini .n{font-size:13px}.co-form aside .mini small{font-size:11.5px}.co-form aside .mini b{font-size:13px}
 .co-form aside .sum{font-size:13px}.co-form aside .sum .row.total{font-size:15px!important}
 .co-form aside .btn-block{display:none}
 .co-form aside .note{font-size:11px!important;margin-top:8px!important}
 .co-mbar{padding:9px 16px calc(9px + env(safe-area-inset-bottom,0px))!important}
 .co-mbar small{font-size:11px}.co-mbar b{font-size:15.5px}
 .co-mbar .btn{max-width:200px;padding-block:11px;font-size:14px}
}

/* ---------- إتمام الطلب: خطوط أصغر ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.on-checkout #waFloat,body.on-bag #waFloat{display:none!important}
@media (max-width:600px){
 .page-head:has(+ .co-form) h1{font-size:19px!important}
 .co-form>div>.panel>h3,.co-form aside .panel>h3{font-size:14px!important;margin-bottom:10px!important}
 .co-form>div>.panel>h3::before{width:20px;height:20px;font-size:11px}
 .co-form .field label{font-size:11.5px!important}
 .co-form .input,.co-form select.input{font-size:14px!important;min-height:40px!important;padding:7px 11px!important}
 .co-form .input::placeholder{font-size:13px}
 .co-form textarea.input{min-height:56px!important;height:56px}
 .co-form .pay-opt b{font-size:12.5px}.co-form .pay-opt small{font-size:11px}
 .co-form aside .mini .n,.co-form aside .mini b,.co-form aside .sum{font-size:12.5px}
 .co-form aside .sum .row.total{font-size:14px!important}
 .co-mbar small{font-size:10.5px}.co-mbar b{font-size:14.5px}
 .co-mbar .btn{font-size:13px;padding-block:10px;max-width:180px}
}
/* iOS يكبّر الصفحة عند التركيز على حقل أصغر من 16px */
@supports (-webkit-touch-callout:none){@media (max-width:600px){.co-form .input,.co-form select.input{font-size:16px!important}}}

/* ---------- لوحة التحكم على الجوال ---------- */
.adm-tabs{display:none}
@media (max-width:760px){
 .adm-main{font-size:13px}
 .adm-top{padding:8px 12px!important;gap:8px!important}
 .adm-top h1{font-size:16px!important;font-weight:700}
 .adm-top .adm-menu{display:none}
 .adm-user{gap:6px!important}.adm-user .avatar{width:30px;height:30px;font-size:12px}
 .adm-user .fx-pill,.adm-user .sync-pill,.adm-user .lang-btn,.adm-user>button{font-size:11px!important;padding:4px 9px!important;min-height:28px}
 .adm-body{padding:12px 12px calc(92px + env(safe-area-inset-bottom,0px))!important;gap:12px!important}
 .adm-demo{font-size:11px;padding:6px 10px;border-radius:8px}
 .adm .panel{padding:14px!important;border-radius:14px!important}
 .adm .panel h2,.adm .panel h3,.adm .panel-h h2,.adm .panel-h h3{font-size:14.5px!important}
 .adm .panel-h{margin-bottom:10px}
 .adm .btn{font-size:12.5px;padding:8px 13px;min-height:36px}
 .adm .btn-sm{font-size:11.5px;padding:6px 10px;min-height:30px}
 .adm .field{gap:4px}.adm .field label{font-size:11.5px}
 .adm .input,.adm select.input,.adm .select{font-size:13.5px!important;min-height:38px!important;height:auto;padding:6px 10px!important;border-radius:10px!important}
 .adm .panel:has(.fbar){padding:12px!important}
 .adm textarea.input{min-height:70px}
 .stats{gap:8px!important}
 .stat{padding:11px 12px!important;border-radius:14px!important;gap:0!important}
 .stat>span:first-child,.stat>span{font-size:11.5px}
 .stat b{font-size:19px!important;line-height:1.35}
 .stat small{font-size:10.5px}
 .alert{padding:10px 12px!important;font-size:12.5px!important;gap:8px 10px!important;border-radius:12px!important}
 .alert>div{flex:1;min-width:0}.alert b{font-size:13px;display:block}
 .alert .btn{margin-inline-start:auto}
 .fx-card b,.fx-card .num{font-size:inherit}
 .fx-card{padding:14px!important}
 .fx-card :is(h2,strong,.big){font-size:20px!important}
 .fbar{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
 .fbar .grow,.fbar .field:first-child{grid-column:1/-1}
 .fbar>.btn{align-self:end}
 .page-actions{gap:8px}.count-line{font-size:12px}
 .tbl{border-radius:14px!important}
 .tbl table{font-size:12.5px!important}
 .tbl th{font-size:11px!important;padding:8px 10px!important}
 .tbl td{padding:9px 10px!important}
 .tbl td small,.tbl .prod-cell small{font-size:10.5px}
 .thumb-sm{width:36px!important;height:36px!important;border-radius:8px}
 .empty{padding:24px 16px!important}.empty b{font-size:14px}.empty p{font-size:12.5px}
 .side nav button,.side .foot-l button{font-size:13.5px!important;padding:9px 12px!important}
 .adm-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:flex-end;justify-content:space-around;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
 .adm-tabs>button{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;color:var(--muted);font:inherit;font-size:10.5px;font-weight:500;padding:4px 0;cursor:pointer}
 .adm-tabs>button.on{color:var(--accent);font-weight:600}
 .adm-tabs>button i{position:absolute;top:0;inset-inline-start:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--bad,#E5484D);color:#fff;font-style:normal;font-size:9.5px;font-weight:700;display:grid;place-items:center}
 .adm-tabs .adm-tabs-add{flex:none;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;margin:-18px 6px 4px;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 40%,transparent)}
 .adm-tabs .adm-tabs-add:active{transform:scale(.94)}
 #toasts{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
 .adm:has(.set-layout.pe) .adm-tabs{display:none}
 .adm:has(.set-layout.pe) .adm-body{padding-bottom:110px!important}
 .set-banner{padding:14px!important;border-radius:16px!important;gap:10px!important}
 .set-banner h2,.set-banner .set-btxt b,.set-banner strong{font-size:16px!important}
 .set-banner p,.set-banner small,.set-btxt span{font-size:11.5px!important}
 .set-bic{width:40px!important;height:40px!important;border-radius:12px!important}
 .set-crumb{font-size:10.5px!important;padding:3px 8px!important}
 .set-nav{gap:6px!important}
 .set-nav button,.set-nav a{font-size:12px!important;padding:6px 10px!important;gap:6px!important;white-space:nowrap}
 .set-nav .set-ic{width:28px!important;height:28px!important;border-radius:8px!important}.set-nav .set-ic svg{width:15px;height:15px}
 .set-glabel{display:none}
 .set-nav *:not(svg):not(path){font-size:12px!important}
 .set-nav .set-search{flex:none!important;width:150px!important;min-width:0!important}
 .set-nav #setSearch{min-height:34px!important;font-size:12.5px!important}
 .set-body{gap:12px!important}
 .bi-blk{padding:12px!important;gap:9px!important;border-radius:14px!important}
 .bi-h b,.bi-h h4,.bi-blk h4{font-size:13.5px!important}.bi-h p,.bi-h small{font-size:11.5px!important}
 .bi-note{font-size:11.5px!important;padding:9px 11px!important}
 .bi-cnt{font-size:10.5px}
}

@media print{#invHost .inv-page{zoom:1!important;width:100%!important}}

/* محرر المواصفات */
.sp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.sp-head b{display:block;font-size:15px}.sp-head small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;max-width:520px}
.sp-list{display:flex;flex-direction:column;gap:8px}
.sp-row{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 36px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px}
.sp-f{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6px}
.sp-f .input{min-height:38px;padding:7px 10px;font-size:14px}
.sp-f.en .input{text-align:left}
.sp-mv{display:flex;flex-direction:column;gap:2px}.sp-mv button{border:0;background:none;color:var(--muted);cursor:pointer;padding:2px;border-radius:6px}.sp-mv button:disabled{opacity:.3}
.sp-del{width:34px;height:34px;border-radius:50%;border:0;background:var(--alt);color:var(--muted);display:grid;place-items:center;cursor:pointer}.sp-del:hover{color:var(--bad,#D93025)}
.sp-empty{border:1px dashed var(--line);border-radius:14px;padding:18px;text-align:center;color:var(--muted);font-size:13px}
.sp-add{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
@media (max-width:900px){.sp-row{grid-template-columns:22px minmax(0,1fr) 34px}.sp-f.en{grid-column:2}.sp-row .sp-del{grid-row:1;grid-column:3}.sp-mv{grid-row:1/3}}

.acc-card{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}
.acc-h{display:flex;gap:12px;align-items:flex-start}.acc-h b{display:block;font-size:15px}.acc-h small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.acc-ic{width:40px;height:40px;border-radius:12px;background:#E7F6EF;color:#047857;display:grid;place-items:center;flex:none}
.acc-row{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;overflow:hidden;direction:ltr}
.acc-pre{display:flex;align-items:center;padding:0 10px;background:var(--alt);color:var(--muted);font-size:12.5px;white-space:nowrap;max-width:55%;overflow:hidden;text-overflow:ellipsis}
.acc-row .input{border:0!important;border-radius:0!important;flex:1;min-width:0}
.acc-link{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--alt);border-radius:10px;padding:10px 12px;word-break:break-all;text-align:left}
.acc-sw{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.acc-sw input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent)}.acc-sw b{display:block;font-size:13.5px}.acc-sw small{display:block;color:var(--muted);font-size:12px}
footer .copy[data-act="adm-tap"]{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}

/* ---------- نافذة الاختيار السريع ---------- */
.qs{position:fixed;inset:0;z-index:180;pointer-events:none}
.qs.open{pointer-events:auto}
.qs-scrim{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .3s}
.qs.open .qs-scrim{opacity:1}
.qs-panel{position:absolute;left:0;right:0;bottom:0;max-height:88vh;display:flex;flex-direction:column;background:var(--surface);border-radius:22px 22px 0 0;transform:translateY(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px rgba(0,0,0,.15);padding-bottom:env(safe-area-inset-bottom,0px)}
.qs.open .qs-panel{transform:none}
.qs-grip{width:38px;height:5px;border-radius:999px;background:var(--line);margin:8px auto 2px;flex:none}
.qs-top{display:flex;gap:12px;align-items:center;padding:8px 16px 12px;border-bottom:1px solid var(--line)}
.qs-img{width:72px;height:72px;border-radius:14px;background:var(--alt);display:grid;place-items:center;overflow:hidden;flex:none}.qs-img img,.qs-img svg{max-width:88%;max-height:88%;object-fit:contain}
.qs-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.qs-info b{font-size:15px;line-height:1.3}.qs-info small{color:var(--muted);font-size:12px}
.qs-price{display:flex;gap:8px;align-items:baseline;margin-top:3px}.qs-price span{font-size:16px;font-weight:700}.qs-price s{font-size:12px;color:var(--muted)}
.qs-x{width:34px;height:34px;border-radius:50%;border:0;background:var(--alt);color:var(--fg);display:grid;place-items:center;cursor:pointer;flex:none;align-self:flex-start}
.qs-body{overflow:auto;padding:14px 16px 6px;display:flex;flex-direction:column;gap:16px}
.qs-g{display:flex;flex-direction:column;gap:9px}.qs-g>span{font-size:13px;font-weight:600}.qs-g>span em{font-style:normal;font-weight:400;color:var(--muted);margin-inline-start:4px}
.qs-row{flex-direction:row;align-items:center;justify-content:space-between}
.qs-sw{display:flex;gap:10px;flex-wrap:wrap}
.qs-sw button{width:36px;height:36px;border-radius:50%;border:0;background:none;padding:3px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}
.qs-sw button i{display:block;width:100%;height:100%;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.qs-sw button.on{box-shadow:inset 0 0 0 2px var(--accent)}
.qs-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.qs-opts button{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 11px;text-align:start;font:inherit;color:var(--fg);cursor:pointer;display:flex;flex-direction:column;gap:1px}
.qs-opts button b{font-size:13.5px}.qs-opts button b em{font-style:normal;font-weight:400;color:var(--muted)}.qs-opts button small{font-size:11.5px;color:var(--muted)}
.qs-opts button.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.qs-row .qty{height:34px}.qs-row .qty button{width:34px;height:34px}
.qs-foot{padding:10px 16px 12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.qs-add{display:flex!important;justify-content:space-between;align-items:center;padding:13px 18px!important;font-size:14.5px!important;border-radius:999px!important}
.qs-add b{font-weight:700}
.qs-more{border:0;background:none;color:var(--accent);font:inherit;font-size:13px;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}
body.qs-lock{overflow:hidden}
@media (min-width:761px){.qs-panel{left:50%;right:auto;bottom:auto;top:50%;width:440px;border-radius:22px;transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .25s,opacity .25s}.qs.open .qs-panel{transform:translate(-50%,-50%);opacity:1}.qs-grip{display:none}.qs-top{padding-top:16px}}


/* شريط الجوال السفلي بنمط لوحة التحكم */
@media (max-width:760px){
 .tab-bar{align-items:flex-end!important;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))!important}
 .tb-i{gap:2px!important;font-weight:500}
 .tb-i .tb-ic svg{width:21px;height:21px}
 .tb-l{font-size:10.5px!important}
 .tb-mid{flex:none;width:50px;height:50px;border-radius:50%;border:0;background:var(--accent);color:#fff;display:grid;place-items:center;margin:-20px 6px 4px;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 40%,transparent);cursor:pointer;-webkit-tap-highlight-color:transparent}
 .tb-mid:active{transform:scale(.94)}
 .tb-b{background:var(--danger,#E5484D)!important}
}

@media (max-width:760px){header.top .m-lang{width:auto!important;height:32px!important;padding:0 9px 0 8px;gap:4px;display:inline-flex!important;align-items:center;border:1px solid var(--line);border-radius:999px;margin-inline-start:0!important}}
.m-lang svg{width:16px;height:16px}
.m-lang .ml-t{font-size:12px;font-weight:600;line-height:1;font-family:inherit}

/* شريط إتمام الطلب في السلة: أصغر */
@media (max-width:600px){
 .bag-mbar{padding:6px 14px!important;gap:10px!important}
 body.has-tabbar .bag-mbar{padding-bottom:6px!important}
 .bag-mbar small{font-size:10.5px!important;line-height:1.2}
 .bag-mbar b{font-size:14px!important;line-height:1.25}
 .bag-mbar .btn{padding:7px 14px!important;font-size:12.5px!important;max-width:150px!important;min-height:34px;border-radius:999px}
 .bag-mbar .btn svg{width:13px;height:13px}
 body.on-bag{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important}
}

/* درج السلة: أزرار متجاورة + نافذة سفلية مدمجة على الجوال */
.cd-btns{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
.cd-btns .btn{width:100%;justify-content:center}
@media (max-width:600px){
 .cd-panel{top:auto!important;bottom:0;inset-inline:0!important;width:100%!important;max-height:78vh;border-radius:20px 20px 0 0;transform:translateY(105%)!important;box-shadow:0 -10px 40px rgba(0,0,0,.15)}
 .cart-drawer.open .cd-panel{transform:none!important}
 .cd-panel::before{content:"";display:block;width:38px;height:5px;border-radius:999px;background:var(--line);margin:8px auto 0;flex:none}
 .cd-head{padding:8px 16px 10px!important}
 .cd-head b{font-size:16px!important}.cd-head small{font-size:11.5px!important}
 .cd-x{width:30px!important;height:30px!important;font-size:18px!important}
 .cd-added{margin:8px 16px 0!important;padding:7px 10px!important;font-size:12.5px!important;border-radius:10px!important}
 .cd-body{padding:2px 16px!important}
 .cd-line{gap:10px!important;padding:10px 0!important;align-items:center!important}
 .cd-thumb{width:52px!important;height:52px!important;border-radius:12px!important}
 .cd-meta>b{font-size:13px!important;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .cd-meta>small{font-size:11px!important;margin-top:0!important}
 .cd-row{margin-top:5px!important}
 .cd-q{height:28px}.cd-q button{width:28px!important;height:28px!important;font-size:15px}.cd-q span{min-width:20px!important;font-size:12.5px}
 .cd-p{font-size:13px!important;font-weight:700}
 .cd-rm{padding:3px!important}.cd-rm svg{width:15px;height:15px}
 .cd-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))!important;gap:8px!important}
 .cd-sum{font-size:13px!important}.cd-sum b{font-size:16px!important}
 .cd-free small{font-size:11.5px!important}.cd-bar{height:4px!important;margin-bottom:4px!important}
 .cd-btns .btn{padding:9px 10px!important;font-size:13px!important;min-height:38px;border-radius:999px}
 .cd-empty{padding:30px 10px!important}
}

/* نافذة التصنيفات: بطاقات بيضاء بإطار */
.ct-panel{max-height:80vh}
.ct-head{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 10px}
.ct-head b{font-size:15px;font-weight:600}
.ct-head .qs-x{width:30px;height:30px}
.ct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:auto;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px))}
.ct-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px 6px 12px;font:inherit;color:var(--fg);cursor:pointer;transition:border-color .15s,transform .15s;min-width:0}
.ct-card:active{transform:scale(.96)}
.ct-card.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.ct-card .ct-v{width:56px;height:56px;display:grid;place-items:center}
.ct-card .ct-v img,.ct-card .ct-v svg{max-width:52px;max-height:52px;object-fit:contain}
.ct-card .ct-n{font-size:12px;font-weight:500;line-height:1.3;text-align:center;width:100%;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;overflow-wrap:anywhere}
@media (min-width:761px){.ct-panel{width:460px!important}}

.tb-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tb-i{min-width:0}

.cat-ic,.sr-li,.bc-ic{overflow:hidden}
.cat-ic img,.cat-ic svg,.cat-ic .cp-fb,.sr-li img,.sr-li svg,.bc-ic img,.bc-ic svg{max-width:30px!important;max-height:30px!important;width:auto;height:auto;object-fit:contain}
.cat-ic .cp-fb,.sr-li .cp-fb,.bc-ic .cp-fb{display:grid;place-items:center}

.tr-busy{background-image:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 12%,transparent),transparent)!important;background-size:200% 100%!important;animation:trShim 1.1s linear infinite}
@keyframes trShim{from{background-position:200% 0}to{background-position:-200% 0}}
.tr-done{box-shadow:0 0 0 3px color-mix(in srgb,var(--ok,#1a7f37) 25%,transparent)!important;transition:box-shadow .3s}

/* شريط الإعلان المتحرك */
.ann-mq{display:block!important;overflow:hidden;padding:9px 0!important;white-space:nowrap;direction:ltr;position:relative}
.ann-track{display:inline-flex;width:max-content;animation:annL var(--ann-dur,30s) linear infinite;will-change:transform}
.ann-mq.rtl .ann-track{animation-name:annR}
.ann-mq:hover .ann-track,.ann-mq:focus-within .ann-track{animation-play-state:paused}
.ann-half{display:inline-flex;align-items:center}
.ann-it{display:inline-flex;align-items:center;gap:6px;unicode-bidi:plaintext}
.ann-it>span:first-child{direction:rtl}
.ann-mq.ltr .ann-it>span:first-child{direction:ltr}
.ann-sep{display:inline-block;margin:0 72px;opacity:.55;font-size:10px}
@keyframes annL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes annR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.ann-track{animation:none}.ann-mq{text-align:center}.ann-half+.ann-half,.ann-half .ann-it~*{display:none}}
@media (max-width:600px){.ann-sep{margin:0 48px}.ann-mq{font-size:12.5px!important;padding:7px 0!important}}

.pay-acc{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.pay-marks{display:inline-flex;gap:8px}
.pay-marks .pm{display:inline-flex;border-radius:6px;box-shadow:0 0 0 1px var(--line);overflow:hidden;line-height:0}

.copy-row{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.copy-row .pay-acc{grid-column:auto;font-size:12px}
.copy-row [data-act="adm-tap"]{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.copy-row .pay-marks svg{width:40px;height:25px}
.copy-row [data-pm]{cursor:default;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
@media (max-width:600px){.copy-row{flex-wrap:nowrap}.copy-row>span:first-child{font-size:11.5px;min-width:0}.copy-row .pay-acc>span:first-child{display:none}.copy-row .pay-marks{gap:5px}.copy-row .pay-marks svg{width:34px;height:21px}}

.pay-card{align-items:center!important}
.pay-card>span:not(.pay-marks){flex:1;min-width:0}
.pay-card .pay-marks{flex:none;gap:5px}
.pay-card .pay-marks .pm{box-shadow:0 0 0 1px var(--line);border-radius:5px}
.pay-card .pay-marks svg{width:38px;height:24px}
.pay-opt.off .pay-marks{opacity:1;filter:none}

/* ---------- إتمام الطلب بنمط عالمي ---------- */
.co-steps{list-style:none;display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:0;font-size:12.5px;color:var(--muted)}
.co-steps li{display:flex;align-items:center;gap:6px;white-space:nowrap}
.co-steps li span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--alt);color:var(--muted)}
.co-steps li.cur{color:var(--fg);font-weight:600}.co-steps li.cur span{background:var(--accent);color:#fff}
.co-steps li.done{cursor:pointer}.co-steps li.done span{background:var(--ok-soft,#E6F4EA);color:var(--ok,#1a7f37)}
.co-steps i{flex:0 1 40px;height:1px;background:var(--line)}
.mini .t{position:relative;overflow:visible!important}
.mini .t svg,.mini .t img{max-width:80%;max-height:80%;object-fit:contain}
.mini .qb{position:absolute;top:-6px;inset-inline-end:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--fg);color:var(--surface);font-style:normal;font-size:10.5px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--alt)}
.mini .n .nm{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini .n small{display:block;color:var(--muted)}
.co-trust{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px}
.co-trust li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.co-trust li svg{color:var(--ok,#1a7f37)}
@media (min-width:601px){
 .page-head:has(+ .co-form){max-width:1080px;margin-inline:auto;padding-bottom:6px}
 .page-head:has(+ .co-form) .crumbs{display:none}
 .page-head:has(+ .co-form) h1{font-size:30px}
 .co-form{max-width:1080px;margin-inline:auto;grid-template-columns:minmax(0,1fr) 380px!important;gap:40px!important;padding-top:20px!important}
 .co-form>div{gap:0!important;counter-reset:cos}
 .co-form>div>.panel{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:26px 0!important;background:none}
 .co-form>div>.panel:first-child{padding-top:4px!important}
 .co-form>div>.panel:last-child{border-bottom:0}
 .co-form>div>.panel:not([hidden]){counter-increment:cos}
 .co-form>div>.panel>h3{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 16px}
 .co-form>div>.panel>h3::before{content:counter(cos);width:26px;height:26px;border-radius:50%;background:var(--fg);color:var(--surface);font-size:13px;font-weight:700;display:grid;place-items:center;flex:none}
 .co-form .field label{font-size:12.5px;font-weight:500;color:var(--muted)}
 .co-form .input{background:var(--alt);border-color:transparent;border-radius:12px;min-height:48px}
 .co-form .input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}
 .co-form .pay-opt{border-radius:14px;padding:16px 18px}
 .co-form aside.sticky-side{position:sticky!important;top:calc(env(safe-area-inset-top,0px) + 84px)}
 .co-form aside .panel{background:var(--alt);border:0;border-radius:20px;padding:24px}
 .co-form aside .panel>h3{font-size:17px;margin-bottom:14px}
 .co-form aside .mini .t{background:var(--surface);width:56px;height:56px;border-radius:12px}
 .co-form aside .btn-block{min-height:52px;font-size:15.5px;border-radius:14px}
}

.act-clear{align-self:flex-end;color:var(--danger,#D93025)!important;gap:6px;display:inline-flex;align-items:center}
.act-clear:hover{background:var(--danger-soft,#FDECEA)!important;border-color:var(--danger,#D93025)!important}

/* إعدادات معلومات المتجر */
.st-wrap{display:flex;flex-direction:column;gap:14px}
.st-card{padding:20px!important}
.st-h{display:flex;gap:12px;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.st-h b{display:block;font-size:15px}.st-h small{display:block;color:var(--muted);font-size:12.5px}
.st-ic{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}
.st-logo{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.st-logo .img-prev{width:72px;height:72px;border-radius:16px;flex:none}
.st-logo .st-stamp{background:#fff;display:flex;align-items:center;justify-content:center}.st-logo .st-stamp img{object-fit:contain!important;padding:4px}
.st-logo b{display:block;font-size:13.5px}.st-logo small{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.st-logo-acts{display:flex;gap:6px}
.st-opt{font-weight:400;color:var(--muted);font-size:11.5px}
.st-hint{display:block;color:var(--muted);font-size:11.5px;margin-top:4px}
.st-save{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:16px;padding:10px 12px 10px 16px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.st-save span{font-size:12.5px;color:var(--muted)}
#foot .contact a{color:inherit;text-decoration:none}#foot .contact a:hover{text-decoration:underline}
#foot .map-l{color:var(--accent)!important;font-size:12px;margin-inline-start:6px}
@media (max-width:760px){.st-save{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.st-save span{display:none}.st-save .btn{width:100%}}

/* المستخدمون */
.us-card,.us-ed{padding:18px!important}
.us-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.us-head b{display:block;font-size:15px}.us-head small{display:block;color:var(--muted);font-size:12.5px}
.us-row{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line)}
.us-row.off{opacity:.6}
.us-av{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;display:grid;place-items:center;flex:none}
.us-main{flex:1;min-width:0}
.us-n{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.us-n b{font-size:14px}
.us-me{font-size:11px;color:var(--muted);background:var(--alt);border-radius:999px;padding:1px 7px}
.us-role{font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;background:var(--alt);color:var(--muted)}.us-role.owner{background:#FFF4E5;color:#B45309}
.us-main>small{display:block;color:var(--muted);font-size:12px;margin:2px 0 6px;text-align:start}
.us-perms{display:flex;flex-wrap:wrap;gap:4px}.us-perms span{font-size:11px;background:var(--alt);border-radius:6px;padding:2px 7px;color:var(--fg)}.us-perms .all{background:#E7F6EF;color:#047857}.us-perms .none{color:var(--muted)}
.us-acts{display:flex;gap:4px;flex:none;align-items:center}.us-acts .btn{display:inline-flex;align-items:center;gap:4px}.us-del{color:var(--danger,#D93025)!important}
.us-ed{border:1.5px solid var(--accent)!important;box-shadow:0 8px 30px color-mix(in srgb,var(--accent) 12%,transparent)}
.seg{display:inline-flex;background:var(--alt);border-radius:12px;padding:3px;gap:2px;width:100%}.seg button{flex:1;border:0;background:none;border-radius:9px;padding:8px 10px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}.seg button.on{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.us-note{display:flex;gap:8px;align-items:center;background:#FFF8EC;color:#92400E;border-radius:12px;padding:10px 12px;font-size:12.5px;margin-top:14px}
.us-pt{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 10px}.us-pt>b{font-size:14px}
.us-pre{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.us-pre>span{font-size:12px;color:var(--muted)}
.us-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.us-p{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:11px 12px;cursor:pointer;transition:border-color .15s,background .15s}
.us-p.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.us-p input{width:17px;height:17px;margin-top:2px;accent-color:var(--accent);flex:none}
.us-p b{display:block;font-size:13px}.us-p small{display:block;font-size:11.5px;color:var(--muted);line-height:1.4}
.us-cnt{font-size:12px;color:var(--muted);margin:10px 0 0}
@media (max-width:760px){.us-row{flex-wrap:wrap}.us-acts{width:100%;padding-inline-start:52px}.us-grid{grid-template-columns:1fr}}

/* معاينة الصيانة */
.mtp-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 8px}
.mtp-tools{display:flex;gap:8px;align-items:center}
.mtp-seg{width:auto!important}.mtp-seg button{padding:6px 12px!important;font-size:12px!important}
.mtp-frame{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--alt)}
.mtp-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--line);direction:ltr}
.mtp-bar i{width:9px;height:9px;border-radius:50%;background:#E5E5EA}.mtp-bar i:nth-child(1){background:#FF5F57}.mtp-bar i:nth-child(2){background:#FEBC2E}.mtp-bar i:nth-child(3){background:#28C840}
.mtp-bar span{flex:1;text-align:center;font-size:11.5px;color:var(--muted);background:var(--alt);border-radius:6px;padding:3px 10px;margin-inline-end:36px}
.mtp-view{pointer-events:none;user-select:none}
.mtp-view .maint-page,.mtp-fv .maint-page{min-height:0;padding:36px 16px}
.mtp-view .mp-card{transform:scale(.88);transform-origin:center}
#mtpFull{position:fixed;inset:0;z-index:400;display:flex;flex-direction:column;background:var(--alt)}
.mtp-fbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#0F172A;color:#fff}
.mtp-fbar .seg{background:rgba(255,255,255,.12)}.mtp-fbar .seg button{color:rgba(255,255,255,.75)}.mtp-fbar .seg button.on{background:#fff;color:#0F172A}
.mtp-fv{flex:1;overflow:auto;pointer-events:none}.mtp-fv .maint-page{min-height:100%}

/* طريقة الاستلام */
.dl-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dl-opt{position:relative;display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:16px;padding:14px 14px;cursor:pointer;background:var(--surface);transition:border-color .15s,box-shadow .15s,background .15s}
.dl-opt:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.dl-opt input{position:absolute;opacity:0;pointer-events:none}
.dl-opt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.dl-ic{width:44px;height:44px;border-radius:12px;background:var(--alt);color:var(--muted);display:grid;place-items:center;flex:none;transition:background .15s,color .15s}
.dl-opt.on .dl-ic{background:var(--accent);color:#fff}
.dl-t{flex:1;min-width:0}.dl-t b{display:block;font-size:14px}.dl-t small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.dl-p{font-size:13px;font-weight:600;white-space:nowrap}.dl-p em{font-style:normal}.dl-p .free{color:var(--ok,#1a7f37)}
.dl-chk{position:absolute;top:-8px;inset-inline-end:-8px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;transform:scale(0);transition:transform .2s cubic-bezier(.2,.8,.2,1.4);box-shadow:0 0 0 3px var(--surface)}
.dl-opt.on .dl-chk{transform:scale(1)}
.dl-pick{margin-top:10px;background:var(--alt);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.dl-pick>div{display:flex;gap:10px;align-items:flex-start;font-size:13px}.dl-pick svg{color:var(--accent);flex:none;margin-top:2px}
.dl-pick b{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-bottom:1px}.dl-pick a{color:var(--accent);font-size:12px;margin-inline-start:4px}
@media (max-width:600px){.dl-opts{grid-template-columns:1fr;gap:8px}.dl-opt{padding:12px}.dl-ic{width:38px;height:38px;border-radius:10px}.dl-ic svg{width:19px;height:19px}.dl-t b{font-size:13px}.dl-t small{font-size:11px}.dl-p{font-size:12px}}

/* صفحة الصيانة بنمط عالمي */
.maint-page.mx{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--surface);overflow:hidden;padding:0;place-items:initial}
.mx-bg{position:absolute;inset:0;pointer-events:none}
.mx-bg i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}
.mx-bg i:first-child{width:520px;height:520px;background:color-mix(in srgb,var(--accent) 35%,transparent);top:-180px;inset-inline-start:-140px;animation:mxF 14s ease-in-out infinite alternate}
.mx-bg i:last-child{width:420px;height:420px;background:color-mix(in srgb,#A855F7 25%,transparent);bottom:-160px;inset-inline-end:-120px;animation:mxF 18s ease-in-out infinite alternate-reverse}
@keyframes mxF{to{transform:translate(60px,40px) scale(1.1)}}
.mx-top{position:relative;padding:22px 28px}
.mx-logo{display:inline-flex;align-items:center;gap:10px}.mx-logo b{font-size:17px;font-weight:600}
.mx-main{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px 40px;gap:16px;max-width:640px;margin:0 auto}
.mx-pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mx-pill i{width:8px;height:8px;border-radius:50%;background:#F59E0B;box-shadow:0 0 0 0 rgba(245,158,11,.6);animation:mxP 1.8s infinite}
@keyframes mxP{70%{box-shadow:0 0 0 8px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}
.mx-main h1{font-family:var(--f-display);font-size:clamp(34px,6vw,56px);line-height:1.1;letter-spacing:-.02em;margin:0}
.mx-main>p{font-size:17px;color:var(--muted);max-width:480px;margin:0;line-height:1.6}
.mx-cd{display:flex;gap:10px;margin-top:6px}
.mx-cd>div{min-width:70px;background:color-mix(in srgb,var(--surface) 75%,transparent);border:1px solid var(--line);border-radius:16px;padding:12px 8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mx-cd b{display:block;font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.mx-cd small{font-size:11.5px;color:var(--muted)}
.mx-acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.mx-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;color:var(--fg);background:var(--surface);border:1px solid var(--line);transition:transform .15s}
.mx-btn:hover{transform:translateY(-1px)}.mx-btn.wa{background:#25D366;border-color:#25D366;color:#fff}
.mx-main .soc-foot{margin-top:4px}.mx-main .soc-foot a[href*="wa.me"]{display:none}.mx-main .soc-foot:not(:has(a:not([href*="wa.me"]))){display:none}
.mx-foot{position:relative;border-top:1px solid var(--line);padding:14px 28px!important;font-size:12px;color:var(--muted)}
.mx-foot .pay-marks svg{width:36px;height:23px}
.mtp-view .maint-page.mx,.mtp-fv .maint-page.mx{min-height:460px}
.mtp-fv .maint-page.mx{min-height:100%}
.mtp-view .mx-main{padding:20px 16px 26px;gap:12px}.mtp-view .mx-main h1{font-size:34px}.mtp-view .mx-main>p{font-size:14px}
@media (max-width:600px){.mx-top{padding:16px 18px}.mx-main>p{font-size:15px}.mx-cd>div{min-width:60px;padding:10px 6px}.mx-cd b{font-size:21px}.mx-btn{padding:10px 16px;font-size:13px}.mx-foot{padding:12px 18px!important}}
@media (prefers-reduced-motion:reduce){.mx-bg i,.mx-pill i{animation:none}}



/* الطلب المسبق: بنمط Apple/Samsung */
.pre-k{font-style:normal}
.pre-tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:#3A2A05;background:linear-gradient(135deg,#F5E3A3,#D9B44A 60%,#C9A140);border-radius:6px;padding:2px 7px;vertical-align:middle;white-space:nowrap;margin-inline-start:4px}
.pre-tag svg{color:#5A420C}
.pre-box{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 2px;margin:6px 0}
.pre-ic{width:auto;height:auto;background:none;color:#B8902E;display:grid;place-items:center;flex:none;margin-top:1px}
.pre-box b{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;color:#3A2A05;background:linear-gradient(135deg,#F5E3A3,#D9B44A 55%,#B8902E);border-radius:5px;padding:3px 9px;margin-bottom:5px;box-shadow:0 2px 6px rgba(184,144,46,.3)}
.pre-box small{display:block;font-size:14px;color:var(--fg);font-weight:500}
.pre-box p{margin:3px 0 0;font-size:12.5px;color:var(--muted)}
.pre-ed{display:flex;flex-direction:column;gap:16px}
.bl-name .pre-tag,.cd-meta .pre-tag,.mini .pre-tag{margin:3px 0 2px;margin-inline-start:0}
.mini{align-items:center}.mini .n{min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.mini .n .nm{max-width:100%}.mini>b{flex:none;margin-inline-start:10px;white-space:nowrap}
.mini .pre-tag,.cd-meta .pre-tag,.bl-name .pre-tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important}
.cd-meta>.pre-tag,.mini .n>.pre-tag{display:inline-flex}



/* أزرار البطاقة بترتيب ثابت لكل المنتجات */
.card .actions{flex-direction:column;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;gap:10px}
.card .actions>*{flex:none}

/* سعر العرض */
.of-ed{margin-top:16px;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:14px}
.of-f{display:flex;flex-direction:column;gap:14px}.of-f[hidden],.of-f [hidden]{display:none!important}
.of-seg{max-width:320px}
.of-pv{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:var(--alt);border-radius:12px;padding:12px 14px;min-height:46px}
.of-now{font-size:20px;font-weight:700}.of-pv s{color:var(--muted);font-size:14px}.of-b{background:#E7F6EF;color:#047857;font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px}
.of-h{font-size:12.5px;color:var(--muted)}.of-err{font-size:12.5px;color:var(--danger,#D93025)}
.of-end{align-self:flex-start;width:fit-content;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#B45309;background:#FFF7ED;border-radius:999px;padding:4px 10px;margin-top:4px}

/* قواعد الطلبات */
.or-in{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.or-in .input{border:0!important;border-radius:0!important;flex:1;min-width:0}
.or-in span{display:flex;align-items:center;padding:0 12px;background:var(--alt);color:var(--muted);font-size:12.5px;white-space:nowrap}
.or-pv{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;background:var(--alt);border-radius:12px;padding:12px 14px}
.or-pv span{font-size:12px;color:var(--muted);font-weight:600}
.or-pv b{font-size:17px;font-weight:700;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:4px 10px;letter-spacing:.02em}
.or-pv em{font-style:normal;font-size:12px;color:var(--muted)}
.or-sws{display:flex;flex-direction:column}
.or-sw{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}
.or-sw:first-child{border-top:0;padding-top:0}
.or-sw b{display:block;font-size:13.5px;font-weight:600}.or-sw small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.or-sw input{position:absolute;opacity:0;pointer-events:none}
.or-sw i{position:relative;width:44px;height:26px;border-radius:999px;background:var(--line);flex:none;transition:background .2s}
.or-sw i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.or-sw input:checked+i{background:#34C759}
.or-sw input:checked+i::after{transform:translateX(18px)}
[dir=rtl] .or-sw input:checked+i::after{transform:translateX(-18px)}
.or-sw input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
.thx-note{background:var(--accent-soft);color:var(--fg);border-radius:12px;padding:10px 14px;font-size:14px}

/* ترتيب الماركات */
.bd-tip{display:flex;align-items:center;gap:6px;margin:0 0 10px}
.bd-arow{cursor:grab;transition:background .2s,box-shadow .2s}
.bd-arow.dragging{opacity:.5;background:var(--accent-soft)}
.bd-arow.bd-flash{animation:bdF 1s ease}
@keyframes bdF{from{background:var(--accent-soft)}to{background:transparent}}
.bd-grip{color:var(--muted);display:grid;place-items:center;flex:none}
.bd-pos{width:22px;height:22px;border-radius:50%;background:var(--alt);font-size:11px;font-weight:700;display:grid;place-items:center;flex:none;color:var(--muted)}
.bd-mv{display:inline-flex;gap:4px;margin-inline-start:auto}



/* صفحة الماركات */
.bp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bp-stats>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.bp-stats span{display:block;font-size:12.5px;color:var(--muted)}.bp-stats b{font-size:24px;font-weight:700}.bp-stats small{font-size:14px;color:var(--muted);font-weight:500}
.bp-bar{display:flex;flex-direction:column;gap:10px}
.bp-hint{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:12.5px;color:var(--muted)}.bp-hint svg{flex:none;margin-top:2px;color:var(--accent)}
.bp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.bp-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;background:var(--surface);border:1px solid var(--line)!important;border-radius:18px!important;padding:14px!important;flex-wrap:nowrap!important}
.bp-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.06)}
.bp-top{display:flex;align-items:center;gap:8px}
.bp-pos{width:24px;height:24px;border-radius:50%;background:var(--alt);font-size:11.5px;font-weight:700;display:grid;place-items:center;color:var(--muted)}
.bp-st{margin-inline-start:auto;font-size:11px;font-weight:600;color:var(--muted);background:var(--alt);border-radius:999px;padding:2px 9px}.bp-st.ok{background:#E7F6EF;color:#047857}
.bp-logo{position:relative;height:110px;border-radius:14px;background:var(--alt);display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:background .2s}
.bp-logo:hover{background:color-mix(in srgb,var(--accent) 8%,var(--alt))}
.bp-logo img{max-width:70%;max-height:70px;object-fit:contain}
.bp-mono{font-family:var(--f-display);font-size:40px;font-weight:700;color:color-mix(in srgb,var(--fg) 25%,transparent)}
.bp-logo em{position:absolute;bottom:8px;font-style:normal;font-size:11.5px;color:var(--accent);display:flex;align-items:center;gap:4px;font-weight:600}
.bp-info b{display:block;font-size:15px;font-weight:600;text-align:start}.bp-info small{font-size:12px;color:var(--muted)}
.bp-acts{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bp-acts .btn{display:inline-flex;align-items:center;gap:5px}
@media (max-width:760px){.bp-stats b{font-size:19px}.bp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bp-logo{height:84px}.bp-acts .btn-ghost{display:none}}

/* الماركات: خيارات إضافية */
.bp-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.bp-chips{display:flex;gap:6px;flex-wrap:wrap}
.bp-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;cursor:pointer;color:var(--fg)}
.bp-chip span{font-size:11px;background:var(--alt);border-radius:999px;padding:0 6px;color:var(--muted)}
.bp-chip.on{background:var(--fg);color:var(--surface);border-color:var(--fg)}.bp-chip.on span{background:rgba(255,255,255,.2);color:inherit}
.bp-st.hid{background:#FEF3C7;color:#92400E}
.bp-card.is-hid .bp-logo{opacity:.55}
.bp-feat{width:22px;height:22px;border-radius:50%;background:#FFF4D6;color:#C68A00;display:grid;place-items:center}
.bp-ar{display:block;font-size:12.5px;color:var(--muted);text-align:start}
.bp-info a{color:var(--accent)}
.bp-ed{margin-bottom:4px}
.bp-ed-g{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;align-items:start}
.bp-ed-logo{height:160px!important}
.bh-card{display:flex;gap:16px;align-items:center;background:var(--alt);border-radius:18px;padding:14px 18px;margin-top:12px;max-width:760px}
.bh-logo{width:72px;height:72px;border-radius:16px;background:var(--surface);display:grid;place-items:center;flex:none}.bh-logo img{max-width:52px;max-height:44px;object-fit:contain}
.bh-card p{margin:0 0 4px;font-size:14px;color:var(--fg);line-height:1.6}
.bh-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.bh-meta a{color:var(--accent)}
@media (max-width:760px){.bp-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bp-ed-g{grid-template-columns:1fr}.bp-ed-logo{height:110px!important}}

.bi-cat-new{border-style:dashed!important;color:var(--accent)!important;background:transparent!important;justify-content:center}
.bi-cat-new svg{color:var(--accent)}
.qc-box{margin-top:12px;border:1.5px solid var(--accent);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb,var(--accent) 3%,var(--surface))}
.qc-box[hidden]{display:none}
.qc-h b{display:block;font-size:14px}.qc-h small{display:block;font-size:12px;color:var(--muted)}
.qc-acts{display:flex;gap:8px}

/* نافذة التصنيف الاحترافية */
.modal:has(.cgx){width:min(960px,96vw)!important;max-width:none!important;padding:0!important;overflow:hidden;display:flex;flex-direction:column;max-height:92vh}
.cgx{display:flex;flex-direction:column;min-height:0;flex:1}
.cgx-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}
.cgx-head h3{font-size:18px;margin:0}.cgx-head small{color:var(--muted);font-size:12.5px}
#catErr:empty{display:none}#catErr{padding:10px 22px 0}
.cgx-body{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0;flex:1;overflow:auto}
.cgx-side{background:var(--alt);padding:20px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;align-self:start}
.cgx-pl{font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.04em}
.cgx-stage{background:var(--surface);border-radius:18px;padding:22px 12px;display:grid;place-items:center;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.cgx-stage .cat{max-width:none!important}
.cgx-chip{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:999px;padding:6px 14px 6px 8px;width:fit-content;font-size:13px;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.cgx-chip-ic{width:26px;height:26px;display:grid;place-items:center}.cgx-chip-ic img,.cgx-chip-ic svg{max-width:24px;max-height:24px;object-fit:contain}
.cgx-tip{font-size:11.5px;color:var(--muted);margin:0}
.cgx-main{padding:6px 22px 18px;display:flex;flex-direction:column}
.cgx-sec{padding:18px 0;border-bottom:1px solid var(--line)}.cgx-sec:last-child{border-bottom:0}
.cgx-sh{margin-bottom:12px}.cgx-sh b{display:block;font-size:14.5px}.cgx-sh small{display:block;font-size:12px;color:var(--muted)}
.cgx-seg{max-width:360px;margin-bottom:12px}
.cgx-pane[hidden]{display:none!important}
.cgx-note{display:flex;gap:8px;align-items:flex-start;background:var(--alt);border-radius:12px;padding:12px;font-size:12.5px;color:var(--muted)}.cgx-note svg{flex:none;color:var(--accent);margin-top:1px}
.cgx-drop{display:flex;align-items:center;gap:14px;border:1.5px dashed var(--line);border-radius:14px;padding:14px;cursor:pointer;transition:border-color .2s,background .2s}
.cgx-drop:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,transparent)}
.cgx-dimg{width:72px;height:72px;border-radius:14px;background:var(--alt);display:grid;place-items:center;color:var(--muted);flex:none;overflow:hidden}.cgx-dimg img{max-width:60px;max-height:60px;object-fit:contain}
.cgx-drop b{display:block;font-size:13.5px;color:var(--accent)}.cgx-drop small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.cgx-icons{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(48px,1fr))!important;gap:6px!important;max-height:216px;overflow:auto;padding:2px}
.cgx-icons .ic-pick{width:auto!important;height:48px!important;border-radius:12px!important}
.cgx-tones{gap:10px}.cgx-tones .swatch{width:30px;height:30px}
.cgx-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface)}
.cgx .danger-zone{background:none;border:0;border-radius:0;margin:0}
@media (max-width:760px){.cgx-body{grid-template-columns:1fr}.cgx-side{position:static;flex-direction:row;align-items:center;flex-wrap:wrap;padding:14px}.cgx-stage{padding:12px;flex:1;min-width:160px}.cgx-tip{display:none}.cgx-main{padding:4px 14px 12px}.cgx-head,.cgx-foot{padding:12px 14px}}

/* التقارير */
.rp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.rp-seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px;overflow-x:auto;max-width:100%;scrollbar-width:none}
.rp-seg button{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--muted);padding:7px 15px;border-radius:999px;cursor:pointer;white-space:nowrap}
.rp-seg button.on{background:var(--ink,#1d1d1f);color:var(--bg,#fff)}
.rp-range{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);flex-wrap:wrap}.rp-range span{padding-inline-start:8px;border-inline-start:1px solid var(--line)}
.rp{display:flex;flex-direction:column;gap:16px}
.rp-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rp-kpi{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 16px 44px;display:flex;flex-direction:column;gap:4px;min-width:0}
.rp-kpi::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--c)}
.rp-kh{display:flex;align-items:center;gap:8px;min-width:0}
.rp-ki{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
.rp-kl{font-size:12.5px;color:var(--muted);font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-kv{font-size:21px;font-weight:800;letter-spacing:-.02em;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-kpi>small{font-size:11.5px;color:var(--muted)}
.rp-spark{position:absolute;inset:auto 0 0;width:100%;height:36px}
.rp-dl{font-size:11px;font-weight:700;padding:3px 7px;border-radius:999px;flex:none}
.rp-dl.up{color:#1D9A4E;background:color-mix(in srgb,#1D9A4E 13%,transparent)}.rp-dl.down{color:#E0322B;background:color-mix(in srgb,#E0322B 12%,transparent)}.rp-dl.flat{color:var(--muted);background:var(--line)}
.rp-card{border-radius:18px!important;padding:20px!important;min-width:0}
.rp-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.rp-h h3{font-size:16px;font-weight:700;margin:0}.rp-h small{font-size:12.5px;color:var(--muted)}
.rp-lg{display:flex;gap:14px;font-size:12.5px;color:var(--muted)}.rp-lg span{display:flex;align-items:center;gap:6px}.rp-lg i{width:10px;height:10px;border-radius:3px}
.rp-chart{display:flex;gap:10px;direction:ltr}.rp-y{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--muted);padding:14px 0 30px;text-align:end;min-width:34px;direction:ltr}
.rp-plot{flex:1;min-width:0;position:relative}.rp-plot svg{width:100%;height:240px;display:block}
.rp-x{position:relative;height:22px;margin-top:6px}.rp-x span{position:absolute;top:0;transform:translateX(-50%);font-size:11px;color:var(--muted);white-space:nowrap;direction:ltr}
.rp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rp-full{grid-column:1/-1}.rp-full .rp-wk{height:170px}
.rp-dw{display:flex;align-items:center;gap:22px}
.rp-donut{position:relative;width:170px;height:170px;flex:none}.rp-donut svg{width:100%;height:100%}
.rp-dc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.rp-dc b{font-size:22px;font-weight:800;direction:ltr}.rp-dc small{font-size:12px;color:var(--muted)}
.rp-leg{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.rp-leg>div{display:grid;grid-template-columns:10px 1fr auto;column-gap:8px;align-items:center;font-size:13.5px}
.rp-leg i{width:10px;height:10px;border-radius:3px}.rp-leg span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-leg b{font-weight:700}.rp-leg small{grid-column:2/4;font-size:12px;color:var(--muted)}
.rp-stack{display:flex;height:14px;border-radius:999px;overflow:hidden;gap:2px;background:var(--line)}.rp-stack i{display:block;height:100%;min-width:4px}.rp-stack.sm{height:10px}
.rp-sg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.rp-sg button{display:grid;grid-template-columns:10px 1fr auto auto;gap:8px;align-items:center;text-align:start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 12px;font:inherit;font-size:13px;color:inherit;cursor:pointer}
.rp-sg button:hover{border-color:var(--c)}.rp-sg i{width:10px;height:10px;border-radius:50%;background:var(--c)}.rp-sg span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-sg b{font-weight:700}.rp-sg small{color:var(--muted);font-size:11.5px}
.rp-rank{display:flex;flex-direction:column;gap:12px}
.rp-rank>div{display:grid;grid-template-columns:26px 1fr auto;column-gap:10px;row-gap:6px;align-items:center;font-size:13.5px}
.rp-n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--muted);background:color-mix(in srgb,var(--line) 70%,transparent)}
.rp-rl{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-rank .rp-tr{grid-column:2/3}.rp-rank>div>small{color:var(--muted);font-size:12px}
.rp-tr{display:block;height:7px;background:var(--line);border-radius:999px;overflow:hidden}.rp-tr i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 60%,#fff))}
.rp-split{padding:12px 0;border-top:1px solid var(--line)}.rp-split:first-of-type{border-top:0;padding-top:0}
.rp-sl{font-size:13px;font-weight:700;margin-bottom:8px}
.rp-sv{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:12.5px;color:var(--muted)}.rp-sv span{display:flex;align-items:center;gap:6px}.rp-sv i{width:9px;height:9px;border-radius:50%}.rp-sv b{color:var(--ink,inherit)}
.rp-wk{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:190px;align-items:end}
.rp-wk>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.rp-wk i{display:block;width:100%;max-width:40px;border-radius:8px 8px 4px 4px;background:color-mix(in srgb,var(--c) 30%,transparent)}
.rp-wk .top i{background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 65%,#fff))}
.rp-wk span{white-space:nowrap;font-size:11.5px;color:var(--muted)}.rp-wk small{font-size:10.5px;color:var(--muted);direction:ltr;min-height:14px}.rp-wk .top span{color:inherit;font-weight:700}
.rp-tp{display:flex;flex-direction:column}
.rp-tph,.rp-tpr{display:grid;grid-template-columns:36px minmax(0,1fr) 70px 150px;gap:12px;align-items:center}
.rp-tph{font-size:12px;color:var(--muted);font-weight:600;padding:0 0 10px;border-bottom:1px solid var(--line)}
.rp-tpr{padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px}.rp-tpr:last-child{border-bottom:0}
.rp-tpn{display:flex;align-items:center;gap:10px;min-width:0}.rp-tpn>span:last-child{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.rp-tpn b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-tpr>b{font-weight:700;text-align:end}.rp-tph>span:last-child{text-align:end}
@media (max-width:900px){.rp-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.rp-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rp-kpi{padding:12px 12px 38px;border-radius:14px}.rp-kv{font-size:16px}.rp-ki{width:26px;height:26px;border-radius:8px}.rp-ki svg{width:15px;height:15px}.rp-kl{font-size:11.5px}.rp-kpi>small{display:none}.rp-spark{height:28px}
 .rp-card{padding:14px!important;border-radius:14px!important}.rp-h h3{font-size:14.5px}.rp-plot svg{height:170px}.rp-y{padding:10px 0 28px}
 .rp-dw{flex-direction:column;align-items:stretch}.rp-donut{width:150px;height:150px;margin:0 auto}
 .rp-tph,.rp-tpr{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}.rp-tph>span:nth-child(3),.rp-tpr>span:nth-child(3){display:none}.rp-tpr>b{font-size:12.5px}
 .rp-seg button{padding:6px 11px;font-size:12px}.rp-wk,.rp-full .rp-wk{height:150px;gap:4px}.rp-wk span{font-size:10px}.rp-kh .rp-dl{position:absolute;top:10px;inset-inline-end:10px}}

.rp-ov,.adm .panel.rp-ov{padding:0!important;border-radius:18px!important;overflow:hidden}
.rp-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--line)}
.rp-tabs button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border-inline-start:1px solid var(--line);position:relative;min-width:0;transition:background .15s}
.rp-tabs button:first-child{border-inline-start:0}
.rp-tabs button:hover{background:color-mix(in srgb,var(--line) 35%,transparent)}
.rp-tabs button.on{background:var(--surface)}
.rp-tabs button.on::after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--accent,#0071E3)}
.rp-tabs button:focus-visible{outline:2px solid var(--accent,#0071E3);outline-offset:-2px}
.rp-tl{font-size:12.5px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-tabs button.on .rp-tl{color:var(--accent,#0071E3);font-weight:600}
.rp-tv{font-size:20px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-tc{display:flex;align-items:center;gap:6px;min-width:0}.rp-tc small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-tc .rp-dl{padding:0;background:none!important;font-size:12px}
.rp-ovb{padding:20px}
.rp-lg i.dash{width:16px;height:0;border-top:2px dashed #A1A1AA;border-radius:0}
@media (max-width:1500px){.rp-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.rp-tabs button:nth-child(3n+1){border-inline-start:0}.rp-tabs button:nth-child(-n+3){border-bottom:1px solid var(--line)}.rp-tabs button.on::after{bottom:0}}
@media (max-width:640px){.rp-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-tabs button{padding:13px 14px;border-bottom:1px solid var(--line)!important;border-inline-start:1px solid var(--line)!important}.rp-tabs button:nth-child(odd){border-inline-start:0!important}.rp-tabs button:nth-child(n+5){border-bottom:0!important}.rp-tv{font-size:16px}.rp-tl{font-size:11.5px}.rp-tc small{display:none}.rp-ovb{padding:14px}}

.rp-tpw .rp-h{align-items:center}
.rp-tb{display:flex;flex-direction:column;margin:0 -20px -20px}
.rp-tbh,.rp-tbr{display:grid;grid-template-columns:minmax(0,1fr) 90px 150px 170px;gap:16px;align-items:center;padding:0 20px}
.rp-tbh{font-size:12px;color:var(--muted);font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--line)}
.rp-tbh span:not(:first-child){text-align:end}
.rp-tbr{padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--line);transition:background .15s}.rp-tbr:last-child{border-bottom:0}
.rp-tbr:hover{background:color-mix(in srgb,var(--line) 30%,transparent)}
.rp-tbp{display:flex;align-items:center;gap:12px;min-width:0}
.rp-tbi{position:relative;width:46px;height:46px;flex:none;border-radius:12px;background:var(--bg,#F5F5F7);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.rp-tbi>*:not(i){max-width:80%;max-height:80%}
.rp-tbk{width:18px;flex:none;text-align:center;font-size:13px;font-weight:600;color:var(--muted)}
.rp-tbr:nth-child(-n+4) .rp-tbk{color:var(--ink,#1d1d1f);font-weight:800}
.rp-tbn{display:flex;flex-direction:column;gap:2px;min-width:0}.rp-tbn b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-tbn small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-tbq{text-align:end;font-size:14px}.rp-tbq small{font-size:11.5px;color:var(--muted);margin-inline-start:4px}
.rp-tbv{text-align:end;font-size:14px;font-weight:700}
.rp-tbs{display:flex;align-items:center;gap:10px;justify-content:flex-end}.rp-tbs b{font-size:13px;font-weight:600;min-width:36px;text-align:end}
.rp-tbbar{flex:1;max-width:110px;height:6px;border-radius:999px;background:var(--line);overflow:hidden;display:block}.rp-tbbar i{display:block;height:100%;border-radius:999px;background:var(--accent,#0071E3)}
@media (max-width:900px){.rp-tbh,.rp-tbr{grid-template-columns:minmax(0,1fr) 70px 130px}.rp-tbh span:nth-child(4),.rp-tbs{display:none}}
@media (max-width:640px){.rp-tb{margin:0 -14px -14px}.rp-tbh{display:none}.rp-tbr{grid-template-columns:minmax(0,1fr) auto;padding:11px 14px;row-gap:2px}.rp-tbp{grid-row:1/3}.rp-tbq{grid-column:2;grid-row:2;font-size:12px;color:var(--muted)}.rp-tbq b{font-weight:500}.rp-tbv{grid-column:2;grid-row:1;font-size:13px}.rp-tbi{width:40px;height:40px;border-radius:10px}.rp-tbn b{font-size:13px}.rp-tpw .rp-h .btn{display:none}}

/* شريط الإعلان: إعدادات */
.anx{display:flex;flex-direction:column;gap:16px}
.anx-hh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.anx-hh small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
.anx-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;white-space:nowrap;background:var(--alt);color:var(--muted)}
.anx-st i{width:7px;height:7px;border-radius:50%;background:currentColor}.anx-st.ok{background:color-mix(in srgb,#1D9A4E 12%,transparent);color:#1D9A4E}.anx-st.warn{background:color-mix(in srgb,#E8760B 13%,transparent);color:#C2620A}
.anx-pv-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 8px;font-size:12.5px;font-weight:600;color:var(--muted)}
.anx-pv-h>span{white-space:nowrap}.anx-pv-h .seg.anx-lang{width:auto;flex:none;font-size:12px}.anx-pv-h .seg.anx-lang button{padding:5px 14px}
.anx-frame #anPrev{pointer-events:none}
.anx-fake{padding:14px 16px 18px;background:var(--surface)}.anx-fh{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.anx-fh b{font-size:13px;margin-inline-end:auto}.anx-fh span{width:44px;height:7px;border-radius:4px;background:var(--line)}
.anx-fb{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.anx-fb i{height:54px;border-radius:10px;background:var(--alt)}
.anx-cnt{display:block;text-align:end;font-size:11px;color:var(--muted);margin-top:4px}
.anx-sug{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--muted)}.anx-sug button{border:1px dashed var(--line);background:none;font:inherit;font-size:12px;color:var(--fg);padding:5px 10px;border-radius:999px;cursor:pointer}.anx-sug button:hover{border-color:var(--accent);color:var(--accent)}
.anx-lbl{font-size:13px;font-weight:600;margin:4px 0 8px}.anx-lbl~.anx-lbl{margin-top:18px}
.anx-tones{display:flex;flex-wrap:wrap;gap:10px}
.anx-tone{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;font:inherit;cursor:pointer;padding:0}
.anx-tone span{width:64px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:box-shadow .15s}
.anx-tone small{font-size:11.5px;color:var(--muted)}.anx-tone.on span{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.anx-tone.on small{color:var(--fg);font-weight:600}
.anx-mo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.anx-opt{display:flex;align-items:center;gap:12px;text-align:start;border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:12px 14px;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.anx-opt:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.anx-opt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.anx-opt b{font-size:13.5px;font-weight:600;display:block}.anx-opt small{font-size:12px;color:var(--muted)}
.anx-oi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--alt);color:var(--muted)}.anx-opt.on .anx-oi{background:var(--accent);color:#fff}
.anx-lk{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.anx-opt.sm{padding:10px 12px;gap:10px;border-radius:12px}.anx-opt.sm .anx-oi{width:30px;height:30px;border-radius:8px}.anx-opt.sm b{font-size:13px}
.anx-pane{margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.anx-pane[hidden]{display:none!important}
.anx-ps{position:relative;padding:10px;border-bottom:1px solid var(--line);background:var(--alt)}.anx-ps>span{position:absolute;inset-inline-start:22px;top:50%;transform:translateY(-50%);color:var(--muted);display:flex}.anx-ps .input{padding-inline-start:38px!important;background:var(--surface)}
.anx-pl{max-height:300px;overflow:auto;display:flex;flex-direction:column}
.anx-pi{display:flex;align-items:center;gap:12px;padding:10px 14px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}
.anx-pi:last-child{border-bottom:0}.anx-pi:hover{background:var(--alt)}.anx-pi[hidden]{display:none}
.anx-pt{width:40px;height:40px;border-radius:10px;background:var(--alt);display:grid;place-items:center;flex:none;overflow:hidden}.anx-pt>*{max-width:80%;max-height:80%}
.anx-pn{flex:1;min-width:0;display:flex;flex-direction:column}.anx-pn b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anx-pn small{font-size:12px;color:var(--muted)}
.anx-ck{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;color:transparent;flex:none}
.anx-pi.on{background:color-mix(in srgb,var(--accent) 7%,transparent)}.anx-pi.on .anx-ck{background:var(--accent);border-color:var(--accent);color:#fff}
.anx-cl{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:12px}
.anx-ci{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:8px 10px;font:inherit;font-size:13px;color:inherit;cursor:pointer;text-align:start}
.anx-ci.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.anx-cv{width:30px;height:30px;display:grid;place-items:center;flex:none}.anx-cv>*{max-width:100%;max-height:100%}
.anx-sel{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;color:#1D9A4E}.anx-sel[hidden]{display:none}.anx-sel b{color:var(--fg)}.anx-sel .w{display:flex;align-items:center;gap:6px;color:#C2620A}
.anx-uh{justify-content:flex-end;flex-direction:row!important;align-items:center;gap:10px;flex-wrap:wrap}.anx-uh small{font-size:12.5px;color:var(--muted);flex:1}
.ann-st{display:flex;align-items:center;justify-content:center;gap:6px}
@media (max-width:640px){.anx-mo{grid-template-columns:1fr}.anx-hh{gap:8px}.anx-lk{grid-template-columns:repeat(2,minmax(0,1fr))}.anx-cl{grid-template-columns:repeat(2,minmax(0,1fr))}.anx-fb i{height:38px}.anx-tone span{width:54px;height:36px}.anx-hh{flex-direction:column}}

.anx-cus span{background:conic-gradient(from 0deg,#FF5F57,#FEBC2E,#28C840,#0B97B5,#0071E3,#8E44EC,#E3317D,#FF5F57);color:#fff}
.anx-custom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--alt)}
.anx-custom[hidden]{display:none!important}
.anx-cf{display:flex;flex-direction:column;gap:6px;min-width:0}.anx-cf>label{font-size:12.5px;font-weight:600}
.anx-cf:nth-child(3),.anx-ctr{grid-column:1/-1}
.anx-cin{display:flex;align-items:center;gap:8px}
.anx-cpk{position:relative;width:44px;height:42px;border-radius:10px;flex:none;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.anx-cpk input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}
.anx-cin .input{font-family:ui-monospace,Menlo,monospace;text-transform:uppercase;background:var(--surface)}
.anx-qc{display:flex;flex-wrap:wrap;gap:8px}.anx-qc button{width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);transition:transform .12s}.anx-qc button:hover{transform:scale(1.12)}
.anx-ctr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px}.anx-ctr span{display:flex;align-items:center;gap:6px;font-weight:600}.anx-ctr .ok{color:#1D9A4E}.anx-ctr .bad{color:#C2620A}.anx-ctr small{color:var(--muted)}
@media (max-width:640px){.anx-custom{grid-template-columns:1fr;padding:12px}}

/* أيقونات ملوّنة بأسلوب إعدادات الأنظمة الحديثة */
.set-item[data-k="appearance"]{--ic:#FF2D92}.set-item[data-k="store"]{--ic:#0A84FF}.set-item[data-k="social"]{--ic:#34C759}.set-item[data-k="announce"]{--ic:#FF9500}.set-item[data-k="shipping"]{--ic:#5856D6}.set-item[data-k="notify"]{--ic:#FF3B30}.set-item[data-k="orders"]{--ic:#00A3D9}.set-item[data-k="tax"]{--ic:#AF52DE}.set-item[data-k="payment"]{--ic:#FF2D55}.set-item[data-k="users"]{--ic:#32ADE6}.set-item[data-k="password"]{--ic:#8E8E93}.set-item[data-k="maint"]{--ic:#A2845E}.set-item[data-k="backup"]{--ic:#00C7BE}.set-item[data-k="testdata"]{--ic:#636366}.set-item[data-k="basic"]{--ic:#0A84FF}.set-item[data-k="images"]{--ic:#FF9500}.set-item[data-k="colors"]{--ic:#FF2D55}.set-item[data-k="specs"]{--ic:#5856D6}.set-item[data-k="price"]{--ic:#34C759}.set-item[data-k="caps"]{--ic:#00A3D9}.set-item[data-k="stock"]{--ic:#AF52DE}.set-item[data-k="preorder"]{--ic:#D4A017}.set-item[data-k="display"]{--ic:#32ADE6}
.set-nav .set-item[data-k] .set-ic,.set-nav .set-item[data-k].on .set-ic{background:linear-gradient(180deg,color-mix(in srgb,var(--ic) 78%,#fff),var(--ic));color:#fff;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08),0 1px 2px color-mix(in srgb,var(--ic) 35%,transparent)}
.set-nav .set-item[data-k] .set-ic svg{stroke-width:2.1;filter:drop-shadow(0 .5px 0 rgba(0,0,0,.12))}
.set-nav .set-item[data-k].on .set-ic{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px color-mix(in srgb,var(--ic) 55%,transparent)}
.set-nav .set-item[data-k] .set-ic{width:30px;height:30px;border-radius:8px}.set-nav .set-item[data-k] .set-ic svg{width:16px;height:16px}
@media (max-width:760px){.set-nav .set-item[data-k] .set-ic{width:24px!important;height:24px!important;border-radius:7px!important}.set-nav .set-item[data-k] .set-ic svg{width:13px;height:13px}}
.set-nav .set-item[data-k]:hover .set-ic{transform:scale(1.04)}.set-nav .set-ic{transition:transform .15s}

/* ألوان أيقونات القائمة الجانبية */
.side nav button[data-v="dash"] svg{color:#0A84FF}.side nav button[data-v="orders"] svg{color:#FF9F0A}.side nav button[data-v="products"] svg{color:#BF5AF2}.side nav button[data-v="categories"] svg{color:#FF375F}.side nav button[data-v="brands"] svg{color:#FFD60A}.side nav button[data-v="customers"] svg{color:#64D2FF}.side nav button[data-v="payments"] svg{color:#30D158}.side nav button[data-v="reports"] svg{color:#7D7AFF}.side nav button[data-v="pricing"] svg{color:#66D4CF}.side nav button[data-v="gateway"] svg{color:#FF6961}.side nav button[data-v="settings"] svg{color:#AEAEB2}.side nav button[data-v="activity"] svg{color:#C7A57A}
.adm-tabs>button[data-v="dash"] svg{color:#007AFF}.adm-tabs>button[data-v="orders"] svg{color:#FF9500}.adm-tabs>button[data-v="products"] svg{color:#AF52DE}.adm-tabs>button[data-aact="side"] svg{color:#8E8E93}
.side .foot-l [data-aact="store"] svg{color:#30D158}.side .foot-l [data-aact="logout"] svg{color:#FF6961}

.set-main[style*="--sc"] .st-ic{background:color-mix(in srgb,var(--sc) 13%,transparent);color:var(--sc)}
.set-main[style*="--sc"] .set-sec{border-color:var(--sc)}

/* المفضلة */
.badge-count[hidden]{display:none!important}
.card{position:relative}
.wish-btn{position:absolute;top:10px;inset-inline-end:10px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);box-shadow:0 1px 4px rgba(0,0,0,.1);transition:color .2s,transform .2s}
.wish-btn:hover{color:#FF2D55;transform:scale(1.06)}
.wish-btn.on{color:#FF2D55}.wish-btn.on svg{fill:currentColor}
.wish-btn.pop svg{animation:wpop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes wpop{0%{transform:scale(.6)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.wish-btn.lg{position:static;width:44px;height:44px;flex:none;border:1px solid var(--line);box-shadow:none;background:var(--surface)}
.pd-titlerow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#wishBtn{position:relative}#wishBtn[hidden]{display:none!important}
.wl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.wl-head p{color:var(--muted)}
.wl-empty{text-align:center;padding:60px 16px 80px;display:flex;flex-direction:column;align-items:center;gap:10px}
.wl-eic{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,#FF2D55 10%,transparent);color:#FF2D55;margin-bottom:8px}
.wl-empty h2{font-size:22px}.wl-empty p{color:var(--muted);margin-bottom:10px}

/* أيقونات التصنيفات أكبر */
.cat-bar .cp-ic{width:104px;height:84px}
.cat-bar .cp-stack{width:104px;height:84px}
.cat-bar .cps{height:66px;width:54px}.cat-bar .cps0{height:84px;width:56px;inset-inline-start:24px}
.cat-bar .cp-fb{width:72px;height:72px;border-radius:20px}.cat-bar .cp-fb svg{width:40px;height:40px}
.cat-bar .cat-pill{min-width:122px;gap:10px}.cat-bar .cat-pill .cp-n{font-size:13.5px}
@media (max-width:820px){.cat-bar .cp-ic,.cat-bar .cp-stack{width:84px;height:68px}.cat-bar .cps{height:54px;width:44px}.cat-bar .cps0{height:68px;width:46px;inset-inline-start:19px}.cat-bar .cp-fb{width:60px;height:60px;border-radius:17px}.cat-bar .cp-fb svg{width:34px;height:34px}.cat-bar .cat-pill{min-width:96px}.cat-bar .cat-pill .cp-n{font-size:12.5px}}


/* إحصاءات: منع خروج المبالغ خارج البطاقة */
.stat{overflow:hidden}.stat b bdi{white-space:normal}
@media (max-width:760px){.stat b:has(bdi){font-size:16px!important}}

/* واجهة سينمائية */
.hero-slider{overflow:hidden}
.hs-slide.on h1{animation:hcWipe 1.3s cubic-bezier(.2,.8,.2,1) .1s both}
@keyframes hcWipe{from{clip-path:inset(-30% -6% -30% 106%);filter:blur(10px);opacity:.15;letter-spacing:.04em}to{clip-path:inset(-30% -6% -30% -6%);filter:blur(0);opacity:1;letter-spacing:normal}}
[dir=ltr] .hs-slide.on h1{animation-name:hcWipeL}
@keyframes hcWipeL{from{clip-path:inset(-30% 106% -30% -6%);filter:blur(10px);opacity:.15;letter-spacing:.04em}to{clip-path:inset(-30% -6% -30% -6%);filter:blur(0);opacity:1;letter-spacing:normal}}
.hs-slide .hw{display:inline-block}
.hs-slide.on .hw{animation:hcWord .8s cubic-bezier(.2,.8,.2,1) calc(.55s + var(--i)*.07s) both}
@keyframes hcWord{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.hs-slide.on .eyebrow{animation:hcUp .7s cubic-bezier(.2,.8,.2,1) both}
.hs-slide.on .from{animation:hcUp .8s cubic-bezier(.2,.8,.2,1) .9s both}
.hs-slide.on .hero-cta{animation:hcUp .8s cubic-bezier(.2,.8,.2,1) 1.05s both}
@keyframes hcUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hs-slide.on .hero-stage{animation:hcImg 1.5s cubic-bezier(.16,.9,.2,1) .2s both}
@keyframes hcImg{from{opacity:0;transform:translateY(60px) scale(.84);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}
.hs-slide.on .hero-stage>svg,.hs-slide.on .hero-stage>img{animation:hcFloat 6s ease-in-out 1.8s infinite}
@keyframes hcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hs-slide.on .hero-stage::before{animation:hcGlow 5s ease-in-out infinite}
@keyframes hcGlow{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.hero-slider .hero-stage{translate:0 calc(var(--hp,0) * 110px);scale:calc(1 + var(--hp,0) * .14)}
.hero-slider .hs-slide .wrap>h1,.hero-slider .hs-slide .wrap>h2,.hero-slider .hs-slide .wrap>.eyebrow,.hero-slider .hs-slide .wrap>.from,.hero-slider .hs-slide .wrap>.hero-cta{translate:0 calc(var(--hp,0) * -50px)}
@media (prefers-reduced-motion:reduce){.hs-slide.on h1,.hs-slide.on .hw,.hs-slide.on .eyebrow,.hs-slide.on .from,.hs-slide.on .hero-cta,.hs-slide.on .hero-stage,.hs-slide.on .hero-stage>*,.hs-slide.on .hero-stage::before{animation:none!important}}


/* صفحة الدخول */
.lgs{--l-bg:#F5F7FA;--l-card:#fff;--l-fg:#0F172A;--l-mut:#64748B;--l-line:#E2E8F0;--l-fill:#F1F5F9;--l-acc:#0071E3;position:fixed;inset:0;z-index:300;overflow:auto;display:flex;flex-direction:column;background:var(--l-bg);color:var(--l-fg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lgs{--l-bg:#0B0F17;--l-card:#141A24;--l-fg:#F1F5F9;--l-mut:#94A3B8;--l-line:#263042;--l-fill:#1B2230;--l-acc:#0A84FF}}
:root[data-theme="dark"] .lgs{--l-bg:#0B0F17;--l-card:#141A24;--l-fg:#F1F5F9;--l-mut:#94A3B8;--l-line:#263042;--l-fill:#1B2230;--l-acc:#0A84FF}
.lgs-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 45% at 50% 0%,color-mix(in srgb,var(--l-acc) 14%,transparent),transparent 70%)}
.lgs-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 20px}
.lgs-back{width:40px;height:40px;border-radius:50%;border:1px solid var(--l-line);background:var(--l-card);color:var(--l-fg);display:grid;place-items:center;cursor:pointer}
[dir=ltr] .lgs-back svg{transform:scaleX(-1)}
.lgs .lang-btn,.lgs .alang{background:var(--l-card);border-color:var(--l-line);color:var(--l-fg)}
.lgs-main{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px 24px}
.lgs-card{width:100%;max-width:420px;background:var(--l-card);border:1px solid var(--l-line);border-radius:24px;padding:36px 32px 30px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 20px 50px -12px rgba(15,23,42,.12);display:flex;flex-direction:column;gap:18px}
.lgs-id{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:4px}
.lgs-app .logo-mark{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(160deg,#1F2937,#0B0F17);color:#fff;box-shadow:0 10px 24px -6px rgba(15,23,42,.45),inset 0 1px 0 rgba(255,255,255,.12)}
.lgs-app .logo-mark svg{width:20px;height:28px}.lgs-app .logo-mark img{width:70%;height:70%;object-fit:contain}
.lgs-h h1{font-size:25px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.lgs-h p{font-size:14.5px;color:var(--l-mut)}
.lgs-err{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:12px;font-size:13.5px;color:#DC2626;background:color-mix(in srgb,#EF4444 10%,var(--l-card));border:1px solid color-mix(in srgb,#EF4444 25%,transparent);animation:lgsShake .4s}
@keyframes lgsShake{0%,100%{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.lgs-f{display:flex;flex-direction:column;gap:8px}.lgs-f>label,.lgs-f>.lgs-lr label{font-size:13.5px;font-weight:600;color:var(--l-fg)}
.lgs-iw{position:relative;display:flex;align-items:center;height:54px;border-radius:14px;background:var(--l-fill);border:1.5px solid transparent;transition:border-color .2s,background .2s,box-shadow .2s}
.lgs-iw:focus-within{background:var(--l-card);border-color:var(--l-acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--l-acc) 16%,transparent)}
.lgs-ic{width:48px;display:grid;place-items:center;color:var(--l-mut);flex:none}.lgs-iw:focus-within .lgs-ic{color:var(--l-acc)}
.lgs-in{flex:1;min-width:0;height:100%;border:0;background:none;font:inherit;font-size:16px;color:var(--l-fg);outline:none;padding:0 14px 0 0}
[dir=rtl] .lgs-in{text-align:right;padding:0 0 0 14px}
.lgs-in::placeholder{color:color-mix(in srgb,var(--l-mut) 70%,transparent)}
.lgs-eye{width:48px;height:100%;border:0;background:none;color:var(--l-mut);display:grid;place-items:center;cursor:pointer;flex:none}.lgs-eye.on{color:var(--l-acc)}
.lgs-show{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--l-acc);cursor:pointer;padding:0}
.lgs-btn{height:54px;border:0;border-radius:14px;background:var(--l-acc);color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--l-acc) 60%,transparent);transition:transform .1s,filter .15s;margin-top:4px}
.lgs-btn:hover{filter:brightness(1.06)}.lgs-btn:active{transform:scale(.99)}.lgs-btn:disabled{opacity:.7}
.lgs-demo{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--l-mut);text-align:center}.lgs-demo b{color:var(--l-fg)}
.lgs-alt{display:flex;align-items:center;gap:6px;margin-top:20px;font-size:12.5px;color:var(--l-mut)}
.lgs-foot{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:16px 16px 26px;font-size:12.5px;color:var(--l-mut)}
.lgs-foot button{border:0;background:none;font:inherit;color:var(--l-mut);cursor:pointer;padding:0}.lgs-foot button:hover{color:var(--l-acc)}
@media (max-width:560px){.lgs-top{padding:12px 14px}.lgs-main{justify-content:flex-start;padding:4px 14px 16px}.lgs-card{border:0;box-shadow:none;background:transparent;padding:16px 6px 10px}.lgs-h h1{font-size:24px}}
body:has(.lgs) .toasts{z-index:400}


/* القائمة الجانبية: رمادي فاتح */
.side{--band:#F2F2F7;--band-fg:#1D1D1F;--band-muted:#48484A;border-inline-end:1px solid #E5E5EA}
.side nav button:hover,.side .foot-l button:hover{background:rgba(0,0,0,.05)}
.side nav button.on{background:#fff;color:#1D1D1F;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.side .foot-l{border-top-color:rgba(0,0,0,.08)}
.side .cnt{box-shadow:none}
.side nav button[data-v="dash"] svg{color:#007AFF}.side nav button[data-v="orders"] svg{color:#FF9500}.side nav button[data-v="products"] svg{color:#AF52DE}.side nav button[data-v="categories"] svg{color:#FF2D55}.side nav button[data-v="brands"] svg{color:#E5A800}.side nav button[data-v="customers"] svg{color:#32ADE6}.side nav button[data-v="payments"] svg{color:#34C759}.side nav button[data-v="reports"] svg{color:#5856D6}.side nav button[data-v="pricing"] svg{color:#00A3A3}.side nav button[data-v="gateway"] svg{color:#FF3B30}.side nav button[data-v="settings"] svg{color:#8E8E93}.side nav button[data-v="activity"] svg{color:#A2845E}
.side .foot-l [data-aact="store"] svg{color:#34C759}.side .foot-l [data-aact="logout"] svg{color:#FF3B30}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .side{--band:#1C1C1E;--band-fg:#F5F5F7;--band-muted:#AEAEB2;border-inline-end-color:#2C2C2E}:root:not([data-theme="light"]) .side nav button:hover,:root:not([data-theme="light"]) .side .foot-l button:hover{background:rgba(255,255,255,.06)}:root:not([data-theme="light"]) .side nav button.on{background:#2C2C2E;color:#fff;box-shadow:none}:root:not([data-theme="light"]) .side .foot-l{border-top-color:rgba(255,255,255,.08)}}
:root[data-theme="dark"] .side{--band:#1C1C1E;--band-fg:#F5F5F7;--band-muted:#AEAEB2;border-inline-end-color:#2C2C2E}:root[data-theme="dark"] .side nav button.on{background:#2C2C2E;color:#fff;box-shadow:none}





.bk-stats.bk8{grid-template-columns:repeat(4,minmax(0,1fr))}
.bk-secs{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.bk-sec{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--line);transition:background .15s}
.bk-sec:last-child{border-bottom:0}.bk-sec:hover{background:var(--alt)}
.bk-sec input{width:18px;height:18px;accent-color:var(--accent);flex:none}
.bk-si{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(180deg,#5AC8E0,#00A3D9)}
.bk-st{flex:1;min-width:0;display:flex;flex-direction:column}.bk-st b{font-size:14px}.bk-st small{font-size:12px;color:var(--muted)}
.bk-sec em{font-style:normal;font-size:12.5px;color:var(--muted);white-space:nowrap;background:var(--alt);padding:3px 9px;border-radius:999px}
.bk-bar{display:flex;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}
.bk-file{margin-top:14px;display:flex;flex-direction:column;gap:12px}
.bk-fh{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--alt)}.bk-fh svg{color:var(--accent);flex:none}.bk-fh b{display:block;font-size:14px;word-break:break-all}.bk-fh small{font-size:12px;color:var(--muted)}
.bk-file .bk-warn{margin-top:0}
@media (max-width:640px){.bk-sec em{display:none}.bk-sec{padding:11px 12px}}

.bk-al-acts{display:flex;gap:6px;flex-wrap:wrap}

.fxq-bg{position:fixed;inset:0;z-index:249;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fxqBg .18s ease-out}@keyframes fxqBg{from{opacity:0}}
.fxq{position:fixed;z-index:250;top:50%;left:50%;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 20px 50px -10px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:10px;animation:fxqIn .18s ease-out}
@keyframes fxqIn{from{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%)}}
.fxq-h{display:flex;align-items:center;justify-content:space-between}.fxq-h b{font-size:15px}
.fxq-x{width:30px;height:30px;border-radius:50%;border:0;background:var(--alt);color:var(--muted);display:grid;place-items:center;cursor:pointer}
.fxq-cur{font-size:12.5px;color:var(--muted);margin-top:-6px}
.fxq-in{display:flex;align-items:center;gap:8px;height:52px;padding:0 14px;border-radius:14px;background:var(--alt);border:1.5px solid transparent;transition:border-color .15s,box-shadow .15s}
.fxq-in:focus-within{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
.fxq-in span{font-size:13.5px;font-weight:600;color:var(--muted);white-space:nowrap}
.fxq-in input{flex:1;min-width:0;border:0;background:none;outline:none;font:inherit;font-size:22px;font-weight:700;text-align:center;color:var(--fg);font-variant-numeric:tabular-nums}
.fxq-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.fxq-steps button{height:32px;border-radius:9px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--fg)}.fxq-steps button:hover{border-color:var(--accent);color:var(--accent)}
.fxq-prev{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--muted)}.fxq-prev:empty{display:none}.fxq-prev span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fxq-prev b{color:var(--accent);font-size:14px;white-space:nowrap}
.fxq-warn{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--muted);line-height:1.6}.fxq-warn svg{color:#C2620A;flex:none;margin-top:3px}
.fxq-acts{display:flex;align-items:center;justify-content:space-between;gap:8px}.fxq-acts .btn-accent{flex:1}

.pm-h{margin-bottom:12px}.pm-h b{display:block;font-size:15px}.pm-h small{font-size:12.5px;color:var(--muted)}
.pm-list{display:flex;flex-direction:column;gap:10px}
.pm-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color .15s,background .15s}
.pm-row:has(input:checked){border-color:color-mix(in srgb,var(--c) 55%,var(--line));background:color-mix(in srgb,var(--c) 5%,var(--surface))}
.pm-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 78%,#fff),var(--c))}
.pm-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pm-t b{font-size:14.5px}.pm-t small{font-size:12.5px;color:var(--muted)}.pm-t em{font-style:normal;font-size:12px;color:#C2620A;margin-top:2px}.pm-t em .link-btn{font-size:12px;padding:0}
.pm-sw{position:relative;flex:none;width:46px;height:28px}.pm-sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1;width:100%;height:100%}
.pm-sw i{position:absolute;inset:0;border-radius:99px;background:color-mix(in srgb,var(--muted) 35%,transparent);transition:background .2s}
.pm-sw i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.pm-sw input:checked+i{background:#34C759}.pm-sw input:checked+i::after{transform:translateX(18px)}
.pm-sub{margin:-4px 0 0;padding:14px 16px;border:1.5px solid color-mix(in srgb,#0A84FF 30%,var(--line));border-top:0;border-radius:0 0 14px 14px;background:color-mix(in srgb,#0A84FF 3%,var(--surface))}.pm-sub[hidden]{display:none}
.pm-row:has(+.pm-sub:not([hidden])){border-radius:14px 14px 0 0}
.pm-sw input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}

/* الدفع والاستلام */
.pmx{display:flex;flex-direction:column;gap:16px}
.pmx-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pmx-sum>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.pmx-sum b{font-size:17px}.pmx-sum small{font-size:12px;color:var(--muted)}
.pmx-card{padding:0!important;overflow:hidden}
.pmx-h{display:flex;align-items:center;gap:14px;padding:16px 18px}.pmx-h>div{flex:1;min-width:0}.pmx-h b{display:block;font-size:15px}.pmx-h small{font-size:12.5px;color:var(--muted)}
.pmx-body{padding:4px 18px 18px;border-top:1px solid var(--line);padding-top:16px}.pmx-body[hidden]{display:none}
.pmx-in{position:relative}.pmx-in .input{padding-inline-end:46px}.pmx-in span{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:14px;font-size:13px;color:var(--muted)}
[dir=rtl] .pmx-in .input{padding-inline-end:12px;padding-left:46px}[dir=rtl] .pmx-in span{inset-inline-end:auto;left:14px}
.pmx-list{border-top:1px solid var(--line)}
.pmx-m{border-bottom:1px solid var(--line)}.pmx-m:last-child{border-bottom:0}
.pmx-mh{display:flex;align-items:center;gap:12px;padding:12px 18px}.pmx-mh>div{flex:1;min-width:0}.pmx-mh b{display:block;font-size:14px}.pmx-mh small{font-size:12px;color:var(--muted)}
.pmx-m .pmx-body{border-top:1px dashed var(--line);background:var(--alt)}
.pmo-dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;font-weight:800;font-size:14px;color:#fff;background:var(--c)}.pmo-dot.lg{width:36px;height:36px;border-radius:10px;font-size:16px}
.pay-opt.pmo{align-items:center}.pay-opt:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.pmo-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pmo-d{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--alt);font-size:13px}.pay-opt:not(:has(input:checked)) .pmo-d{display:none}
.pmo-box{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:start;width:100%}.pmo-box p{font-size:14px;color:var(--muted)}.pmo-box .pmo-d{margin-top:0;width:100%}
@media (max-width:640px){.pmx-sum{grid-template-columns:repeat(3,minmax(0,1fr))}.pmx-h,.pmx-mh{padding:14px}.pmx-body{padding:14px}}

/* إعدادات الشحن */
.pmx-sum.shx-sum{grid-template-columns:repeat(4,minmax(0,1fr))}
.shx-sum b small{font-size:12px;color:var(--muted);font-weight:500}
.shx-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line);background:var(--alt);font-size:13px;color:var(--muted)}
.shx-bulk .input{width:140px;min-height:38px;padding-block:6px;background:var(--surface)}
.shx-t{border-top:1px solid var(--line)}
.shx-th,.shx-r{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.1fr) 64px;gap:12px;align-items:center;padding:10px 18px}
.shx-th{font-size:12px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line);padding-block:8px}
.shx-r{border-bottom:1px solid var(--line);transition:background .15s,opacity .15s}.shx-r:last-child{border-bottom:0}
.shx-r b{font-size:14px;display:flex;flex-direction:column}.shx-r b small{font-size:11.5px;color:var(--muted);font-weight:400}
.shx-r .input{min-height:40px;padding-block:7px;font-size:14px}
.shx-f{position:relative;display:flex;align-items:center;gap:6px}.shx-f em{font-style:normal;font-size:11.5px;color:#1D9A4E;font-weight:600;white-space:nowrap}
.shx-sw{display:flex;justify-content:flex-end}
.shx-r.off{background:var(--alt)}.shx-r.off b{opacity:.5}
.ship-info{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:12.5px;color:var(--muted)}.ship-info span{display:flex;align-items:center;gap:6px}.ship-info svg{flex:none;color:var(--accent)}.ship-info b{color:var(--fg)}
@media (max-width:760px){.shx-th{display:none}.shx-r{grid-template-columns:minmax(0,1fr) auto;row-gap:8px;padding:12px 14px}.shx-r b{grid-column:1}.shx-r .shx-sw{grid-column:2;grid-row:1}.shx-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shx-r .shx-f{grid-column:1;grid-row:2}.shx-r>span:nth-child(3){grid-column:2;grid-row:2}.shx-r .input{font-size:13px}.shx-bulk{padding:12px 14px}.shx-sum{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.side-me{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:6px;border-radius:12px;background:color-mix(in srgb,var(--band-fg) 5%,transparent)}
.side-me .avatar{width:34px;height:34px;font-size:14px}
.side-me .who{display:flex;flex-direction:column;line-height:1.35;font-size:14px;font-weight:600;color:var(--band-fg);min-width:0}.side-me .who small{font-size:12px;font-weight:400;color:var(--band-muted)}
.st-invl{margin-bottom:16px}.st-invl>b{display:block;font-size:13.5px}.st-invl>small{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.inv-lang{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inv-lang-o{display:flex;gap:10px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer}.inv-lang-o:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.inv-lang-o input{accent-color:var(--accent);width:17px;height:17px;flex:none;margin:0}.inv-lang-o b{display:block;font-size:14px}.inv-lang-o small{display:block;font-size:12px;color:var(--muted)}

.ok2{max-width:1040px;margin:28px auto 0;display:flex;flex-direction:column;gap:22px}
.ok2-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 4px}
.ok2-tick{width:76px;height:76px;margin-bottom:6px}.ok2-tick svg{width:100%;height:100%;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ok2-tick circle{stroke:var(--ok);fill:var(--ok-soft);stroke-dasharray:151;stroke-dashoffset:151;animation:ok2c .7s cubic-bezier(.65,0,.45,1) forwards}
.ok2-tick path{stroke:var(--ok);stroke-dasharray:40;stroke-dashoffset:40;animation:ok2c .4s .55s cubic-bezier(.65,0,.45,1) forwards}
@keyframes ok2c{to{stroke-dashoffset:0}}
.ok2-eye{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--ok);text-transform:uppercase}
.ok2-hero h1{font-size:clamp(28px,4vw,40px);margin:0;letter-spacing:-.01em}
.ok2-hero p{margin:0;color:var(--muted);max-width:560px}.ok2-thx{color:var(--text)!important;font-weight:500}
.ok2-no{margin-top:8px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--card,var(--bg));border-radius:999px;padding:6px 6px 6px 16px;font-size:13px}
[dir=rtl] .ok2-no{padding:6px 16px 6px 6px}
.ok2-no span{color:var(--muted)}.ok2-no b{font-size:16px;letter-spacing:.02em}
.ok2-cp{width:30px;height:30px;border-radius:50%;border:0;background:var(--soft,rgba(127,127,127,.12));color:var(--text);display:grid;place-items:center;cursor:pointer}.ok2-cp.ok{background:var(--ok-soft);color:var(--ok)}
.ok2-steps{list-style:none;margin:0;padding:18px 20px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:var(--card,var(--bg))}
.ok2-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:12.5px;color:var(--muted)}
.ok2-steps li::before{content:"";position:absolute;top:14px;inset-inline-start:calc(-50% + 18px);inset-inline-end:calc(50% + 18px);height:2px;background:var(--line);border-radius:2px}
.ok2-steps li:first-child::before{display:none}.ok2-steps li.cur::before{background:linear-gradient(90deg,var(--ok),var(--line))}[dir=rtl] .ok2-steps li.cur::before{background:linear-gradient(-90deg,var(--ok),var(--line))}
.ok2-steps i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;background:var(--soft,rgba(127,127,127,.12));color:var(--muted);position:relative;z-index:1}
.ok2-steps li.done{color:var(--text);font-weight:600}.ok2-steps li.done i{background:var(--ok);color:#fff}
.ok2-steps li.cur{color:var(--text);font-weight:600}.ok2-steps li.cur i{background:var(--bg);color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}
.ok2-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}
.ok2-card{border:1px solid var(--line);border-radius:18px;background:var(--card,var(--bg));padding:20px}
.ok2-card h2{font-size:16px;margin:0 0 14px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ok2-card h2 small{font-size:12.5px;color:var(--muted);font-weight:500}
.ok2-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ok2-items li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.ok2-items li:first-child{padding-top:0}
.ok2-th{position:relative;width:58px;height:58px;border-radius:12px;background:#fff;border:1px solid var(--line);flex:none;display:flex}
.ok2-th img,.ok2-th svg{width:100%;height:100%;object-fit:contain;border-radius:11px}
.ok2-th em{position:absolute;top:-7px;inset-inline-end:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:var(--text);color:var(--bg);font-style:normal;font-size:11px;font-weight:700;display:grid;place-items:center}
.ok2-in{flex:1;min-width:0}.ok2-in b{display:block;font-size:14.5px;font-weight:600}.ok2-in small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.ok2-pr{font-weight:600;font-size:14px;white-space:nowrap}
.ok2-sum{margin:14px 0 0;display:flex;flex-direction:column;gap:8px}.ok2-sum div{display:flex;justify-content:space-between;font-size:14px}.ok2-sum dt{color:var(--muted)}.ok2-sum dd{margin:0}
.ok2-sum .disc dd{color:var(--ok)}.ok2-sum .tot{border-top:1px solid var(--line);padding-top:12px;margin-top:4px;font-size:17px;font-weight:700}.ok2-sum .tot dt{color:var(--text)}
.ok2-side{display:flex;flex-direction:column;gap:14px}
.ok2-r{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.ok2-r:first-of-type{padding-top:0}
.ok2-r>span{width:36px;height:36px;border-radius:10px;background:var(--soft,rgba(127,127,127,.1));color:var(--accent);display:grid;place-items:center;flex:none}
.ok2-r div{min-width:0;display:flex;flex-direction:column;gap:1px;font-size:13.5px}.ok2-r small{color:var(--muted);font-size:12px}.ok2-r b{font-size:14.5px;font-weight:600}.ok2-r bdi{color:var(--muted)}.ok2-r em{font-style:normal;color:var(--ok);font-size:12.5px;margin-top:2px}
.ok2-pill{align-self:flex-start;margin-top:4px;font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 10px;background:var(--soft,rgba(127,127,127,.12));color:var(--muted)}
.ok2-st{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:13px;color:var(--muted)}.ok2-st i{width:8px;height:8px;border-radius:50%;background:#F59E0B;box-shadow:0 0 0 4px rgba(245,158,11,.18)}
.ok2-acts{display:flex;flex-direction:column;gap:10px}.ok2-acts .btn{width:100%;justify-content:center;gap:8px;min-height:48px}
.ok2-inv{font-size:15px}.ok2-wal{color:inherit;text-decoration:underline;text-decoration-color:rgba(37,211,102,.6);text-underline-offset:4px}.ok2-wal:hover{color:#16A34A}.ok2-wa-n{text-align:center;color:var(--muted);font-size:12px;margin-top:-4px}
.ok2-extra{margin:0}
.ok2-foot{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ok2 .demo-note{text-align:center;align-self:center}
@media (max-width:820px){.ok2-grid{grid-template-columns:1fr}.ok2-side{order:-1}.ok2-steps{padding:16px 8px}.ok2-steps li{font-size:11px}.ok2-card{padding:16px}}

.of-tg,.of-chips,.of-qi{display:none}
@media (max-width:760px){
 .adm .panel.of-panel{padding:10px!important;background:transparent;border:0!important;box-shadow:none!important}
 .of-panel .fbar{display:flex!important;flex-wrap:wrap;gap:8px!important;align-items:center}
 .of-panel .of-qf{flex:1 1 calc(100% - 52px)!important;max-width:calc(100% - 52px);min-width:0;position:relative;grid-column:auto!important}
 .of-panel .of-qf label{display:none}
 .of-qi{display:flex;position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
 .adm .of-panel #of_q{padding-inline-start:38px!important;min-height:44px!important;border-radius:12px!important;background:var(--card,var(--bg))}
 .of-tg{display:grid;place-items:center;position:relative;width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--line);background:var(--card,var(--bg));color:var(--text);cursor:pointer}
 .of-tg.on,.of-open .of-tg{border-color:var(--accent);color:var(--accent)}
 .of-tg i{position:absolute;top:-6px;inset-inline-end:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-style:normal;font-size:10.5px;font-weight:700;display:grid;place-items:center}
 .of-panel .of-adv{display:none!important}
 .of-open .of-adv{display:flex!important;flex:1 1 calc(50% - 4px)!important}
 .of-open .fbar>.btn.of-adv{flex-basis:100%!important;justify-content:center}
 .of-panel .of-stf{display:none!important}
 .of-chips{display:flex;gap:6px;overflow-x:auto;margin:10px -10px 0;padding:0 10px 2px;scrollbar-width:none}
 .of-chips::-webkit-scrollbar{display:none}
 .of-chip{flex:none;border:1px solid var(--line);background:var(--card,var(--bg));color:var(--text);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:500;white-space:nowrap;cursor:pointer;font-family:inherit}
 .of-chip span{color:var(--muted);font-size:11.5px;margin-inline-start:2px}
 .of-chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.of-chip.on span{color:inherit;opacity:.7}
}

.cf-sec{overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,var(--alt),var(--bg) 70%)}
.cf-head{justify-content:center;text-align:center}
.cf{position:relative;user-select:none;-webkit-user-select:none}
.cf-stage{position:relative;height:calc(min(500px,40vw) * .8 + 50px);touch-action:pan-y}
.cf-card{position:absolute;left:50%;top:50%;width:min(500px,40vw);aspect-ratio:5/4;border-radius:24px;overflow:hidden;cursor:pointer;background:#111;box-shadow:0 26px 50px -22px rgba(0,0,0,.35);transition:transform 1s cubic-bezier(.45,0,.2,1),opacity 1s cubic-bezier(.45,0,.2,1);will-change:transform}
.cf-media,.cfm-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,var(--tile),var(--alt))}
.cf-bgi{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(26px) saturate(1.2);opacity:.9;transform:scale(1.05)}
.cf-im{position:relative;width:100%;height:100%;object-fit:cover}
.cf-card::after{content:"";position:absolute;inset:0;background:rgba(250,247,244,.0);transition:background 1s;pointer-events:none;z-index:3}.cf-card[data-a="1"]::after{background:color-mix(in srgb,var(--bg) 32%,transparent)}.cf-card[data-a="2"]::after{background:color-mix(in srgb,var(--bg) 55%,transparent)}
.cf-card:not(.on){box-shadow:0 18px 40px -24px rgba(0,0,0,.3)}
.cf-media svg,.cfm-media svg{width:56%;height:80%}
.cf-ov{position:absolute;inset:0;display:flex;align-items:flex-end;gap:12px;padding:22px 24px;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.12) 42%,transparent 62%);color:#fff;transition:opacity .6s}
.cf-card:not(.on) .cf-ov{opacity:0}
.cf-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cf-txt b{font-family:"Lora",Georgia,serif;font-size:clamp(20px,2.3vw,30px);font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.cf-txt span{font-size:clamp(14px,1.3vw,16.5px);opacity:.92}.cf-txt s{opacity:.6;font-size:.85em;margin-inline-start:6px}
.cf-go{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;flex:none;transition:background .2s,color .2s}
[dir=rtl] .cf-go svg{transform:scaleX(-1)}
.cf-card.on:hover .cf-go{background:#fff;color:#111}
.cf-tag{position:absolute;top:16px;inset-inline-start:16px;z-index:2;background:#fff;color:#111;font-size:12px;font-weight:700;border-radius:999px;padding:4px 11px}
.cfm{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px}
.cfm-bd{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:cfmF .3s ease}
.cfm-card{position:relative;width:min(760px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:26px;background:var(--surface);box-shadow:0 40px 90px rgba(0,0,0,.45)}
.cfm-media{position:relative;aspect-ratio:16/10;inset:auto}
.cfm-ov{position:absolute;inset:auto 0 0 0;padding:26px 26px 22px;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);color:#fff;display:flex;flex-direction:column;gap:2px}
.cfm-ov b{font-size:clamp(22px,3vw,32px);font-weight:700}.cfm-ov span{font-size:17px;opacity:.95}.cfm-ov s{opacity:.6;font-size:.85em;margin-inline-start:6px}
.cfm-body{padding:18px 24px 22px;display:flex;flex-direction:column;gap:12px}
.cfm-br{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cfm-body p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.7}
.cfm-sw{display:flex;gap:8px}.cfm-sw i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.cfm-acts{display:flex;gap:10px;flex-wrap:wrap}.cfm-acts .btn{flex:1 1 160px;justify-content:center;min-height:46px}
.cfm-x{position:absolute;top:14px;inset-inline-end:14px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.cfm.out{opacity:0;transition:opacity .2s}
@keyframes cfmF{from{opacity:0}}
.cf-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}
.cf-dots{display:flex;gap:8px}
.cf-dot,.cf-btn{width:40px;height:40px;border-radius:50%;border:0;background:var(--surface);color:var(--text);box-shadow:0 4px 14px rgba(0,0,0,.08),inset 0 0 0 1px var(--line);font-size:13.5px;font-weight:600;cursor:pointer;display:grid;place-items:center;transition:transform .25s,background .25s,color .25s;font-family:inherit}
.cf-btn{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted)}
.cf-btn:hover{color:var(--text)}
[dir=rtl] .cf-btn svg{transform:scaleX(-1)}
.cf-dot.on{background:linear-gradient(145deg,#D4A85A,#B88A3C);color:#fff;box-shadow:0 8px 20px rgba(184,138,60,.4);transform:scale(1.14)}
@media (max-width:700px){.cf-stage{height:calc(66vw * .8 + 30px)}.cf-card{width:66vw;border-radius:20px}.cf-ov{padding:14px 16px}.cf-go{width:34px;height:34px}.cfm-card{border-radius:22px}.cfm-body{padding:16px 18px 18px}.cf-dot,.cf-btn{width:34px;height:34px;font-size:12.5px}.cf-dots{gap:6px}.cf-nav{gap:8px}}
@media (prefers-reduced-motion:reduce){.cf-card{transition:none}}

.cfx-head{align-items:flex-end}
.cfx-nav{display:flex;gap:8px}
.cfx-btn{width:36px;height:36px;border-radius:50%;border:0;background:var(--alt);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:background .2s,opacity .2s}
.cfx-btn:hover{background:var(--line)}
[dir=rtl] .cfx-btn svg{transform:scaleX(-1)}
.cfx-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 26px;margin:0 -2px;scrollbar-width:none;scroll-padding-inline:2px}
.cfx-row::-webkit-scrollbar{display:none}
.cfc{position:relative;flex:0 0 232px;scroll-snap-align:start;border-radius:20px;background:var(--surface);box-shadow:0 2px 12px rgba(0,0,0,.06),0 0 0 1px color-mix(in srgb,var(--line) 60%,transparent);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cfc:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 14px 34px rgba(0,0,0,.12),0 0 0 1px color-mix(in srgb,var(--line) 60%,transparent)}
.cfc:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.cfc-media{aspect-ratio:1/1;background:var(--tile);display:flex;align-items:center;justify-content:center;padding:14%;overflow:hidden}
.cfc-media img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.8,.2,1);mix-blend-mode:multiply}
.cfc:hover .cfc-media img{transform:scale(1.05)}
.cfc-media svg{width:78%;height:100%}
.cfc-info{padding:14px 16px 18px;display:flex;flex-direction:column;gap:3px;min-height:92px}
.cfc-lb{font-style:normal;font-size:11.5px;font-weight:600;color:#BF4800;min-height:15px}.cfc-lb.mut{color:var(--muted)}
.cfc-info b{font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cfc-info span{font-size:13.5px;color:var(--text);margin-top:auto}.cfc-info s{color:var(--muted);font-size:12px;margin-inline-start:4px}
.cfc-plus{position:absolute;bottom:14px;inset-inline-end:14px;width:30px;height:30px;border-radius:50%;background:var(--text);color:var(--bg);display:grid;place-items:center;opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s}
.cfc:hover .cfc-plus{opacity:1;transform:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cfc-media img{mix-blend-mode:normal}:root:not([data-theme="light"]) .cfc-lb:not(.mut){color:#FF9F45}}
:root[data-theme="dark"] .cfc-media img{mix-blend-mode:normal}:root[data-theme="dark"] .cfc-lb:not(.mut){color:#FF9F45}
@media (max-width:700px){.cfc{flex-basis:46vw;border-radius:16px}.cfx-row{gap:10px}.cfc-info{padding:11px 12px 14px;min-height:82px}.cfc-info b{font-size:13.5px}.cfc-info span{font-size:12.5px}.cfx-nav{display:none}}

.gx-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,290px);gap:16px}
.gx-t{position:relative;border-radius:24px;background:var(--tile);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;isolation:isolate;transition:box-shadow .4s}
.gx-t:hover{box-shadow:0 18px 44px -18px rgba(0,0,0,.25)}
.gx-t:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.gx-0{grid-column:span 2;grid-row:span 2}
.gx-n1 .gx-0{grid-column:1/-1}.gx-n1{grid-template-rows:repeat(2,240px)}
.gx-n2 .gx-1,.gx-n3 .gx-1,.gx-n3 .gx-2,.gx-n4 .gx-1{grid-column:span 2}.gx-n2 .gx-1{grid-row:span 2}
.gx-tx{position:relative;z-index:1;padding:22px 24px 0;display:flex;flex-direction:column;gap:3px}
.gx-tx em{font-style:normal;font-size:12px;font-weight:600;color:#BF4800}.gx-tx em.mut{color:var(--muted)}
.gx-tx b{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.gx-tx span{font-size:13.5px;color:var(--muted)}.gx-tx s{font-size:12px;margin-inline-start:4px}
.gx-0 .gx-tx{padding:34px 36px 0;gap:6px}.gx-0 .gx-tx b{font-size:clamp(26px,3vw,38px)}.gx-0 .gx-tx span{font-size:16px}
.gx-cta{font-style:normal;margin-top:8px;font-size:14.5px;font-weight:500;color:var(--accent);display:inline-flex;align-items:center;gap:4px}
.gx-im{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:14px 18% 20px}
.gx-0 .gx-im{padding:20px 14% 34px}
.gx-im img,.gx-im svg{width:100%;height:100%;object-fit:contain;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.gx-im img{mix-blend-mode:multiply}
.gx-t:hover .gx-im img,.gx-t:hover .gx-im svg{transform:scale(1.06)}
:root[data-theme="dark"] .gx-im img{mix-blend-mode:normal}:root[data-theme="dark"] .gx-tx em:not(.mut){color:#FF9F45}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gx-im img{mix-blend-mode:normal}:root:not([data-theme="light"]) .gx-tx em:not(.mut){color:#FF9F45}}
@media (max-width:900px){.gx-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:10px}.gx-0{grid-row:auto;aspect-ratio:1/1.05}.gx-t:not(.gx-0){aspect-ratio:1/1.25}.gx-tx{padding:14px 14px 0}.gx-tx b{font-size:14.5px}.gx-tx span{font-size:12px}.gx-im{padding:10px 14% 14px}.gx-0 .gx-tx{padding:22px 22px 0}.gx-0 .gx-tx b{font-size:24px}.gx-t{border-radius:18px}}

.nf-head{text-align:center;margin-bottom:22px}.nf-head h2{font-size:clamp(28px,3.6vw,44px);font-weight:700;letter-spacing:-.02em;margin:0}.nf-head p{margin:8px 0 0;color:var(--muted);font-size:clamp(14px,1.4vw,17px)}
.nf-tabs{display:flex;justify-content:center;gap:4px;margin:0 auto 28px;padding:4px 4px 0;overflow-x:auto;scrollbar-width:none;max-width:100%;width:max-content;border-bottom:1px solid var(--line)}
.nf-tabs::-webkit-scrollbar{display:none}
.nf-tab{position:relative;flex:none;border:0;background:none;color:var(--muted);font:inherit;font-size:15px;font-weight:600;padding:10px 16px 12px;cursor:pointer;transition:color .2s}
.nf-tab::after{content:"";position:absolute;inset-inline:16px;bottom:0;height:2px;border-radius:2px;background:var(--text);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.nf-tab:hover{color:var(--text)}.nf-tab.on{color:var(--text)}.nf-tab.on::after{transform:none}
.nf-grid{transition:opacity .16s}.nf-grid.sw{opacity:0}
.nf-more{display:flex;justify-content:center;margin-top:28px}.nf-more .btn{min-width:180px;justify-content:center}
@media (max-width:700px){.nf-tabs{justify-content:flex-start;width:auto;margin-inline:-16px;padding-inline:12px}.nf-tab{font-size:14px;padding:9px 12px 11px}.nf-tab::after{inset-inline:12px}}

:root{--text:var(--fg)}


.fxq{gap:14px!important;padding:18px!important;border-radius:22px!important;width:min(320px,calc(100vw - 32px))!important}
.fxq-h b{font-size:16px;font-weight:700}
.fxq-in{height:64px!important;border-radius:16px!important;padding:0 18px!important}
.fxq-in input{font-size:28px!important;letter-spacing:-.01em}
.fxq-u{font-size:15px!important;color:var(--fg)!important}
.fxq-warn{display:none!important}
.fxq-acts .btn{width:100%;justify-content:center;min-height:46px;border-radius:14px;font-size:15px}
@media (max-width:700px){.fxq{top:max(90px,14vh)!important;transform:translateX(-50%)!important;animation:fxqIn .25s cubic-bezier(.2,.8,.2,1)}}
@keyframes fxqIn{from{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.97)}}

@media (max-width:700px){
 .ok2{margin-top:8px;gap:12px}
 .ok2-hero{gap:4px;padding:4px 0 0}
 .ok2-tick{width:54px;height:54px;margin-bottom:4px}
 .ok2-eye{font-size:11.5px;letter-spacing:.02em}
 .ok2-hero h1{font-size:24px;line-height:1.25}
 .ok2-hero p{font-size:13.5px}
 .ok2-no{margin-top:8px;gap:8px;font-size:12px;padding:4px 12px 4px 4px}[dir=rtl] .ok2-no{padding:4px 12px 4px 4px}
 .ok2-no b{font-size:14.5px}.ok2-cp{width:28px;height:28px}
 .ok2-steps{padding:12px 4px 10px;border-radius:16px}
 .ok2-steps li{font-size:10.5px;gap:6px;line-height:1.3}
 .ok2-steps i{width:24px;height:24px;font-size:11px}.ok2-steps i svg{width:12px;height:12px}
 .ok2-steps li::before{top:11px;inset-inline-start:calc(-50% + 15px);inset-inline-end:calc(50% + 15px)}
 .ok2-grid{gap:12px}.ok2-side{gap:10px}
 .ok2-card{padding:14px 14px 12px;border-radius:16px}
 .ok2-card h2{font-size:15px;margin-bottom:10px}
 .ok2-r{gap:10px;padding:10px 0}.ok2-r>span{width:32px;height:32px;border-radius:9px}.ok2-r>span svg{width:15px;height:15px}
 .ok2-r b{font-size:14px}.ok2-r div{font-size:12.5px}.ok2-r small{font-size:11.5px}
 .ok2-st{margin-top:10px;font-size:12px}
 .ok2-acts{gap:8px}.ok2-acts .btn{min-height:44px;font-size:14px}
 .ok2-wa-n{font-size:11px}
 .ok2-items li{padding:10px 0;gap:12px}.ok2-th{width:48px;height:48px;border-radius:10px}
 .ok2-in b{font-size:13.5px}.ok2-in small{font-size:11.5px}.ok2-pr{font-size:13px}
 .ok2-sum{gap:6px}.ok2-sum div{font-size:13px}.ok2-sum .tot{font-size:15.5px}
 .ok2-foot{gap:8px}.ok2-foot .btn{flex:1;justify-content:center;min-height:42px;font-size:13.5px}
 .ok2 .demo-note{font-size:11px}
}

.ty{max-width:1080px;margin:24px auto 0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0 48px;align-items:start}
.ty-mob{display:none}
.ty-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.ty-hd{display:flex;align-items:center;gap:14px;margin-bottom:4px}
.ty-ck{width:48px;height:48px;border-radius:50%;border:2px solid var(--accent);color:var(--accent);display:grid;place-items:center;flex:none}
.ty-hd small{display:block;color:var(--muted);font-size:13px}.ty-hd h1{margin:2px 0 0;font-size:clamp(22px,2.6vw,28px);font-weight:600;letter-spacing:-.01em}
.ty-card{border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.ty-card h2{font-size:16.5px;font-weight:600;margin:0 0 6px}.ty-card>p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.ty-prog{margin-top:16px}
.ty-bar{height:4px;border-radius:4px;background:var(--alt);overflow:hidden}.ty-bar i{display:block;height:100%;width:12.5%;background:var(--accent);border-radius:4px}
.ty-prog ol{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);font-size:12px;color:var(--muted)}
.ty-prog li:nth-child(2),.ty-prog li:nth-child(3){text-align:center}.ty-prog li:last-child{text-align:end}.ty-prog li.on{color:var(--fg);font-weight:600}
.ty-det{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-top:12px}
.ty-det h3{font-size:13.5px;font-weight:600;margin:0 0 4px}.ty-det p{margin:0;font-size:14px;color:var(--muted);line-height:1.6}
.ty-pay{font-size:13px}
.ty-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:4px}
.ty-foot p{margin:0;font-size:14px;color:var(--muted)}.ty-foot .link-btn{font-size:14px;padding:0}
.ty-btns{display:flex;gap:10px}.ty-btns .btn{min-height:46px;padding-inline:22px;border-radius:10px}
.ty-demo{font-size:12px;color:var(--muted);margin:0}
.ty-side{position:sticky;top:90px;background:var(--alt);border-radius:14px;padding:20px 22px}
.ty-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ty-items li{display:flex;align-items:center;gap:14px}
.ty-th{position:relative;width:62px;height:62px;border-radius:10px;background:#fff;border:1px solid var(--line);flex:none;display:flex}
.ty-th img,.ty-th svg{width:100%;height:100%;object-fit:contain;border-radius:9px}
.ty-th em{position:absolute;top:-8px;inset-inline-end:-8px;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-style:normal;font-size:11.5px;font-weight:600;display:grid;place-items:center}
.ty-in{flex:1;min-width:0}.ty-in b{display:block;font-size:14px;font-weight:600}.ty-in small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.ty-pr{font-size:14px;white-space:nowrap}
.ty-sum{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
.ty-sum div{display:flex;justify-content:space-between;font-size:14px}.ty-sum dt{color:var(--muted)}.ty-sum dd{margin:0}
.ty-sum .tot{padding-top:12px;margin-top:4px;border-top:1px solid var(--line);font-size:18px;font-weight:700}.ty-sum .tot dt{color:var(--fg)}.ty-sum .tot small{font-size:12px;font-weight:500;color:var(--muted);margin-inline-end:4px}
@media (max-width:820px){
 .ty{display:block;margin-top:0}
 .ty-side{display:none}
 .ty-mob{display:block;margin:0 -16px 18px;background:var(--alt);border-bottom:1px solid var(--line)}
 .ty-mob summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;font-size:14px}
 .ty-mob summary::-webkit-details-marker{display:none}
 .ty-mob summary span{display:flex;align-items:center;gap:6px;color:var(--link,var(--accent))}.ty-mob summary u{text-decoration:none}
 .ty-mob summary i{display:inline-flex;transition:transform .25s}.ty-mob[open] summary i{transform:rotate(180deg)}
 .ty-mob summary b{font-size:16px}
 .ty-mob-in{padding:4px 16px 18px}
 .ty-main{gap:12px}
 .ty-hd{gap:12px}.ty-ck{width:40px;height:40px}.ty-ck svg{width:18px;height:18px}.ty-hd h1{font-size:21px}.ty-hd small{font-size:12px}
 .ty-card{padding:15px 16px;border-radius:10px}.ty-card h2{font-size:15.5px}.ty-card>p{font-size:13.5px}
 .ty-det{grid-template-columns:1fr;gap:14px}.ty-det p{font-size:13.5px}
 .ty-prog ol{font-size:10.5px}
 .ty-foot{flex-direction:column-reverse;align-items:stretch;gap:12px}.ty-foot p{text-align:center;font-size:13px}
 .ty-btns{flex-direction:column-reverse}.ty-btns .btn{width:100%;justify-content:center}
 .ty-demo{text-align:center;font-size:11px}
}

.tym{display:none}
@media (max-width:820px){
 .ty{display:none!important}
 .tym{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;margin:18px auto 0;gap:0}
 .tym-ck{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;margin-bottom:12px}
 .tym h1{font-size:20px;font-weight:700;margin:0;letter-spacing:-.01em}
 .tym>p{margin:4px 0 18px;font-size:13.5px;color:var(--muted)}
 .tym-card{width:100%;border:1px solid var(--line);border-radius:14px;padding:4px 14px;text-align:start}
 .tym-r{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}
 .tym-r span{color:var(--muted);flex:none}.tym-r b{font-weight:600;text-align:end;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .tym-r.sm{padding:6px 0;border:0;font-size:12.5px}.tym-r.sm span:last-child{color:var(--fg)}
 .tym-r.tot{border:0;border-top:1px solid var(--line);margin-top:6px;padding:12px 0;font-size:14px}.tym-r.tot span{color:var(--fg);font-weight:600}.tym-r.tot b{font-size:16px;font-weight:700}
 .tym-it{list-style:none;margin:0;padding:10px 0 6px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--line)}
 .tym-it li{display:flex;align-items:center;gap:10px}
 .tym-th{width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid var(--line);flex:none;display:flex;overflow:hidden}.tym-th img,.tym-th svg{width:100%;height:100%;object-fit:contain}
 .tym-n{flex:1;min-width:0}.tym-n b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tym-n small{font-size:11.5px;color:var(--muted)}
 .tym-p{font-size:12.5px;white-space:nowrap}
 .tym-it+.tym-r.sm{padding-top:10px}
 .tym-btn{width:100%;justify-content:center;min-height:44px;border-radius:12px;font-size:14px;margin-top:10px}.tym-btn:first-of-type{margin-top:16px}
 .tym-link{margin:14px 0 28px;font-size:13.5px}
}

@media (max-width:820px){
 .tym{margin-top:14px}
 .tym-ck{width:38px;height:38px;margin-bottom:10px}.tym-ck svg{width:17px;height:17px}
 .tym h1{font-size:17px}
 .tym>p{font-size:12px;margin:3px 0 14px}
 .tym-card{padding:2px 12px;border-radius:12px}
 .tym-r{font-size:12px;padding:9px 0}
 .tym-r.sm{font-size:11.5px;padding:4px 0}
 .tym-r.tot{font-size:12.5px;padding:10px 0}.tym-r.tot b{font-size:14px}
 .tym-it{gap:8px;padding:8px 0 5px}.tym-th{width:34px;height:34px;border-radius:7px}
 .tym-n b{font-size:12px}.tym-n small{font-size:10.5px}.tym-p{font-size:11.5px}
 .tym-btn{min-height:40px;font-size:13px;border-radius:10px;margin-top:8px}.tym-btn:first-of-type{margin-top:14px}
 .tym-link{font-size:12.5px;margin:12px 0 24px}
}

@media (max-width:820px){
 .tym-it{gap:12px;padding:12px 0 10px}
 .tym-it li{gap:12px;align-items:center}
 .tym-th{position:relative;width:48px!important;height:48px!important;border-radius:10px!important;background:var(--tile)!important;border:0!important;overflow:visible!important;padding:5px}
 .tym-th img,.tym-th svg{border-radius:6px;mix-blend-mode:multiply}
 .tym-th em{position:absolute;top:-6px;inset-inline-end:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--fg);color:var(--bg);font-style:normal;font-size:10px;font-weight:700;display:grid;place-items:center}
 .tym-n{display:flex;flex-direction:column;gap:2px}
 .tym-n b{font-size:12.5px!important;font-weight:600;line-height:1.3;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .tym-n small{font-size:11px!important;color:var(--muted)}
 .tym-p{font-size:12.5px!important;font-weight:600;align-self:center}
}

.pd-info .swatches{gap:14px}
.pd-info .swatch{width:34px;height:34px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}
.pd-info .swatch.on{outline:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 2px var(--bg),0 0 0 4px var(--accent)}
.pd-info .swatch:hover{transform:scale(1.06)}
@media (max-width:700px){.pd-info .swatches{gap:12px}.pd-info .swatch{width:32px;height:32px}.pd-info .opt-group{gap:10px}.pd-info .desc{font-size:14px}}

.apx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px;align-items:start}
.apx-ctl{display:flex;flex-direction:column;gap:12px;min-width:0}.apx-ctl .set-card{margin:0}
.apx-h{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.apx-h b{font-size:14.5px}.apx-h small{font-size:12px;color:var(--muted)}
.apx-fonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
.apx-font input,.apx-col input,.apx-seg input{position:absolute;opacity:0;pointer-events:none}
.apx-font span{display:flex;flex-direction:column;gap:2px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:12px 6px;cursor:pointer;transition:border-color .15s,background .15s}
.apx-font span b{font-size:19px;font-weight:600}.apx-font span small{font-size:11px;color:var(--muted);font-family:inherit}
.apx-font input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}
.apx-cols{display:flex;flex-wrap:wrap;gap:10px}
.apx-col{position:relative}.apx-col span{display:block;width:32px;height:32px;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:transform .15s}
.apx-col span:hover{transform:scale(1.08)}
.apx-col input:checked+span{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 2px var(--surface),0 0 0 4px var(--fg)}
.apx-custom input[type=color]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;pointer-events:auto}
.apx-seg{display:inline-flex;background:var(--alt);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}
.apx-seg label{position:relative}.apx-seg span{display:block;padding:6px 14px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--muted);transition:background .15s,color .15s}
.apx-seg input:checked+span{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.apx-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 0}.apx-row>span{font-size:13.5px}
.apx-side{position:sticky;top:84px}.apx-side-h{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px;letter-spacing:.02em}
.apx-pv{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg);color:var(--fg);font-size:var(--apx-fs);box-shadow:var(--shadow)}
.apx-pv[data-mode="dark"]{--bg:#000;--fg:#F5F5F7;--alt:#101012;--surface:#1C1C1E;--tile:#2C2C2E;--line:#3A3A3C;--muted:#98989D}
.apx-pv-nav{display:flex;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.apx-pv-nav b{color:var(--fg);font-size:14px;margin-inline-end:auto;font-family:var(--f-display)}
.apx-pv-hero{padding:22px 18px;text-align:center;background:var(--alt)}.apx-pv-hero small{color:var(--accent);font-weight:600;font-size:12px}
.apx-pv-hero h3{font-family:var(--f-display);font-size:22px;margin:4px 0 6px;font-weight:700}.apx-pv-hero p{margin:0 0 14px;color:var(--muted);font-size:.78em;line-height:1.6}
.apx-pv-hero div{display:flex;gap:8px;justify-content:center}
.apx-b{background:var(--accent);color:#fff;padding:8px 16px;font-size:13px;font-weight:500}.apx-b.ln{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.apx-pv-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}
.apx-pc{background:var(--surface);border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:3px}
.apx-pc-im{aspect-ratio:1;background:var(--tile);display:flex;align-items:center;justify-content:center;padding:12%;margin-bottom:6px;overflow:hidden}.apx-pc-im img,.apx-pc-im svg{width:100%;height:100%;object-fit:contain}
.apx-pc b{font-size:.78em;font-weight:600}.apx-pc span{font-size:.72em;color:var(--muted)}
@media (max-width:900px){.apx{grid-template-columns:1fr}.apx-side{position:static;order:-1}}

.apx-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-bottom:6px}
.apx-fgrid .field{display:flex;flex-direction:column;gap:6px;min-width:0}.apx-fgrid label{font-size:12.5px;font-weight:600}
.apx-smp{font-size:16px;line-height:1.5;padding:4px 2px 0;color:var(--fg)}
.apx-row>span{display:flex;flex-direction:column}.apx-row>span small{font-size:11.5px;color:var(--muted)}
.apx-row{border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent);padding:10px 0}.apx-row:first-of-type{border-top:0}
@media (max-width:560px){.apx-fgrid{grid-template-columns:1fr}}

.apx-sws{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:6px;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent);padding-top:10px}
.apx-sw{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;cursor:pointer;font-size:13.5px}
.apx-sw input{position:absolute;opacity:0;pointer-events:none}
.apx-sw i{position:relative;width:38px;height:22px;border-radius:999px;background:var(--line);flex:none;transition:background .2s}
.apx-sw i::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.apx-sw input:checked+i{background:#34C759}
.apx-sw input:checked+i::after{transform:translateX(16px)}[dir=rtl] .apx-sw input:checked+i::after{transform:translateX(-16px)}
.apx-pc small{font-size:.66em;color:var(--muted)}.apx-k{font-style:normal;font-size:.62em;color:#BF4800;font-weight:600}
.apx-add{font-style:normal;margin-top:6px;background:var(--accent);color:#fff;font-size:.62em;text-align:center;padding:5px 6px}
.apx-pv-ft{padding:10px 16px;font-size:11px;color:var(--muted);background:var(--alt);border-top:1px solid var(--line)}.apx-pv-ft.dk{background:#111113;color:#A1A1A6;border-color:#2C2C2E}
@media (max-width:560px){.apx-sws{grid-template-columns:1fr}}

.apx-col-row{align-items:flex-start}.apx-col-row .apx-cols{gap:8px}.apx-col-row .apx-col span{width:26px;height:26px}
.apx-inv textarea.input{min-height:64px;font-size:13px}

.pvx-dev{display:none!important}.pvx-bar{justify-content:flex-end}
.apx-note{margin:0 2px;font-size:12px;color:var(--muted)}
.apx-tabs{display:inline-flex;gap:4px;background:var(--alt);border-radius:12px;padding:4px;margin-bottom:14px}
.apx-tabs button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--muted);padding:8px 18px;border-radius:9px;cursor:pointer;transition:background .15s,color .15s}
.apx-tabs button.on{background:var(--surface);color:var(--fg);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.apx-wrap[data-pane="store"] .apx-p-inv,.apx-wrap[data-pane="inv"] .apx-p-store{display:none}
.apx-p{display:flex;flex-direction:column;gap:12px}
.apx-card .apx-h{flex-direction:row;align-items:flex-start;gap:10px}.apx-card .apx-h>div{display:flex;flex-direction:column;gap:2px}
.apx-hic{width:28px;height:28px;border-radius:8px;background:var(--alt);color:var(--fg);display:grid;place-items:center;flex:none}
.apx-sub{font-size:13.5px;font-weight:600;margin-bottom:8px;display:flex;flex-direction:column}.apx-sub small{font-weight:400;font-size:11.5px;color:var(--muted)}
.apx-card .apx-cols+.apx-row{margin-top:8px}
.apx-side-h{display:flex;align-items:center;justify-content:space-between}.apx-side-h .link-btn{font-size:12px;display:inline-flex;align-items:center;gap:4px;padding:0}
.apx-invpv{border-radius:14px;overflow:hidden;background:#E5E7EB;padding:12px;box-shadow:var(--shadow)}
.apx-invpv .inv-page{zoom:.5;box-shadow:0 10px 30px rgba(0,0,0,.18);border-radius:8px}
@media (max-width:1250px){.apx-invpv .inv-page{zoom:.42}}
@media (max-width:900px){.apx-invpv .inv-page{zoom:calc((100vw - 80px) / 794)}.apx-tabs{display:flex}.apx-tabs button{flex:1;justify-content:center}}

#toTop{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));inset-inline-start:20px;z-index:80;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--fg);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s,transform .25s}
#toTop.on{opacity:1;transform:none;pointer-events:auto}
body.has-tabbar #toTop{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
body.inv-open #toTop{display:none}
.apx-invpv .inv-page.rcpt{zoom:1!important;margin:0 auto}

.apx-pv{font-size:13px!important}
.apx-pv.dk{--bg:#000;--fg:#F5F5F7;--alt:#101012;--surface:#1C1C1E;--tile:#2C2C2E;--line:#3A3A3C;--muted:#98989D}
.pv-nav{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 80%,transparent);font-size:11px;color:var(--muted)}
.pv-nav.solid{background:var(--surface)}
.pv-logo{background:var(--fg);color:var(--bg);display:grid;place-items:center;overflow:hidden;flex:none}.pv-logo img{width:100%;height:100%;object-fit:cover}
.pv-nav b{color:var(--fg);font-size:13px}.pv-links{margin-inline-start:auto;display:flex;gap:10px}
.pv-hero{text-align:center;background:var(--alt)}.pv-hero small{color:var(--accent);font-weight:600;font-size:10.5px}.pv-hero h3{font-size:18px;margin:3px 0 4px}.pv-hero p{margin:0 0 10px;color:var(--muted);font-size:11px}.pv-hero div{display:flex;gap:6px;justify-content:center}
.pv-btn{display:inline-block;font-style:normal;background:var(--accent);color:#fff;font-size:9.5px;padding:4px 8px;text-align:center}.pv-btn.lg{font-size:11px;padding:6px 14px}.pv-btn.ln{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.pv-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.pv-h b{font-size:13px}.pv-h span{font-size:9.5px;color:var(--muted)}
.pv-grid{display:grid;gap:7px}
.pv-c{background:var(--surface);border-radius:var(--r-sm);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;min-width:0}
.pv-shadow{box-shadow:0 2px 10px rgba(0,0,0,.08)}.pv-border{border:1px solid var(--line)}.pv-flat{background:var(--alt)}
.pv-m{position:relative;display:flex;align-items:center;justify-content:center;padding:12%;overflow:hidden}.pv-m.tile{background:var(--tile)}
.pv-m>img,.pv-m>svg{width:100%;height:100%;object-fit:contain;transition:transform .4s}
.pv-w{position:absolute;top:4px;inset-inline-end:4px;width:15px;height:15px;border-radius:50%;background:color-mix(in srgb,var(--surface) 85%,transparent);display:grid;place-items:center;color:var(--muted)}
.pv-b{padding:5px 6px 7px;display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.pv-k{font-size:8.5px;color:#BF4800;font-weight:600}.pv-k.pill{align-self:flex-start;background:var(--accent);color:#fff;border-radius:999px;padding:0 5px}
.pv-b b{font-size:10px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pv-b b.one{-webkit-line-clamp:1}
.pv-b small{font-size:8.5px;color:var(--muted)}.pv-p{font-size:9.5px;margin-top:2px}.pv-p s{font-size:8px;color:var(--muted)}
.pv-a{display:flex;flex-direction:column;gap:3px;margin-top:4px}.pv-det{font-style:normal;font-size:8.5px;color:var(--accent)}
.pv-ft{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:10px;color:var(--muted);background:var(--alt);border-top:1px solid var(--line)}.pv-ft b{color:var(--fg)}
.pv-ft.dk{background:#111113;color:#A1A1A6;border-color:#2C2C2E}.pv-ft.dk b{color:#F5F5F7}
.pv-mob{position:relative;padding:8px 12px 10px;border-top:1px dashed var(--line);background:var(--bg)}
.pv-mob-l{display:block;font-size:9.5px;color:var(--muted);margin-bottom:6px}
.pv-tabs{display:flex;justify-content:space-around;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:5px 2px;max-width:240px}
.pv-tabs span{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--muted)}.pv-tabs span.on{color:var(--accent)}.pv-tabs em{font-style:normal;font-size:8px}
.pv-top{position:absolute;inset-inline-end:14px;bottom:14px;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--fg);box-shadow:0 2px 6px rgba(0,0,0,.1)}

.pvx{display:flex;flex-direction:column;gap:10px}
.pvx-bar{display:flex;align-items:center;justify-content:space-between}.pvx-hint{font-size:11.5px;color:var(--muted)}
.pvx-dev span{display:inline-flex!important;align-items:center;gap:5px}
.pvx-browser{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06),0 18px 50px -18px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.08)}
.pvx-chrome{display:flex;align-items:center;gap:6px;padding:9px 12px;background:linear-gradient(#F6F6F7,#ECECEE);border-bottom:1px solid #DADADD;direction:ltr}
.pvx-chrome i{width:10px;height:10px;border-radius:50%;background:#FF5F57}.pvx-chrome i:nth-child(2){background:#FEBC2E}.pvx-chrome i:nth-child(3){background:#28C840}
.pvx-chrome span{flex:1;margin:0 30px 0 14px;display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;border-radius:7px;padding:4px 10px;font-size:11px;color:#6E6E73;box-shadow:inset 0 0 0 1px #E2E2E5}
.pvx-vp{overflow:hidden;max-height:620px;overflow-y:auto;scrollbar-width:thin}
.pvx-phone{position:relative;width:min(300px,100%);margin:0 auto;padding:12px;border-radius:46px;background:#1D1D1F;box-shadow:0 0 0 2px #3A3A3C,0 24px 60px -18px rgba(0,0,0,.45)}
.pvx-phone .pvx-vp{border-radius:34px;max-height:600px;aspect-ratio:9/19.5;background:#fff}
.pvx-notch{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:86px;height:24px;border-radius:999px;background:#000;z-index:5}
.sx{position:relative;background:var(--bg);color:var(--fg);min-height:100%}
.sx.dk{--bg:#000;--fg:#F5F5F7;--alt:#101012;--surface:#1C1C1E;--tile:#2C2C2E;--line:#3A3A3C;--muted:#98989D}
.sx-in{max-width:980px;margin:0 auto}
.sx-nav{position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.sx-nav.solid{background:var(--bg);backdrop-filter:none}
.sx-nav .sx-in{display:flex;align-items:center;gap:10px;height:56px;padding:0 24px}
.sx.m .sx-nav .sx-in{height:56px;padding:0 16px;padding-top:30px;height:86px}
.sx-logo{background:var(--fg);color:var(--bg);display:grid;place-items:center;overflow:hidden;flex:none}.sx-logo img{width:100%;height:100%;object-fit:cover}
.sx-nav b{font-size:19px;font-weight:600}.sx-nav nav{margin-inline-start:auto;display:flex;gap:26px;font-size:14px;color:var(--muted)}
.sx-ico{margin-inline-start:auto;display:flex;gap:18px;color:var(--fg)}
.sx-hero{text-align:center;background:var(--alt)}.sx-hero small{color:var(--accent);font-weight:600;font-size:15px}
.sx-hero h2{font-family:var(--f-display);font-size:52px;letter-spacing:-.02em;margin:6px 0 10px;line-height:1.1}.sx.m .sx-hero h2{font-size:32px}
.sx-hero p{color:var(--muted);font-size:19px;margin:0 0 22px}.sx.m .sx-hero p{font-size:15px}
.sx-cta{display:flex;gap:12px;justify-content:center}
.sx-btn{display:inline-block;font-style:normal;background:var(--accent);color:#fff;font-size:13px;padding:8px 14px;text-align:center;font-weight:500}.sx-btn.lg{font-size:16px;padding:12px 24px}.sx-btn.ln{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}
.sx-hero-im{height:220px;margin-top:28px;display:flex;justify-content:center}.sx-hero-im>*{height:100%;width:auto;max-width:60%;object-fit:contain}.sx.m .sx-hero-im{height:170px}
.sx-sec h3{font-family:var(--f-display);font-size:34px;margin:0 0 22px;letter-spacing:-.01em}.sx-sec h3 span{color:var(--muted)}.sx.m .sx-sec h3{font-size:24px}
.sx-grid{display:grid;gap:20px}.sx.m .sx-grid{gap:12px}
.sx-c{background:var(--surface);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;min-width:0}
.sx-shadow{box-shadow:0 2px 12px rgba(0,0,0,.08)}.sx-border{border:1px solid var(--line)}.sx-flat{background:var(--alt)}
.sx-m{position:relative;display:flex;align-items:center;justify-content:center;padding:12%;overflow:hidden}.sx-m.tile{background:var(--tile)}.sx-m>img,.sx-m>svg{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.sx-w{position:absolute;top:10px;inset-inline-end:10px;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--surface) 88%,transparent);display:grid;place-items:center;color:var(--muted);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.sx-b{padding:12px 16px 18px;display:flex;flex-direction:column;gap:3px;flex:1}.sx.m .sx-b{padding:10px 12px 14px}
.sx-k{font-size:12px;color:#BF4800;font-weight:600;min-height:16px}.sx-k.pill{align-self:flex-start;background:var(--accent);color:#fff;border-radius:999px;padding:1px 9px}
.sx-b b{font-size:17px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sx-b b.one{-webkit-line-clamp:1}.sx.m .sx-b b{font-size:14px}
.sx-b small{font-size:13px;color:var(--muted)}.sx-p{font-size:16px;margin-top:6px}.sx-p s{font-size:13px;color:var(--muted);margin-inline-start:4px}.sx.m .sx-p{font-size:13.5px}
.sx-a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.sx-det{font-style:normal;font-size:13px;color:var(--accent)}
.sx-ft{background:var(--alt);color:var(--muted);border-top:1px solid var(--line)}.sx-ft .sx-in{display:flex;flex-direction:column;gap:6px;padding:28px 24px;font-size:13px}.sx-ft b{color:var(--fg);font-size:15px}.sx-ft small{font-size:12px}
.sx-ft.dk{background:#111113;color:#A1A1A6;border-color:#2C2C2E}.sx-ft.dk b{color:#F5F5F7}
.sx.m .sx-ft{padding-bottom:70px}
.sx-tabs{position:sticky;bottom:0;display:flex;justify-content:space-around;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px 4px 22px;z-index:3}
.sx-tabs span{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted)}.sx-tabs span.on{color:var(--accent)}.sx-tabs em{font-style:normal;font-size:11px}
.sx-top{position:absolute;inset-inline-start:22px;bottom:110px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--fg);box-shadow:0 4px 14px rgba(0,0,0,.12);z-index:4}
.sx:not(.m) .sx-top{position:sticky;float:inline-start;bottom:24px;margin:-68px 24px 24px}

.sx-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.sx.m .sx-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-cats.scroll{display:flex;overflow:hidden}.sx-cats.scroll .sx-cat{flex:0 0 29%}
.sx-cat{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:14px 4px;border-radius:var(--r)}
.sx-cat .ic{width:80px;height:80px;display:grid;place-items:center}.sx-cat .ic .ri{width:68px;height:68px}
.sz-s .sx-cat .ic{width:56px;height:56px}.sz-s .sx-cat .ic .ri{width:48px;height:48px}.sz-l .sx-cat .ic{width:104px;height:104px}.sz-l .sx-cat .ic .ri{width:88px;height:88px}
.sx.m .sx-cat .ic{width:60px;height:60px}.sx.m .sx-cat .ic .ri{width:50px;height:50px}
.sx-cat b{font-size:15px;font-weight:600;color:var(--cc)}.sx-cat small{font-size:12px;color:var(--muted);margin-top:-4px}.sx.m .sx-cat b{font-size:13px}
.st-card .sx-cat{background:var(--tile);padding:18px 6px 14px}
.st-circle .sx-cat .ic{background:var(--tile);border-radius:50%;padding:14%;box-sizing:border-box}
.st-pill{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.st-pill.scroll{flex-wrap:nowrap;justify-content:flex-start}
.st-pill .sx-cat{flex-direction:row;padding:6px 16px 6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);gap:8px}
.st-pill .sx-cat .ic{width:34px!important;height:34px!important}.st-pill .sx-cat .ic .ri{width:30px!important;height:30px!important}.st-pill .sx-cat b{font-size:14px}

.apx-devsw{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}
.apx-devsw-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 200px}.apx-devsw-t b{font-size:14.5px}.apx-devsw-t small{font-size:12px;color:var(--muted);line-height:1.5}
.apx-devsw-b{display:inline-flex;background:var(--alt);border-radius:12px;padding:4px;gap:4px}
.apx-devsw-b button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);padding:8px 14px;border-radius:9px;cursor:pointer}
.apx-devsw-b button.on{background:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 35%,transparent)}

.apx-tbl{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}
.apx-tbl li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.apx-tbi{width:32px;height:32px;border-radius:9px;background:var(--alt);display:grid;place-items:center;color:var(--accent);flex:none}
.apx-tbl b{flex:1;font-size:13.5px;font-weight:600}
.apx-tba{display:flex;gap:4px}.apx-tba button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--fg);display:grid;place-items:center;cursor:pointer}.apx-tba button:disabled{opacity:.35;cursor:default}.apx-tba button:last-child:not(:disabled):hover{color:var(--danger);border-color:var(--danger)}
.apx-tbadd{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.apx-tbadd small,.apx-tbmax{font-size:12px;color:var(--muted)}
.apx-tbadd button{display:inline-flex;align-items:center;gap:5px;border:1px dashed var(--line);background:none;border-radius:999px;padding:5px 11px;font:inherit;font-size:12.5px;color:var(--fg);cursor:pointer}.apx-tbadd button:hover{border-style:solid;border-color:var(--accent);color:var(--accent)}
.apx-tbmax{display:block;margin-bottom:6px}



.brp-sub{color:var(--muted);margin:6px 0 0;font-size:15px}
.brp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;padding-bottom:40px}
.brp-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);cursor:pointer;font:inherit;color:var(--fg);transition:transform .25s,box-shadow .25s,border-color .2s}
.brp-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);border-color:transparent}
.brp-logo{width:100%;height:64px;display:grid;place-items:center;background:var(--tile);border-radius:14px}.brp-logo img{max-width:70%;max-height:56px;object-fit:contain}.brp-logo .bd-word{font-size:20px;font-weight:700;letter-spacing:.02em}
.brp-card b{font-size:15px;font-weight:600}
@media (max-width:700px){.brp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brp-card{padding:12px 10px}.brp-logo{height:52px}.brp-logo .bd-word{font-size:17px}}

.apx-bgp{margin:12px 0 4px}
.apx-bgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px}
.apx-bg{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}
.apx-bg>input{position:absolute;opacity:0;pointer-events:none}
.apx-bg span{position:relative;width:100%;aspect-ratio:1;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:transform .15s,box-shadow .15s;overflow:hidden}
.apx-bg span input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.apx-bg em{font-style:normal;font-size:10.5px;color:var(--muted);white-space:nowrap}
.apx-bg:hover span{transform:scale(1.05)}
.apx-bg>input:checked+span{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),0 0 0 2px var(--surface),0 0 0 4px var(--accent)}
.apx-bg>input:checked~em{color:var(--fg);font-weight:600}
.sx[style*="--sxsec"] .sx-hero,.sx[style*="--sxsec"] .sx-ft:not(.dk){background:var(--sxsec)}
.sx[style*="background:"] .sx-sec,.sx[style*="background:"] .sx-cats-sec{background:transparent}
.apx-crs-list{margin:2px 0 6px}.apx-cr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.apx-crl{min-width:0}.apx-crl b{display:block;font-size:13.5px;font-weight:600}.apx-crl small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}
.apx-crb{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--fg);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;max-width:58%;flex:none;transition:border-color .2s,box-shadow .2s}.apx-crb:hover{border-color:color-mix(in srgb,var(--fg) 30%,transparent);box-shadow:0 2px 10px rgba(0,0,0,.06)}.apx-crb svg{color:var(--muted);flex:none}
.apx-crs{width:26px;height:26px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.apx-crn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.apx-cpop{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;zoom:1}.apx-cpop[hidden]{display:none}
.apx-cpd{background:var(--surface);color:var(--fg);border-radius:22px;width:min(460px,100%);max-height:86vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.28);padding:20px;animation:apxPopIn .24s cubic-bezier(.2,.8,.2,1)}@keyframes apxPopIn{from{opacity:0;transform:translateY(12px) scale(.98)}}
.apx-cph{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.apx-cph b{font-size:17px;font-weight:700}.apx-cph small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.apx-cpx{width:32px;height:32px;border-radius:50%;border:0;background:var(--alt);color:var(--fg);font-size:20px;line-height:1;cursor:pointer;flex:none}
.apx-cpb .apx-bgp{margin:0}.apx-cpb .apx-bgp>.apx-sub{display:none}.apx-cpd>.btn{width:100%;margin-top:18px}
.apx-pats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.apx-pat{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.apx-pat input{position:absolute;opacity:0;pointer-events:none}.apx-pat span{width:100%;aspect-ratio:1;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s}.apx-pat em{font-style:normal;font-size:11.5px;color:var(--muted)}.apx-pat input:checked+span{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.apx-pat input:checked~em{color:var(--fg);font-weight:600}.apx-cpo{margin-top:14px;border-top:1px solid var(--line);padding-top:4px}
@media (max-width:700px){.apx-cpop{align-items:flex-end;padding:0}.apx-cpd{width:100%;border-radius:22px 22px 0 0;max-height:82vh;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));animation-name:apxSheetIn}@keyframes apxSheetIn{from{transform:translateY(40%);opacity:.4}}.apx-pats{grid-template-columns:repeat(4,1fr);gap:8px}.apx-crb{max-width:52%}}
.pvx-vp.pvx-live,.pvx-phone .pvx-vp.pvx-live{position:relative;overflow:hidden;background:#fff;aspect-ratio:auto;max-height:none}.pvx-vp.pvx-live iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff;opacity:0;transition:opacity .35s}.pvx-vp.pvx-live.on iframe{opacity:1}
.pvx-ld{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transition:opacity .3s}.pvx-ld::after{content:"";width:26px;height:26px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--accent);animation:pvxSpin .8s linear infinite}.pvx-vp.on .pvx-ld{opacity:0}@keyframes pvxSpin{to{transform:rotate(360deg)}}
.pvx-hint{display:inline-flex;align-items:center;gap:6px}.pvx-dot{width:7px;height:7px;border-radius:50%;background:#34C759;box-shadow:0 0 0 3px color-mix(in srgb,#34C759 25%,transparent);animation:pvxPulse 1.8s ease-in-out infinite}@keyframes pvxPulse{50%{box-shadow:0 0 0 6px transparent}}
.pvx-home{margin-inline-start:auto;width:24px;height:24px;border-radius:7px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.pvx-home:hover{background:var(--alt);color:var(--fg)}.pvx-hint .pvx-home{margin-inline-start:4px}.pvx-chrome{display:flex;align-items:center}
.pvx-ctl{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--alt);border:1px solid var(--line)}.pvx-ctl button{width:28px;height:28px;border-radius:50%;border:0;background:transparent;color:var(--fg);display:grid;place-items:center;cursor:pointer}.pvx-ctl button:hover{background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.1)}.pvx-ctl i{width:1px;height:16px;background:var(--line);margin:0 3px}.pvx-zl{font-size:11.5px;font-weight:600;min-width:38px;text-align:center;font-variant-numeric:tabular-nums}
.pvx-bar{gap:8px;flex-wrap:wrap}.pvx-hint{font-size:12px;color:var(--muted)}
.apx-p-store.pvx-full{position:fixed;inset:0;z-index:100000;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px max(18px,4vw);overflow:auto;display:block!important;zoom:1;animation:apxPopIn .25s ease}.apx-p-store.pvx-full .pvx{max-width:1280px;margin:0 auto}.apx-p-store.pvx-full .pvx-phone{width:min(400px,100%)}.apx-p-store.pvx-full .apx-side-h{display:none}
html.pvx-on .adm-top,html.pvx-on .adm-side,html.pvx-on .toast{visibility:hidden}
.bn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}
.bn-card{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r,22px);padding:18px;transition:transform .25s,box-shadow .25s}.bn-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(0,0,0,.25)}
.bn-top{display:flex;align-items:center;justify-content:space-between}.bn-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:12.5px;font-weight:700}.bn-cnt{font-size:12px;color:var(--muted)}
.bn-items{display:flex;align-items:center;gap:6px;justify-content:center;padding:6px 0}.bn-it{flex:1;max-width:112px;aspect-ratio:1;border-radius:16px;background:var(--alt);border:0;padding:8px;display:grid;place-items:center;cursor:pointer;overflow:hidden}.bn-it>*{width:100%;height:100%;object-fit:contain}.bn-it svg{max-width:100%;max-height:100%}
.bn-plus{flex:none;width:22px;height:22px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:14px;font-weight:600;color:var(--muted)}
.bn-items.sm .bn-it{max-width:64px;border-radius:12px;padding:5px}.bn-items.sm{justify-content:flex-start}
.bn-t{font-size:18px;font-weight:700;margin:0}.bn-l{margin:0;font-size:13px;color:var(--muted);line-height:1.5}
.bn-f{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}.bn-pr{display:flex;flex-direction:column;gap:1px}.bn-pr b{font-size:20px;font-weight:700}.bn-pr s{font-size:13px;color:var(--muted)}.bn-pr small{font-size:12px;color:var(--ok,#1a7f37);font-weight:600}
.bn-add{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.bn-pd{margin-top:14px;border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:8px}.bn-pd-h{display:flex;gap:10px;align-items:center}.bn-pd-h b{display:block;font-size:14.5px}.bn-pd-h small{display:block;font-size:12px;color:var(--muted)}
.bn-pd-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);flex:none}
.bn-pd-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px}.bn-pd-l li{display:flex;justify-content:space-between;gap:10px;color:var(--muted)}.bn-pd .bn-pr b{font-size:17px}
.bn-row{color:var(--ok,#1a7f37)}.bn-row span:first-child{display:inline-flex;align-items:center;gap:6px}.bn-cd small{display:inline-flex;align-items:center;gap:6px}
@media (max-width:700px){.bn-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-16px;padding:4px 16px 8px;scrollbar-width:none}.bn-grid::-webkit-scrollbar{display:none}.bn-card{flex:0 0 86%;scroll-snap-align:center;padding:16px}.bn-card:hover{transform:none}.bn-t{font-size:16.5px}.bn-pr b{font-size:18px}}
/* admin */
.bn-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.bn-sub{margin:0 0 8px;color:var(--muted);font-size:13.5px;max-width:560px}.bn-stats{display:flex;gap:16px;font-size:13px;color:var(--muted)}.bn-stats b{color:var(--fg);font-size:15px}
.bn-agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.bn-acard{display:flex;flex-direction:column;gap:8px}.bn-acard.off{opacity:.6}.bn-at{font-size:15px}.bn-al{color:var(--muted);font-size:12px;line-height:1.5}.bn-ap{display:flex;gap:8px;align-items:baseline}.bn-ap b{font-size:16px}.bn-ap s{color:var(--muted);font-size:12.5px}.bn-aacts{display:flex;gap:8px;margin-top:4px}.bn-aacts .btn{flex:1}
.bn-tg{position:relative;width:40px;height:24px;cursor:pointer}.bn-tg input{position:absolute;opacity:0}.bn-tg i{position:absolute;inset:0;border-radius:999px;background:var(--line);transition:background .2s}.bn-tg i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.bn-tg input:checked+i{background:#34C759}.bn-tg input:checked+i::after{transform:translateX(-16px)}html[dir=ltr] .bn-tg input:checked+i::after{transform:translateX(16px)}
.bn-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 20px}.bn-empty small{color:var(--muted)}
.bn-ed{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.bn-ed-side{position:sticky;top:84px}.bn-h3{margin:0 0 14px;font-size:17px}.bn-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bn-lbl{font-size:13.5px;font-weight:600;margin:16px 0 8px}.bn-lbl small{font-weight:400;color:var(--muted);margin-inline-start:6px}
.bn-rows{display:flex;flex-direction:column;gap:8px}.bn-row-e{display:flex;align-items:center;gap:8px}.bn-n{width:22px;text-align:center;color:var(--muted);font-size:12.5px}.bn-th{width:40px;height:40px;border-radius:10px;background:var(--alt);flex:none;display:grid;place-items:center;overflow:hidden;padding:3px}.bn-th>*{width:100%;height:100%;object-fit:contain}.bn-row-e select{flex:1;min-width:0}.bn-x{width:32px;height:32px;border-radius:50%;border:0;background:var(--alt);cursor:pointer;font-size:18px;color:var(--muted)}
.bn-addrow{margin-top:8px}.bn-pcts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.bn-pcts button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--fg)}.bn-pcts button.on{background:var(--accent);border-color:var(--accent);color:#fff}.bn-pc{display:inline-flex;align-items:center;gap:4px;font-size:13px}.bn-pc .input{width:76px;min-height:36px;padding:6px 10px}
.bn-act{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;cursor:pointer}
.bn-sum-r{display:flex;justify-content:space-between;padding:7px 0;font-size:13.5px;color:var(--muted)}.bn-sum-r b{color:var(--fg)}.bn-sum-r.tot{border-top:1px solid var(--line);margin-top:4px;padding-top:10px;color:var(--fg);font-weight:600}.bn-sum-r.tot b{font-size:18px}.bn-hint{display:block;color:var(--muted);font-size:12px;margin:10px 0 14px;line-height:1.5}.bn-ed-acts{display:flex;flex-direction:column;gap:8px}.bn-del{color:var(--err,#d70015)}
@media (max-width:900px){.bn-ed{grid-template-columns:1fr}.bn-ed-side{position:static}.bn-2{grid-template-columns:1fr}}
.gf-box{margin-top:14px;border:1.5px dashed color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent);border-radius:16px;padding:12px}.gf-cd{margin:12px 0 4px}
.gf-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}.gf-h b{display:block;font-size:14px}.gf-h small{display:block;font-size:12px;color:var(--muted)}
.gf-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#fff;flex:none}
.gf-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.gf-o{position:relative;display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;text-align:start;font:inherit;color:var(--fg);transition:border-color .2s,box-shadow .2s}.gf-o.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}
.gf-t{width:44px;height:44px;border-radius:10px;background:var(--alt);display:grid;place-items:center;overflow:hidden;padding:4px;flex:none}.gf-t>*{width:100%;height:100%;object-fit:contain}
.gf-n{display:flex;flex-direction:column;gap:2px;min-width:0}.gf-n b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gf-n s{font-size:11.5px;color:var(--muted)}.gf-n em{font-style:normal;font-size:12px;font-weight:700;color:var(--ok,#1a7f37)}
.gf-ck{position:absolute;top:6px;inset-inline-end:6px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;display:none;place-items:center}.gf-o.on .gf-ck{display:grid}
.gf-mini .gf-tag{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:600}.gf-free{color:var(--ok,#1a7f37)}
.gf-pd{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--accent) 3%,transparent));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}.gf-pd .gf-ic{width:38px;height:38px;border-radius:12px}.gf-pd b{display:block;font-size:14px}.gf-pd small{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.gf-tabs{margin-bottom:16px}.gf-sel{margin-top:10px}.gf-or{width:auto;padding:0 6px;border-radius:999px;font-size:11px}
.gf-ids{margin-top:10px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:6px}.gf-ids label{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:13px}.gf-ids label:hover{background:var(--alt)}.gf-ids label small{margin-inline-start:auto;color:var(--muted)}.gf-ids .bn-th{width:32px;height:32px}
.gf-how{margin:0 0 14px;padding-inline-start:18px;font-size:12.5px;color:var(--muted);line-height:1.7}
@media (max-width:700px){.gf-opts{grid-template-columns:1fr 1fr}.gf-o{flex-direction:column;align-items:flex-start;gap:6px}.gf-t{width:100%;height:64px}.gf-n b{white-space:normal}}
.gf-line .gf-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#7C3AED));padding:3px 9px;border-radius:999px;margin:4px 0 2px;width:max-content}
.gf-line{position:relative;background:color-mix(in srgb,var(--accent) 4%,transparent)}.cd-line.gf-line{border-radius:14px;padding-inline:8px;margin-inline:-8px}
.gf-p s,.bag-line.gf-line .bl-was{color:var(--muted);font-weight:400;font-size:12px;margin-inline-end:4px}.bag-line.gf-line .bl-price b,.gf-p{color:var(--ok,#1a7f37)}
.gf-chg{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:5px 11px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.gf-chg:hover{border-color:var(--accent);color:var(--accent)}
.gf-pick{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 4px;scrollbar-width:none}.gf-pick::-webkit-scrollbar{display:none}
.gf-pk{position:relative;flex:0 0 108px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);font:inherit;color:var(--fg);cursor:pointer}.gf-pk.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.gf-pt{width:56px;height:56px;display:grid;place-items:center}.gf-pt>*{width:100%;height:100%;object-fit:contain}.gf-pn{font-size:11.5px;font-weight:600;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gf-pk s{font-size:11px;color:var(--muted)}.gf-pk.on .gf-ck{display:grid}
.gf-mini .gf-tag{color:var(--accent)}.gf-mini b{color:var(--ok,#1a7f37)}
.gf-imgs{display:flex;flex:none}.gf-im{width:48px;height:48px;border-radius:12px;background:var(--surface);border:2px solid var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.08);display:grid;place-items:center;padding:4px;overflow:hidden}.gf-im+.gf-im{margin-inline-start:-14px}.gf-im>*{width:100%;height:100%;object-fit:contain}
.gf-pd .gf-val{display:block;font-size:12px;font-weight:700;color:var(--ok,#1a7f37);margin-top:2px}.gf-pd .gf-val s{color:var(--muted);font-weight:400}
/* admin editor */
.gfa-ed{display:flex;flex-direction:column;gap:14px;max-width:860px}.gfa-sec{display:flex;flex-direction:column;gap:12px}.gfa-sh{display:flex;align-items:center;gap:10px}.gfa-sh b{display:block;font-size:15px}.gfa-sh small{display:block;font-size:12px;color:var(--muted)}
.gfa-no{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}
.gfa-seg{align-self:flex-start}
.gfa-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.gfa-cat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);font:inherit;color:var(--fg);cursor:pointer;transition:border-color .2s,box-shadow .2s}.gfa-cat.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.gfa-cat span:nth-child(2){font-size:13px;font-weight:600}.gfa-cat small{font-size:11px;color:var(--muted)}
.gfa-cv{width:44px;height:44px;display:grid;place-items:center}.gfa-cv>*{max-width:100%;max-height:100%}
.gfa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.gfa-pc{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;border-radius:14px;border:1px solid var(--line);background:var(--surface);text-align:center}.gfa-pc b{font-size:12.5px;line-height:1.35}.gfa-pc small{font-size:11.5px;color:var(--muted)}
.gfa-im{width:72px;height:72px;border-radius:12px;background:var(--alt);display:grid;place-items:center;padding:6px;overflow:hidden}.gfa-im>*{width:100%;height:100%;object-fit:contain}
.gfa-x{position:absolute;top:6px;inset-inline-end:6px;width:24px;height:24px;border-radius:50%;border:0;background:var(--alt);color:var(--muted);font-size:16px;line-height:1;cursor:pointer}.gfa-x:hover{background:var(--err,#d70015);color:#fff}
.gfa-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:148px;border-radius:14px;border:1.5px dashed color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 4%,transparent);color:var(--accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.gfa-add:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}
.gfa-min label{font-size:13px;font-weight:600}.gfa-min small{font-weight:400;color:var(--muted)}.gfa-minr{display:flex;align-items:center;gap:8px;margin-top:6px;max-width:260px}.gfa-minr span{color:var(--muted);font-size:13px}
.gfa-bar{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 10px 30px -12px rgba(0,0,0,.2)}.gfa-acts{display:flex;gap:8px}
/* picker */
.pk-pop{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}
.pk-d{background:var(--surface);color:var(--fg);border-radius:22px;width:min(760px,100%);height:min(680px,90vh);display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.3);animation:apxPopIn .24s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.pk-h{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 10px}.pk-h b{font-size:17px}.pk-h small{display:block;font-size:12px;color:var(--muted)}
.pk-s{position:relative;margin:0 20px}.pk-s svg{position:absolute;top:50%;inset-inline-start:14px;transform:translateY(-50%);color:var(--muted)}.pk-s .input{padding-inline-start:40px;border-radius:12px}
.pk-cats{display:flex;gap:6px;overflow-x:auto;padding:12px 20px 4px;scrollbar-width:none}.pk-cats button{flex:none;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:6px 13px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.pk-cats button.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.pk-g{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:12px 20px 16px;align-content:start}
.pk-it{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);font:inherit;color:var(--fg);cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s}.pk-it:hover{border-color:color-mix(in srgb,var(--fg) 25%,transparent)}.pk-it.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}
.pk-im{width:84px;height:84px;display:grid;place-items:center}.pk-im>*{width:100%;height:100%;object-fit:contain}.pk-it b{font-size:12.5px;line-height:1.35}.pk-it small{font-size:11.5px;color:var(--muted)}
.pk-ck{position:absolute;top:8px;inset-inline-end:8px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);display:grid;place-items:center;color:transparent}.pk-it.on .pk-ck{background:var(--accent);border-color:var(--accent);color:#fff}
.pk-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px 0}
.pk-f{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--line)}.pk-f span{font-size:13px;color:var(--muted);font-weight:600}.pk-f .btn{min-width:120px}
@media (max-width:700px){.pk-pop{align-items:flex-end;padding:0}.pk-d{width:100%;height:88vh;border-radius:22px 22px 0 0}.pk-g{grid-template-columns:repeat(2,1fr)}.gfa-bar{flex-direction:column;align-items:stretch}.gfa-acts .btn{flex:1}.gfa-grid{grid-template-columns:repeat(2,1fr)}}
.cd-line.gf-line{flex-wrap:wrap}.cd-line.gf-line .cd-meta{flex:1;min-width:0}.cd-line.gf-line>.gf-pick{flex-basis:100%;padding-top:4px}
.gf-pd{display:block!important;padding:14px!important}.gf-pdh{display:flex;align-items:center;gap:10px;margin-bottom:12px}.gf-pdh b{display:block;font-size:14.5px}.gf-pdh small{display:block;font-size:12px;color:var(--muted);margin-top:1px}.gf-pdh .gf-ic{width:34px;height:34px;border-radius:10px}
.gf-cards{display:flex;flex-direction:column;gap:8px}.gf-card .gf-cn{flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.gf-card .gf-cn>span{flex:none}.gf-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));box-shadow:0 1px 3px rgba(0,0,0,.04)}
.gf-cim{width:52px;height:52px;border-radius:11px;background:var(--alt);display:grid;place-items:center;padding:5px;overflow:hidden;flex:none}.gf-cim>*{width:100%;height:100%;object-fit:contain}
.gf-cn{display:flex;flex-direction:column;gap:3px;min-width:0}.gf-cn b{font-size:13px;font-weight:600;line-height:1.35}.gf-cn span{display:flex;align-items:center;gap:6px}.gf-cn s{font-size:12px;color:var(--muted)}.gf-cn em{font-style:normal;font-size:11.5px;font-weight:700;color:#fff;background:var(--ok,#1a7f37);padding:2px 8px;border-radius:999px}
@media (max-width:700px){.gf-cards{grid-template-columns:1fr}}
.tr-st{font-weight:500;font-size:11.5px;color:var(--accent)}
.gf-worth{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;color:var(--muted);line-height:1.35}.gf-worth svg{flex:none;color:var(--accent)}.gf-worth b{color:var(--fg);font-weight:600}
@media (max-width:700px){.gf-rib{top:10px;inset-inline-start:10px;padding:4px 8px;font-size:10.5px}.gf-worth{font-size:11.5px;align-items:flex-start}.gf-worth svg{margin-top:1px}}
.gfb{position:absolute;top:10px;inset-inline-start:10px;z-index:3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);box-shadow:0 1px 4px rgba(0,0,0,.1);pointer-events:none}
@media (max-width:700px){.gf-card .gf-cn{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.gf-card .gf-cn b{font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gf-card{padding:10px 12px}}
html.srv .demo,html.srv .adm-demo{display:none!important}html.srv-wait #app{opacity:0}

/* ---------- حساب الزبون ---------- */
#accBtn[hidden]{display:none}