/* DentSwap — bright clinic look matching Tomorrow Tooth Academy: white surfaces, TTA blue, sunny deal accents */
:root{
  --bg:#f4f7fb; --surface:#ffffff; --ink:#0f2137; --muted:#66788c; --line:#e2e9f2;
  --accent:#2A86E0; --accent-ink:#ffffff; --accent-soft:#e8f2fd; --accent-deep:#1f6fc2;
  --sun:#ffb81c; --sun-soft:#fff3d6; --sun-ink:#7a4f00;
  --coral:#f0584a; --coral-soft:#fde8e5;
  --ok:#14a356; --ok-soft:#e1f5e9;
  --shadow:0 1px 2px rgba(15,31,44,.05),0 8px 24px rgba(15,31,44,.06);
  --f-display:"Cairo",system-ui,sans-serif;
  --f-body:"Cairo",system-ui,"Segoe UI",Roboto,sans-serif;
  --f-ar:"Cairo",Tahoma,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.55;padding-top:env(safe-area-inset-top,0px)}
img{max-width:100%}
[hidden]{display:none!important}
a{color:var(--accent-deep)}
.ar{font-family:var(--f-ar);direction:rtl;unicode-bidi:isolate}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* header */
header.bar{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top{display:flex;align-items:center;gap:14px;padding-block:12px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.brand .logo{width:34px;height:34px;flex:0 0 auto}
.brand .nm{font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:-.4px;line-height:1}
.brand .nm b{color:var(--accent)}
.brand .tag{display:block;font-family:var(--f-ar);font-size:11.5px;color:var(--muted);font-weight:500;margin-top:2px}
.who{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);font-weight:600}
.tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}
.tab{color:var(--muted);font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;white-space:nowrap;text-decoration:none}
.tab:hover{color:var(--ink);background:var(--bg)}
.tab.on{background:var(--ink);color:#fff}
main{padding-block:20px 120px}

/* hero */
.hero{position:relative;overflow:hidden;border-radius:22px;padding:28px 26px;margin-bottom:22px;background:linear-gradient(120deg,#e3f0ff 0%,#f1f7ff 50%,#fff5dc 100%);border:1px solid #d6e7fb;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:center}
.hero h1{font-family:var(--f-display);font-weight:800;font-size:clamp(26px,4.2vw,40px);line-height:1.08;letter-spacing:-.8px;margin:0 0 10px;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--accent-deep);background:linear-gradient(transparent 62%,#ffd76a 62%)}
.hero p{margin:0 0 6px;color:#2c3e50;font-size:15.5px;max-width:52ch}
.hero .ar{display:block;font-size:15px;color:var(--accent-deep);font-weight:600;margin:8px 0 16px}
.hero .pts{display:grid;gap:10px}
.hero .pt{background:rgba(255,255,255,.85);border:1px solid #dbe8f8;border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center;font-size:14px;font-weight:600}
.hero .pt i{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:800;font-family:var(--f-display)}
.pt:nth-child(1) i{background:var(--sun);color:var(--ink)}
.pt:nth-child(2) i{background:var(--accent);color:#fff}
.pt:nth-child(3) i{background:var(--ink);color:#fff}
.pt small{display:block;color:var(--muted);font-weight:500;font-size:12.5px}

/* sections */
.intro{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.intro h1{font-family:var(--f-display);font-weight:800;font-size:26px;letter-spacing:-.5px;margin:0}
.intro p{margin:2px 0 0;color:var(--muted);font-size:14px}
.intro .ar{color:var(--accent-deep);font-size:13.5px;font-weight:600}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.filters input,.filters select{font:inherit;font-size:14px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);min-width:0}
.filters input{flex:1 1 240px}
.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:14px;scrollbar-width:thin}
.chips button{flex:0 0 auto;font:600 13px var(--f-body);padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.chips button:hover{border-color:var(--accent)}
.chips button.on{background:var(--accent);border-color:var(--accent);color:#fff}
.chips .n{margin-left:6px;font-size:11.5px;background:rgba(15,31,44,.08);border-radius:99px;padding:1px 7px;font-variant-numeric:tabular-nums}
.chips button.on .n{background:rgba(255,255,255,.25)}

/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.card .lnk{color:inherit;text-decoration:none}
.ph{aspect-ratio:4/3;max-width:100%;background:linear-gradient(135deg,var(--accent-soft),#f5f9ff);display:grid;place-items:center;color:var(--accent-deep);font-family:var(--f-display);font-weight:700;font-size:15px;position:relative;overflow:hidden;text-align:center;padding:10px}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph .cat{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.95);color:var(--ink);font:700 11.5px var(--f-body);padding:4px 10px;border-radius:99px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.ph .off{position:absolute;top:10px;right:10px;background:var(--sun);color:var(--ink);font:800 13px var(--f-display);padding:4px 10px;border-radius:99px}
.body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.title{font-family:var(--f-display);font-weight:700;font-size:17px;line-height:1.25;margin:0;overflow-wrap:anywhere;letter-spacing:-.2px}
.meta{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--bg);color:var(--muted);border:1px solid var(--line)}
.chip.ok{background:var(--ok-soft);color:#0c7a3e;border-color:transparent}
.chip.warn{background:var(--sun-soft);color:var(--sun-ink);border-color:transparent}
.chip.bad{background:var(--coral-soft);color:#b8321f;border-color:transparent}
.chip.acc{background:var(--accent-soft);color:var(--accent-deep);border-color:transparent}
.chip.dark{background:var(--ink);color:#fff;border-color:transparent}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.price strong{font-family:var(--f-display);font-size:23px;font-weight:800;letter-spacing:-.3px}
.price strong small{font-size:13px;font-weight:700;color:var(--muted);margin-left:3px}
.price s{color:var(--muted);font-size:13.5px}
.notes{color:var(--muted);font-size:13.5px;margin:0;overflow-wrap:anywhere;white-space:pre-line}
.seller{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.seller .av{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);display:grid;place-items:center;font-weight:800;font-size:12px}
.seller .nm{color:var(--ink);font-weight:700}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.btn{font:700 14px var(--f-body);border-radius:12px;padding:10px 16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;justify-content:center;transition:transform .08s, box-shadow .15s}
.btn:hover{box-shadow:0 2px 10px rgba(15,31,44,.08)}
.btn:active{transform:translateY(1px)}
.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.pri:hover{background:var(--accent-deep)}
.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.btn.sun{background:var(--sun);border-color:var(--sun);color:var(--ink)}
.btn.wa{background:#1fae5b;border-color:#1fae5b;color:#fff}
.btn.ghost{background:transparent}
.btn.danger{color:#c23a2a}
.btn.sm{padding:6px 11px;font-size:13px;border-radius:10px}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.btn:focus-visible,.tab:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.chips button:focus-visible{outline:3px solid #8cc4fa;outline-offset:2px}
.req{position:relative;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--sun);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--shadow);min-width:0}
.req .tag{font-size:11.5px;font-weight:800;letter-spacing:.8px;color:var(--sun-ink);text-transform:uppercase}
.match{background:var(--ok-soft);color:#0c7a3e;font-size:13px;font-weight:700;padding:9px 12px;border-radius:12px}
.match a{color:inherit}
.empty{background:var(--surface);border:2px dashed var(--line);border-radius:18px;padding:34px 18px;text-align:center;color:var(--muted)}
.empty h3{font-family:var(--f-display);font-weight:800;color:var(--ink);margin:0 0 6px;font-size:20px}
.empty .ar{display:block;color:var(--accent-deep);font-weight:600;margin-bottom:14px}
.fab{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:calc(20px + env(safe-area-inset-right,0px));z-index:6;box-shadow:0 10px 28px rgba(5,131,242,.35);padding:14px 22px;font-size:15px;border-radius:999px}

/* forms */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;max-width:680px;box-shadow:var(--shadow)}
.panel h2{font-family:var(--f-display);font-weight:800;margin:0 0 4px;font-size:24px;letter-spacing:-.4px}
.panel .sub{color:var(--muted);font-size:14px;margin:0 0 16px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .full{grid-column:1/-1}
.form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;min-width:0}
.form .h{font-weight:500;color:var(--muted);font-size:12px}
.form input,.form select,.form textarea{font:inherit;font-size:15px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fbfdfe;color:var(--ink);width:100%;min-width:0}
.form textarea{min-height:84px;resize:vertical}
.check{flex-direction:row!important;align-items:flex-start;gap:9px;font-weight:500!important}
.check input{width:auto!important;margin-top:4px}
.seg{display:flex;gap:6px;flex-wrap:wrap;background:var(--bg);padding:4px;border-radius:14px;border:1px solid var(--line)}
.seg button{flex:1;font:700 14px var(--f-body);padding:9px;border-radius:10px;border:0;background:transparent;color:var(--muted);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(15,31,44,.12)}
.err{color:#c23a2a;font-size:13.5px;min-height:1.2em;font-weight:600}
.picker{position:relative}
.sugg{position:absolute;left:0;right:0;top:100%;z-index:4;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(15,31,44,.14);max-height:300px;overflow:auto;margin-top:4px}
.sugg button{display:block;width:100%;text-align:left;font:inherit;font-size:14px;padding:10px 13px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.sugg button:hover,.sugg button:focus{background:var(--accent-soft)}
.sugg b{color:var(--muted);font-weight:700;font-size:11.5px;margin-right:8px;text-transform:uppercase;letter-spacing:.3px}
.picked{display:flex;align-items:center;gap:8px;background:var(--accent-soft);border-radius:12px;padding:9px 12px;font-weight:700}
.picked button{margin-left:auto}
.thumbs{display:flex;gap:8px;flex-wrap:wrap}
.thumbs img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}

/* detail */
.back{display:inline-block;margin-bottom:12px;font-weight:700;text-decoration:none}
.detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.gallery{display:flex;flex-direction:column;gap:8px}
.gallery .main{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--accent-soft),#f5f9ff);display:grid;place-items:center;color:var(--accent-deep);font-family:var(--f-display);font-weight:700;border:1px solid var(--line)}
.gallery .main img{width:100%;height:100%;object-fit:contain;background:#fff}
.gallery .row{display:flex;gap:6px;overflow-x:auto}
.gallery .row img{width:66px;height:66px;object-fit:cover;border-radius:10px;cursor:pointer;border:2px solid transparent}
.gallery .row img.on{border-color:var(--accent)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14px;margin:14px 0 0}
.kv dt{color:var(--muted);font-weight:600}
.kv dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.phone{font-variant-numeric:tabular-nums;user-select:all;letter-spacing:.3px}

/* admin */
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:18px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}
.stat b{display:block;font-family:var(--f-display);font-size:26px;font-variant-numeric:tabular-nums}
.stat span{color:var(--muted);font-size:12.5px;font-weight:600}
.tbl{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:20px}
.tbl table{border-collapse:collapse;width:100%;font-size:13.5px}
.tbl th,.tbl td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.tbl th{color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px}
h2.sec{font-family:var(--f-display);font-weight:800;font-size:20px;margin:22px 0 12px}

/* sheet + toast */
.sheet-bg{position:fixed;inset:0;background:rgba(15,31,44,.4);z-index:20;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:var(--surface);width:100%;max-width:520px;max-height:92%;overflow:auto;border-radius:20px 20px 0 0;padding:20px max(20px,env(safe-area-inset-left,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-right,0px))}
@media (min-width:640px){.sheet-bg{align-items:center}.sheet{border-radius:20px}}
.sheet h2{font-family:var(--f-display);font-weight:800;margin:0 0 8px;font-size:21px}
.sheet .foot{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.sheet .foot .btn{flex:1}
.toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 18px;border-radius:12px;font-weight:700;z-index:30;font-size:14px;max-width:calc(100% - 32px);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.more{display:flex;justify-content:center;margin-top:18px}
.note{background:var(--accent-soft);border-radius:12px;padding:12px 14px;font-size:13.5px;margin-bottom:14px}
footer.site{color:var(--muted);font-size:13px;text-align:center;padding:26px 16px 110px;border-top:1px solid var(--line);margin-top:30px}
footer.site .ar{display:block;margin-top:4px}

@media (max-width:760px){.detail{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding:22px 18px}}
@media (max-width:460px){.form{grid-template-columns:1fr}.brand .tag{display:none}.grid{grid-template-columns:1fr 1fr;gap:10px}.body{padding:10px 11px 12px}.title{font-size:14.5px}.price strong{font-size:18px}.card .seller{display:none}.card .meta .chip:not(.ok):not(.warn):not(.bad):not(.dark){display:none}}
@media (prefers-reduced-motion:no-preference){.card{transition:transform .15s, box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(15,31,44,.05),0 14px 30px rgba(15,31,44,.1)}}

/* icons (Lucide) */
.ic{width:17px;height:17px;stroke-width:2.1;flex:0 0 auto;vertical-align:-3px}
svg.ic{display:inline-block}
.tab{display:inline-flex;align-items:center;gap:7px}
.chips button{display:inline-flex;align-items:center;gap:6px}
.chips button .ic{width:15px;height:15px}
.meta .chip{display:inline-flex;align-items:center;gap:5px}
.meta .chip .ic{width:13px;height:13px}
.hero .pt i{font-size:0}
.hero .pt i .ic,.hero .pt i svg{width:18px;height:18px}
.ph .big{width:46px;height:46px;stroke-width:1.6;opacity:.85}
.ph .phl{display:flex;flex-direction:column;align-items:center;gap:8px}
.seller .ic{width:14px;height:14px}
.intro h1{display:flex;align-items:center;gap:10px}
.intro h1 .ic{width:26px;height:26px;color:var(--accent)}
.card,.req,.panel,.stat,.tbl{box-shadow:0 1px 2px rgba(15,31,44,.04),0 4px 14px rgba(15,31,44,.05)}

/* suppliers, stores, featured, ads */
.sup{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;color:var(--accent-deep);background:var(--accent-soft);padding:2px 8px;border-radius:99px}
.sup.ver{color:#fff;background:var(--accent)}
.sup .ic{width:12px;height:12px}
.seller a.nm{color:var(--ink);text-decoration:none}
.seller a.nm:hover{text-decoration:underline}
.seller .av.s{background:var(--ink);color:#fff;border-radius:8px}
.card.feat{border:2px solid var(--sun);box-shadow:0 6px 22px rgba(255,184,28,.25)}
.featb{position:absolute;bottom:10px;left:10px;display:inline-flex;align-items:center;gap:4px;background:var(--sun);color:var(--ink);font:800 12px var(--f-body);padding:4px 10px;border-radius:99px}
.featb .ic{width:13px;height:13px}
.adtop{position:relative;display:block;border-radius:18px;overflow:hidden;margin-bottom:18px;border:1px solid var(--line);max-height:220px}
.adtop img{display:block;width:100%;max-height:220px;object-fit:cover}
.adl{position:absolute;top:10px;right:10px;background:rgba(15,31,44,.7);color:#fff;font:700 11px var(--f-body);padding:3px 9px;border-radius:99px}
.adcard{text-decoration:none;color:inherit}
.storehead{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(120deg,#e3f0ff,#f6faff);border:1px solid #d6e7fb;border-radius:20px;padding:22px;margin-bottom:8px;flex-wrap:wrap}
.storehead .av.big{width:72px;height:72px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font:800 30px var(--f-display);flex:0 0 auto}
.storehead .av.big.s{border-radius:18px;background:var(--ink)}
.storehead .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.storehead h1{font-family:var(--f-display);font-weight:800;font-size:26px;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.storehead .bio{margin:0;max-width:65ch;white-space:pre-line}
.seg button .ic{width:16px;height:16px}

/* group chips first, then sub-categories */
.chips.groups button{font-size:14px;padding:9px 16px;font-weight:700}
.chips.groups button .ic{width:17px;height:17px}
.chips.sub{background:var(--accent-soft);border-radius:14px;padding:8px;margin-top:-4px}
.chips.sub button{background:#fff}
.chips.sub button.on{background:var(--accent);color:#fff}

/* security */
.qr{width:190px;max-width:100%;margin:10px 0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px}
.qr svg{width:100%;height:auto;display:block}
.steps{margin:0 0 6px;padding-left:20px;color:var(--ink);font-size:14px;display:grid;gap:4px}
.rec{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.rec code{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px;text-align:center;font-weight:700;letter-spacing:1px}
.note{display:flex;gap:8px;align-items:flex-start}

/* photo slots */
.lbl{font-size:13px;font-weight:700;margin-bottom:6px}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;aspect-ratio:4/3;border:2px dashed #b9d4f3;border-radius:14px;background:var(--accent-soft);cursor:pointer;overflow:hidden;padding:10px;font-weight:700!important}
.slot:hover{border-color:var(--accent)}
.slot.has{border-style:solid;border-color:var(--accent);padding:0}
.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slot.has .sl,.slot.has .sh{position:relative;z-index:1;background:rgba(15,31,44,.65);color:#fff;padding:2px 8px;border-radius:99px}
.slot.has .sl{margin-top:auto}
.slot .si{width:44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--accent)}
.slot .si .ic{width:22px;height:22px}
.slot .sl{font-size:13.5px}
.slot .sl b{color:#c23a2a}
.slot .sh{font-size:12px;font-weight:500;color:var(--muted)}
.slot.has .sh{color:#fff;margin-bottom:6px}
.more-ph{margin-top:10px}
.gallery .row .th{position:relative;margin:0;cursor:pointer;border:2px solid transparent;border-radius:10px;overflow:hidden;flex:0 0 auto}
.gallery .row .th.on{border-color:var(--accent)}
.gallery .row .th img{display:block;width:66px;height:66px;object-fit:cover;border:0;border-radius:0}
.gallery .row figcaption{position:absolute;left:0;right:0;bottom:0;background:rgba(15,31,44,.75);color:#fff;font-size:10.5px;font-weight:700;text-align:center;padding:1px 0}

/* install bar + payments */
.installbar{position:fixed;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:15;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 12px;box-shadow:0 12px 32px rgba(15,31,44,.18);max-width:520px;margin:0 auto}
.installbar img{width:42px;height:42px;border-radius:10px}
.installbar div{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;color:var(--muted)}
.installbar b{color:var(--ink);font-size:14px}
.installbar .x{border:0;background:none;font-size:22px;color:var(--muted);cursor:pointer;padding:0 4px}
.paybox{background:var(--accent-soft);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;margin:8px 0 12px}
.paybox .amt{display:flex;align-items:baseline;justify-content:space-between}
.paybox .amt span{color:var(--muted);font-weight:700}
.paybox .amt strong{font-family:var(--f-display);font-size:26px}
.paybox .amt small{font-size:13px;color:var(--muted);margin-left:4px}
body:has(#installbar:not([hidden])) .fab{bottom:calc(92px + env(safe-area-inset-bottom,0px))}

.vbanner{display:block;background:var(--sun);color:var(--ink);text-align:center;font-weight:700;font-size:14px;padding:10px 16px;text-decoration:none}

/* ratings & reviews */
.stars{position:relative;display:inline-block;color:#d9e1e8;letter-spacing:1px;font-size:13px;line-height:1;white-space:nowrap}
.stars::before{content:"★★★★★";position:absolute;inset:0 auto 0 0;width:var(--p);overflow:hidden;color:var(--sun)}
.stars.big{font-size:20px;letter-spacing:2px}
.rate{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted);text-decoration:none;flex-wrap:wrap}
.rate b{color:var(--ink)}
.rate.none{font-style:italic}
.rate .lowtag,.lowtag{display:inline-flex;align-items:center;gap:3px;background:var(--coral-soft);color:#b42a1d;border-radius:999px;padding:2px 8px;font-weight:700;font-size:11.5px}
.rate .lowtag .ic{width:12px;height:12px}
.rateline{margin:6px 0 4px}
.disc,.warnbox{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.5}
.disc{background:#f3f7fb;border:1px solid var(--line);color:var(--muted)}
.disc b{color:var(--ink)}
.disc .ar{display:block;margin-top:4px;color:var(--ink)}
.disc>.ic,.warnbox>.ic{flex:0 0 auto;margin-top:2px;color:var(--accent-deep)}
.warnbox{background:var(--coral-soft);border:1px solid #f7c6c0;color:#7d2219}
.warnbox>.ic{color:#c4382a}
.storehead+.warnbox,.storehead~.disc{margin-top:12px}
.reviews{margin-top:8px}
.revtop{max-width:none;display:grid;grid-template-columns:auto 1fr 1.2fr;gap:22px;align-items:center}
.revtop .big{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:110px}
.revtop .big strong{font:800 40px/1 var(--f-display)}
.dist{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)}
.dist .dr{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:8px}
.dist i{display:block;height:8px;border-radius:99px;background:#edf2f6;overflow:hidden}
.dist i b{display:block;height:100%;background:var(--sun);border-radius:99px}
.revtop .cta{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.revlist{display:grid;gap:10px;margin-top:12px}
.rev{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.rev .rh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rev p{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.rev .reply{background:var(--accent-soft);border-radius:10px;padding:8px 10px;font-size:13.5px;width:100%}
.pickrow{display:flex;align-items:center;gap:12px;margin:4px 0 12px}
.pick{display:flex;gap:4px}
.pick button{font-size:32px;line-height:1;border:0;background:none;color:#d9e1e8;cursor:pointer;padding:2px}
.pick button.on{color:var(--sun)}
.pick button:focus-visible{outline:2px solid var(--accent);border-radius:6px}
@media (max-width:700px){.revtop{grid-template-columns:1fr;gap:14px}.revtop .big{align-items:flex-start}}
.check a{font-weight:700}

/* terms — كبير وبالعربي جنب الإنجليزي */
.terms{max-width:1100px;margin:0 auto}
.thero{text-align:center;margin:8px 0 18px}
.thero h1{margin:0;display:flex;flex-direction:column;gap:4px}
.thero h1 .ar{font:700 34px/1.4 var(--f-ar);direction:rtl}
.thero h1 .en{font:800 24px/1.2 var(--f-display);color:var(--muted)}
.tgrid{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 22px;box-shadow:var(--shadow)}
.trow{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.trow.thead{border-bottom:1px solid var(--line);padding:10px 0;font-weight:800;color:var(--accent-deep)}
.tc{margin:0;font-size:17.5px;line-height:1.75;color:var(--ink)}
.tc.ar{font-family:var(--f-ar);font-size:19px;line-height:1.9;text-align:right}
.tc.en{color:#2b3d4d}
.t-h .tc{font:800 23px/1.35 var(--f-display);margin:26px 0 8px;color:var(--accent-deep)}
.t-h .tc.ar{font:700 25px/1.5 var(--f-ar)}
.t-h3 .tc{font-size:19px;font-weight:800;margin:16px 0 4px}
.t-h3 .tc.ar{font-size:20.5px;font-weight:700}
.t-p .tc{margin:6px 0}
ul.tc{margin:6px 0;padding-inline-start:24px}
ul.tc li{margin:6px 0}
.tfoot{max-width:760px;margin:20px auto 0}
.treaderwrap{display:flex;flex-direction:column;gap:8px}
.treaderwrap .lbl .ar{font-weight:700}
.treader{max-height:52vh;overflow-y:auto;border:2px solid #bcd9fa;border-radius:16px;background:#fbfdff;-webkit-overflow-scrolling:touch}
.treader .tgrid{border:0;box-shadow:none;padding:4px 14px;background:transparent}
.treader .tc{font-size:16px}
.treader .tc.ar{font-size:17.5px}
.treader .t-h .tc{font-size:19px;margin-top:18px}
.treader .t-h .tc.ar{font-size:21px}
.thint{font-size:14px;font-weight:700;color:var(--accent-deep);text-align:center}
.tagree{align-items:flex-start;background:var(--accent-soft);border-radius:14px;padding:14px;font-size:15px}
.tagree input{width:24px;height:24px;flex:0 0 auto;margin-top:3px}
.tagree>span{display:flex;flex-direction:column;gap:4px}
.tagree .ar{font-size:17px;line-height:1.7}
.tagree .en{color:var(--muted);font-size:13.5px}
.tagree.locked{opacity:.55}
.sheet.tgate{max-width:900px}
@media (max-width:760px){
  .tgrid{padding:4px 14px}
  .trow{grid-template-columns:1fr;gap:2px}
  .trow.thead{display:none}
  .tc.en{font-size:15px;color:var(--muted);direction:ltr;text-align:left;border-inline-start:3px solid var(--line);padding-inline-start:10px}
  .t-h .tc.en{font-size:17px;margin-top:0;color:var(--muted)}
  .t-h3 .tc.en{font-size:15.5px;margin-top:0}
  ul.tc.en{padding-inline-start:28px}
  .thero h1 .ar{font-size:28px}
}
footer.site a{font-weight:700}

/* offers */
.tbadge{background:var(--coral);color:#fff;border-radius:999px;font-size:11px;font-weight:800;min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;margin-left:2px}
.offline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-top:6px}
.offline b{color:var(--ink)}
.offline .ic{width:14px;height:14px;color:var(--accent-deep)}
.offline .inst{background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;padding:1px 7px;font-weight:700;font-size:11px}
.obox{border:1.5px solid #cfe3fb;background:linear-gradient(180deg,#f3f8ff,#fff);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}
.obox-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.obox-h>span:first-child{font-weight:800;display:inline-flex;align-items:center;gap:6px;color:var(--accent-deep)}
.obox-h b{font-size:16px}
.obox .mine{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.oterms{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.oterms strong{font:800 20px var(--f-display);color:var(--ink)}
.oterms strong small{font-size:11px;margin-left:3px;color:var(--muted)}
.oterms span{display:inline-flex;align-items:center;gap:4px}
.oterms .ic{width:14px;height:14px}
.oact{display:flex;flex-direction:column;gap:8px}
.commit{display:flex;gap:10px;align-items:flex-start;background:var(--sun-soft);color:var(--sun-ink);border-radius:12px;padding:10px 12px;font-size:13px;margin-top:10px}
.commit>.ic{flex:0 0 auto;margin-top:2px}
.ogroup{border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px;background:#fbfdfe}
.olist{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.olist img,.olist .phl{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--accent-soft);display:grid;place-items:center;flex:0 0 auto}
.olist>span:last-child{display:flex;flex-direction:column}
.olistwrap{display:grid;gap:10px}
.orow{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.orow.live{border-color:#bcd9fa;box-shadow:var(--shadow)}
.otop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.owho{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.owho>a:first-child{font-weight:700;color:var(--ink)}
.salemode .seg .ic{width:15px;height:15px}
.disc{font-size:14.5px}
.disc .ar{font-size:16px;font-weight:600}
@media (min-width:761px){.trow .tc.ar{order:2}.trow .tc.en{order:1}}
/* إشعارات الموبايل */
.pushbar{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#fff7e0,#fffdf6);border:1px solid #ffe2a1;border-radius:16px;padding:12px 14px;margin:0 0 14px;max-width:760px}
.pushbar>.ic{flex:0 0 auto;width:26px;height:26px;color:#c98a00}
.pushbar>div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.pushbar b.ar{font-size:16px;text-align:right}
.pushbar span.ar{font-size:14.5px;text-align:right;color:var(--ink)}
.pushbar .en{font-size:12.5px;color:var(--muted)}
.pushbar.on{background:var(--ok-soft);border-color:#bfe8cf}
.pushbar.on>.ic{color:var(--ok)}
/* نافذة شروط كل خطوة */
.nhost{z-index:60}
.nsheet{max-width:620px;display:flex;flex-direction:column;gap:10px;max-height:92vh}
.nhead{display:flex;gap:12px;align-items:flex-start;background:var(--sun-soft);border-radius:14px;padding:12px 14px}
.nhead>.ic{width:28px;height:28px;color:#c98a00;flex:0 0 auto}
.nhead h2{margin:0;font:700 22px/1.4 var(--f-ar);text-align:right}
.nhead .en{color:var(--sun-ink);font-size:13px}
.nhead>div{flex:1;display:flex;flex-direction:column}
.nbody{overflow-y:auto;max-height:46vh;border:2px solid #bcd9fa;border-radius:14px;padding:6px 14px;background:#fbfdff}
.nlist{margin:0;padding:0;list-style:none;counter-reset:n}
.nlist li{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px dashed var(--line)}
.nlist li:last-child{border-bottom:0}
.nlist .ar{font-size:17.5px;line-height:1.8;text-align:right;color:var(--ink)}
.nlist .en{font-size:13.5px;color:var(--muted)}
.nfull{display:block;text-align:center;font-weight:700;padding:10px 0 6px}
.demob{position:absolute;left:10px;bottom:10px;background:#7a4f00;color:#fff;font:700 11.5px var(--f-body);border-radius:999px;padding:3px 9px;letter-spacing:.3px}
/* سعر السوق */
.market{border:1px solid #d6e7fb;background:#f6faff;border-radius:14px;padding:10px 14px;margin-top:12px;display:flex;flex-direction:column;gap:6px}
.market .mh{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--accent-deep)}
.market .mh .ar{font-size:16px}
.market .mrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.market .ml{font-size:15px;min-width:0}
.market b{font-size:16px}
.market p{margin:0}
/* مسح الكود */
.scanbox{display:flex;align-items:center;gap:12px}
.scanbtn{width:100%;justify-content:flex-start;gap:12px;padding:14px 16px;border-radius:16px;text-align:start}
.scanbtn .ic{width:28px;height:28px;flex:0 0 auto}
.scanbtn>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.scanbtn b.ar{font-size:16.5px}
.scanbtn small{font-weight:500;opacity:.9;font-size:12.5px}
.scanbox.done{background:var(--ok-soft);border:1px solid #bfe8cf;border-radius:16px;padding:12px 14px}
.scanbox.done>.ic{color:var(--ok);width:26px;height:26px;flex:0 0 auto}
.scanbox.done>div{flex:1;font-size:15.5px;line-height:1.7}
.qrview{width:100%;min-height:260px;border-radius:16px;overflow:hidden;background:#0f1f2c;margin:8px 0}
.qrview video{width:100%!important;display:block}
/* خانة مخفية + الخصوصية */
.secret{position:relative;display:block}
.secret input{width:100%;padding-inline-end:46px}
.eye{border:0;background:none;color:var(--muted);cursor:pointer;display:inline-grid;place-items:center;padding:6px;border-radius:8px}
.secret .eye{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%)}
.eye:hover{color:var(--accent-deep);background:var(--accent-soft)}
.eye.sm{padding:2px}
.pconsent{background:#f1fbf5;border:1px solid #bfe8cf}
.delpanel{border-color:#f7c6c0;margin-top:16px}
.delpanel h2{color:#b42a1d;text-align:right}
/* التبرع */
.donprice{font-weight:800;color:#0c7a3e;font-size:16px;margin:4px 0}
.donprice.big{font-size:20px}
.donprice .ar{font-size:1.05em}
.donor{display:inline-flex;align-items:center;gap:2px;background:#e9f8ef;color:#0c7a3e;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:800}
.sup.charity{background:#e9f8ef;color:#0c7a3e}
.obox.don{border-color:#bfe8cf;background:linear-gradient(180deg,#f1fbf5,#fff)}
.obox.don .obox-h>span:first-child{color:#0c7a3e}
.obox.don p.ar{font-size:15.5px;text-align:right;margin:0}
.donhero{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center;background:linear-gradient(120deg,#e9f8ef,#f7fdf9);border:1px solid #cdeedb;border-radius:22px;padding:26px;margin:6px 0 10px}
.donhero h1{font:700 30px/1.5 var(--f-ar);margin:0 0 6px;text-align:right}
.donhero p{color:var(--muted)}
.donstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.donstats>div{background:#fff;border-radius:16px;padding:14px;text-align:center;display:flex;flex-direction:column;gap:2px;border:1px solid #d7f0e1}
.donstats b{font:800 28px var(--f-display);color:#0c7a3e}
.donstats .ar{font-size:14px}
@media (max-width:760px){.donhero{grid-template-columns:1fr;padding:18px}.donhero h1{font-size:24px}}
/* شريط التبرع الكبير في الصفحة الرئيسية */
.donband{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:center;margin:14px 0 6px;padding:30px;border-radius:26px;
  background:radial-gradient(120% 140% at 100% 0%,#1fbf6a 0%,#0e9a52 45%,#087a40 100%);color:#fff;box-shadow:0 14px 40px rgba(8,122,64,.22);overflow:hidden;position:relative}
.donband::after{content:"💚";position:absolute;font-size:220px;opacity:.07;left:-30px;bottom:-60px;pointer-events:none}
.dbmain{display:flex;flex-direction:column;gap:10px;text-align:right}
.dbtag{align-self:flex-start;background:rgba(255,255,255,.18);border-radius:999px;padding:4px 12px;font:700 14px var(--f-ar)}
.donband h2{font:700 44px/1.35 var(--f-ar);margin:0;letter-spacing:0}
.donband h2 em{font-style:normal;color:#fff3b0}
.donband p.ar{font:500 19px/1.8 var(--f-ar);margin:0;color:#eafff2}
.donband p.en{font-size:14px;color:#c9f3da;margin:0}
.dbbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.dbbtn{background:#fff;color:#087a40;font:800 19px var(--f-ar);padding:14px 26px;border-radius:16px;border:0;box-shadow:0 6px 18px rgba(0,0,0,.15)}
.dbbtn:hover{background:#f2fff7}
.dbghost{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.55);font:700 16px var(--f-ar);padding:12px 18px;border-radius:16px}
.dbside{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.dbstep{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:12px 14px}
.dbn{width:34px;height:34px;border-radius:50%;background:#fff;color:#087a40;display:grid;place-items:center;font:800 18px var(--f-ar);flex:0 0 auto}
.dbstep i{display:grid;place-items:center;flex:0 0 auto}.dbstep i .ic{width:26px;height:26px;color:#fff3b0}
.dbstep b{display:block;font:700 17px var(--f-ar)}
.dbstep small{color:#c9f3da;font-size:12.5px;direction:ltr;display:block;text-align:right}
.dbnums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dbnums>div{background:#fff;color:#087a40;border-radius:14px;padding:10px 6px;text-align:center;display:flex;flex-direction:column}
.dbnums b{font:800 26px var(--f-display)}
.dbnums span{font:600 13px var(--f-ar);color:#2b6b47}
.tab.don{background:#e3f7eb;color:#087a40;font-size:15px}
.tab.don.on{background:#0e9a52;color:#fff}
.tab.don .ar{font-weight:700}
@media (max-width:820px){.donband{grid-template-columns:1fr;padding:22px 18px;gap:18px}.donband h2{font-size:32px}.donband p.ar{font-size:17px}.dbbtn{flex:1;text-align:center;justify-content:center}}
@media (max-width:820px){.hero .pts{display:none}}
/* الأمان */
.loginx{justify-content:center;gap:8px}
.devpanel{margin-top:16px}
.devlist{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.dev{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.dev>.ic{width:22px;height:22px;color:var(--muted);flex:0 0 auto}
.dev>div{flex:1;display:flex;flex-direction:column}
.dev.cur{border-color:#bfe8cf;background:#f6fcf8}
.sheet input:not([type=checkbox]):not([type=file]):not([type=radio]){width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fbfdfe;color:var(--ink);margin:4px 0}
.sheet label.full{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:14px;margin:8px 0}
/* مربعات الأدمن بقت زراير */
.stat.link{cursor:pointer;text-align:start;font:inherit;color:inherit;position:relative;transition:transform .12s,box-shadow .12s,border-color .12s}
.stat.link:hover{transform:translateY(-2px);border-color:#9cc9f7;box-shadow:var(--shadow)}
.stat.link>.ic{position:absolute;top:10px;inset-inline-end:10px;width:16px;height:16px;color:var(--muted)}
.sec.flash{animation:flash 1.5s}
@keyframes flash{0%,60%{background:#fff3c4;border-radius:8px}100%{background:transparent}}
.sec{scroll-margin-top:130px}
/* كل حاجة بتتداس */
.clk{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.card.clk:hover,.req.clk:hover,.orow.clk:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,31,44,.10);border-color:#bcd9fa}
.pt.clk:hover{border-color:#9cc9f7;box-shadow:var(--shadow);transform:translateY(-1px)}
.dbstep.clk:hover{background:rgba(255,255,255,.22)}
.dbnums.clk:hover>div{box-shadow:0 4px 14px rgba(0,0,0,.15)}
.donstats>div.clk:hover{border-color:#8fd9ae;box-shadow:var(--shadow)}
tr.clk:hover td{background:#f4f9ff}
.clk:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sup.student{background:#eef0ff;color:#4338ca}
.seg{flex-wrap:wrap}
.donnote{background:#e9f8ef;border:1px solid #bfe8cf}
/* صفقاتي */
.deals{margin-bottom:18px}
.dealgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.deal{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}
.deal.live{border:2px solid #9fd5b6;background:linear-gradient(180deg,#f3fcf7,#fff);box-shadow:var(--shadow)}
.dhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dhead b{font-size:15.5px}
.role{font:700 12.5px var(--f-ar);border-radius:999px;padding:3px 10px}
.role.seller{background:#e7f2fe;color:var(--accent-deep)}
.role.buyer{background:#fff3d6;color:#7a4f00}
.dsub{display:flex;flex-direction:column;gap:4px}
.stepper{display:flex;gap:4px;direction:rtl}
.stp{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;position:relative;color:var(--muted)}
.stp:not(:last-child)::after{content:"";position:absolute;top:13px;left:-50%;width:100%;height:3px;background:var(--line);z-index:0}
.stp.done:not(:last-child)::after{background:var(--ok)}
.stp .dot{width:28px;height:28px;border-radius:50%;background:#eef2f6;display:grid;place-items:center;font-weight:800;font-size:13px;z-index:1;position:relative}
.stp.done .dot{background:var(--ok);color:#fff}
.stp.now .dot{background:var(--accent);color:#fff;box-shadow:0 0 0 4px #d6e9fd}
.stp b{font-size:12.5px;color:var(--ink)}
.stp small{font-size:10.5px}
.stp.now b{color:var(--accent-deep)}
/* لوحتي */
.dashbtn{display:inline-flex;align-items:center;gap:9px;margin-left:14px;padding:7px 14px 7px 11px;border-radius:14px;background:var(--ink);color:#fff;text-decoration:none;position:relative;box-shadow:0 4px 14px rgba(15,30,50,.18)}
.dashbtn .ic{width:20px;height:20px}
.dashbtn span{display:flex;flex-direction:column;line-height:1.1}
.dashbtn b{font:700 15px var(--f-ar)}
.dashbtn small{font-size:10.5px;opacity:.75;font-weight:600}
.dashbtn:hover,.dashbtn.on{background:var(--accent)}
.dashbtn .tbadge{position:absolute;top:-6px;right:-6px}
.dashhead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 14px}
.dashhead h1{display:flex;align-items:center;gap:8px;margin:0}
.dashhead p{margin:4px 0 0}
.dashnav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.dashnav a{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px;padding:10px 12px 9px;border-radius:14px 14px 0 0;color:var(--muted);text-decoration:none;position:relative;border-bottom:3px solid transparent}
.dashnav a b{font-size:14.5px;color:var(--ink)}
.dashnav a small{font-size:11px}
.dashnav a .ic{width:19px;height:19px}
.dashnav a:hover{background:var(--bg)}
.dashnav a.on{border-bottom-color:var(--accent);color:var(--accent-deep);background:#eef6ff}
.dashnav a.on b{color:var(--accent-deep)}
.dashnav .tbadge{position:absolute;top:4px;right:10px}
.dtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.dtile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:2px}
.dtile .ic{color:var(--accent);width:22px;height:22px}
.dtile b{font:800 26px var(--f-display)}
.dtile span{font-weight:700;font-size:13.5px}
.dtile small{color:var(--muted);font-size:11.5px}
.dtile.hot{border:2px solid #f5b94a;background:#fffaf0}
.secscore{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.secscore .meter{display:flex;gap:6px}
.secscore .meter i{flex:1;height:7px;border-radius:9px;background:var(--line)}
.secscore .meter i.on{background:var(--ok)}
@media (max-width:560px){.dashbtn small{display:none}.dashbtn{margin-left:auto;padding:8px 12px}.who{margin-left:8px}.dashnav a{min-width:78px;padding:8px 6px}}
@media (max-width:560px){.who.in{display:none}.dashhead .btn{display:none}}
/* التجار: ستوك راكد / أجهزة ديمو */
.traderband{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 6px}
.tcard{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;border:2px solid;background:#fff}
.tcard.overstock{border-color:#f4c46a;background:linear-gradient(135deg,#fff8e8,#fff)}
.tcard.demo_unit{border-color:#9cc7f5;background:linear-gradient(135deg,#eef6ff,#fff)}
.tcard .ti{font-size:34px;line-height:1}
.tcard h3{margin:0 0 4px;font:800 20px var(--f-ar)}
.tcard p{margin:0 0 10px;color:var(--muted);font:500 14px/1.6 var(--f-ar)}
.chip.kind.overstock{background:#fff1d1;color:#7a4f00;font-weight:700}
.chip.kind.demo_unit{background:#e4f0fd;color:var(--accent-deep);font-weight:700}
.kindbar{margin-bottom:8px}
.kindbar button{font-weight:700}
.kindpick{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:#f6f9fc;border:1px dashed var(--line)}
@media (max-width:640px){.traderband{grid-template-columns:1fr}.tcard h3{font-size:18px}}
/* عيادة كاملة / باكدج أجهزة */
.chip.kind.bnd{background:#e8f6ee;color:#0b6b3a;font-weight:700}
.bundled{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;border:2px solid #b9e3c9;background:#f4fbf7}
.bhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.bhead b{font-size:16px}
.bsugg{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chipbtn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px;font:600 12.5px var(--f-ar);cursor:pointer}
.chipbtn:hover{border-color:#0e9a52;color:#0b6b3a}
.brows{display:flex;flex-direction:column;gap:8px}
.brow{display:grid;grid-template-columns:26px 1.6fr 1.4fr .8fr 1fr .6fr 30px;gap:8px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px}
.brow label{display:flex;flex-direction:column;gap:3px;margin:0}
.brow input,.brow select{width:100%;min-width:0}
.brow .bn{align-self:center;width:24px;height:24px;border-radius:50%;background:#0e9a52;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}
.brow .x{align-self:center;border:0;background:#fde8e8;color:#b42318;width:28px;height:28px;border-radius:50%;font-size:18px;cursor:pointer}
.cinfo{display:grid;grid-template-columns:1.5fr .6fr 1.5fr;gap:8px;padding-top:6px;border-top:1px dashed #b9e3c9}
.cinfo label{display:flex;flex-direction:column;gap:3px;margin:0}
.bundlebox{margin-top:16px;padding:14px;border-radius:16px;background:#f4fbf7;border:1px solid #b9e3c9;display:flex;flex-direction:column;gap:10px}
.bundlebox h3{margin:0;font:800 17px var(--f-ar)}
.bundlebox h3 small{font:500 12px var(--f-body);color:var(--muted)}
.tblwrap{overflow-x:auto}
.btbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:10px;overflow:hidden}
.btbl th{background:#e8f6ee;text-align:right;padding:8px;font:700 12.5px var(--f-ar);white-space:nowrap}
.btbl td{padding:8px;border-top:1px solid var(--line);text-align:right}
@media (max-width:700px){.brow{grid-template-columns:1fr 1fr 1fr;position:relative;padding-top:34px}.brow .bn{position:absolute;top:7px;right:8px}.brow .x{position:absolute;top:4px;left:6px}.brow>span:last-child:not(.bn){display:none}.brow label:nth-of-type(1){grid-column:span 3}.brow label:nth-of-type(2){grid-column:span 2}.brow label:nth-of-type(4){grid-column:span 2}.cinfo{grid-template-columns:1fr 1fr}.cinfo label:last-child{grid-column:span 2}}
.clinicband{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#eaf7f0,#fff);border:2px solid #b9e3c9}
.clinicband .cbt{display:flex;flex-direction:column;gap:3px}
.clinicband .cbt b{font:800 17px var(--f-ar)}
/* موبايل: الهيرو صغير والتبرع تحته على طول في أول شاشة */
@media (max-width:820px){
  .hero{padding:16px 16px 14px;margin-bottom:12px;border-radius:18px;gap:8px}
  .hero h1{font-size:25px;margin-bottom:6px}
  .hero p{font-size:14px;margin-bottom:2px}
  .hero .ar{margin:4px 0 10px;font-size:14px}
  .hero .actions .btn{padding:9px 14px;font-size:14px}
  .donband{margin:0 0 12px;padding:16px 16px 14px;gap:10px;border-radius:18px}
  .donband::after{font-size:120px;bottom:-30px}
  .donband h2{font-size:24px;line-height:1.4}
  .donband h2 br{display:none}
  .donband p.ar{font-size:14.5px;line-height:1.7}
  .donband p.en,.dbtag{display:none}
  .dbside .dbstep{display:none}
  .dbbtns{gap:8px}
  .dbbtns .btn{padding:10px 12px;font-size:14px}
  .traderband{margin-top:0}
}
/* موبايل: كارتين التاجر جنب بعض وصغيرين */
@media (max-width:640px){
  .traderband{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
  .tcard{flex-direction:column;gap:6px;padding:12px;border-radius:16px}
  .tcard .ti{font-size:26px}
  .tcard h3{font-size:16px}
  .tcard p{display:none}
  .tcard .btn{padding:7px 10px;font-size:13px}
}
.typegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.tbtn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:14px;border:2px solid var(--line);background:#fff;cursor:pointer;font:700 13.5px var(--f-ar);color:var(--ink)}
.tbtn .ti{font-size:22px;line-height:1}
.tbtn:hover{border-color:#9cc7f5}
.tbtn.on{border-color:var(--accent);background:#eef6ff;color:var(--accent-deep);box-shadow:0 0 0 3px #d6e9fd}
@media (max-width:640px){.typegrid{grid-template-columns:repeat(3,1fr)}}
/* رسوم النشر */
.tbtn{position:relative}
.feetag{font:700 11px var(--f-ar);background:#fff1d1;color:#7a4f00;border-radius:999px;padding:1px 7px}
.feetag.free{background:#e3f7eb;color:#087a40}
.freenote{margin-top:6px;padding:8px 12px;border-radius:12px;background:#e9f9ef;border:1px solid #b9e3c9;color:#0b5b33;font-size:13.5px;line-height:1.7}
.traderband .tfree{grid-column:1/-1}
.traderband .tfree:empty,.clinicband .tfree:empty{display:none}
.clinicband .tfree{flex-basis:100%}
/* طرق الدفع */
.pmethods{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px}
.pmrow{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pmi{font-size:22px;flex:0 0 auto}
.pmt{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.pmt .phone{font-size:15px;font-weight:700;direction:ltr;text-align:right;word-break:break-all}
.pmt .btn{align-self:flex-start}
.pmnote{background:#fff8e6;border-radius:10px;padding:8px 10px}
.feetag.disc{background:#e3f7eb;color:#087a40}
.feetag.disc s{color:#9aa5b1;font-weight:500}
.feetag{white-space:nowrap}
.feetag.disc{display:flex;flex-direction:column;align-items:center;line-height:1.35;border-radius:10px;padding:2px 8px}
.overmax{color:#b42318;font-weight:700}
/* إعدادات الأدمن: إنجليزي شمال وعربي يمين */
.bf{display:flex;flex-direction:column;gap:5px}
.bfh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.bfh .en{font-weight:700;font-size:13.5px;color:var(--ink)}
.bfh .ar{font:700 15px var(--f-ar);color:var(--accent-deep);text-align:right;margin-inline-start:auto}
.bfhelp{font:500 13.5px/1.7 var(--f-ar);color:#425466;background:#f6f9fc;border-radius:8px;padding:6px 10px;text-align:right}
.bcheck{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fbfdff}
.bcrow{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.bcrow input{width:20px;height:20px}
.bnote{background:#eef6ff;border:1px solid #cfe3fb;border-radius:12px;padding:10px 14px}
.bnote .ar{font:500 14.5px/1.85 var(--f-ar);margin:0;white-space:pre-line;text-align:right}
.bnote .en{font-size:12.5px;color:var(--muted);margin:6px 0 0}
.bsec{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.bsec .ar{font:800 20px var(--f-ar);color:var(--ink)}
.bsec .en{font-size:15px;color:var(--muted);font-weight:700}
.bf .bfh>.ar,.bsec>.ar{flex:1 1 auto;text-align:right!important;margin-left:auto!important;display:block}
.bf .bfh>.en{flex:0 1 auto}
/* رد بسعر تاني — كبير وواضح */
.counterbox{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#fff6e0;border:2px solid #f4c46a;border-radius:14px;padding:10px 14px;margin:8px 0}
.counterbox .ar:first-child{font:700 15px var(--f-ar);color:#7a4f00}
.counterbox .camt{font:800 30px var(--f-display);color:#7a4f00;line-height:1.1}
.counterbox s{color:#9aa5b1}
/* شريط التنبيه */
.alertbar{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 16px;background:#fff3c4;border-bottom:1px solid #f4c46a;color:#5c3d00;text-decoration:none;font:600 14.5px var(--f-ar);position:sticky;top:0;z-index:20}
.alertbar[hidden]{display:none}
.alertbar{position:static}
/* سجل الفصال */
.hline{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}
.hstep{display:inline-flex;flex-direction:column;align-items:center;padding:3px 9px;border-radius:10px;line-height:1.2}
.hstep.buyer{background:#e4f0fd;color:var(--accent-deep)}
.hstep.seller{background:#fff1d1;color:#7a4f00}
.hstep small{font-size:10.5px}
.harr{color:var(--muted)}
.leftchip{display:inline-flex;align-items:center;gap:4px;font:700 13px var(--f-ar);background:#eef6ff;color:var(--accent-deep);border-radius:999px;padding:4px 10px}
.leftchip.soon{background:#fde8e8;color:#b42318}
.leftchip.over{background:#eef2f6;color:var(--muted)}
.counterbox .leftchip{margin-top:4px}
/* العيادات الكاملة والباكدجات — قسم مميز */
.chips.groups button.gclinic{background:linear-gradient(135deg,#fff3c4,#ffe08a);border-color:#f4c46a;color:#5c3d00;font-weight:800}
.chips.groups button.gclinic.on{background:linear-gradient(135deg,#f5a623,#e08a00);color:#fff;border-color:#e08a00}
.showcase{margin:6px 0 16px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#fff7e0,#fffdf6 60%,#eaf7f0);border:2px solid #f4d38a}
.showcase .shead{display:flex;justify-content:space-between;align-items:center;gap:10px}
.showcase h2{margin:0;font:800 22px var(--f-ar)}
.showcase h2 small{font:600 13px var(--f-body);color:var(--muted)}
.showcase .notes{margin:4px 0 12px}
.srow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,260px);gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.srow>.card{scroll-snap-align:start}
@media (max-width:640px){.srow{grid-auto-columns:72%}}
.card .meta .chip.kind{display:inline-flex!important}
/* اقتراحات وهو بيكتب */
.sugwrap{position:relative;display:block;width:100%}
.sugwrap>input{width:100%}
.sugbox{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:40;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(15,30,50,.16);padding:4px;max-height:320px;overflow:auto}
.sugbox[hidden]{display:none}
.sugopt{display:flex;align-items:center;gap:10px;width:100%;text-align:start;border:0;background:none;padding:8px 10px;border-radius:9px;cursor:pointer;font:inherit}
.sugopt:hover,.sugopt.on{background:#eef6ff}
.sgi{font-size:18px}
.sgl{display:flex;flex-direction:column;line-height:1.25}
.sgl b{font-weight:700;font-size:14px}
.sgl small{color:var(--muted);font-size:12px}
.filters .sugwrap{flex:2 1 260px}
/* ---- كروت أصغر ومرتبة أكتر (الكمبيوتر) ---- */
@media (min-width:461px){
  .grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}
  .ph{aspect-ratio:16/10}
  .body{padding:11px 13px 13px;gap:7px}
  .title{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .card .meta{gap:5px}
  .card .meta .chip{font-size:11.5px;padding:3px 8px}
  .price strong{font-size:22px}
  .card .person,.card .seller{font-size:12.5px}
}
.srow{grid-auto-columns:minmax(205px,225px)}
.showcase{padding:14px 14px 10px}
.showcase h2{font-size:20px}
.showcase .shead .btn{font:700 14.5px var(--f-ar);padding:8px 16px;background:var(--accent);color:#fff;border-color:var(--accent)}
/* أنواع العروض: كلمة صغيرة */
.kindbar button{font-size:12.5px;padding:5px 10px}
.chip.kind{font-size:11.5px}
/* زرار الرجوع للرئيسية */
.homefab{position:fixed;left:16px;bottom:18px;z-index:30;display:inline-flex;align-items:center;gap:6px;padding:11px 16px;border-radius:999px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 22px rgba(15,30,50,.16);text-decoration:none;font:700 14.5px var(--f-ar)}
.homefab[hidden]{display:none}
.backhome{display:inline-flex;align-items:center;gap:6px;margin:4px 0 10px;font:700 14.5px var(--f-ar);color:var(--accent-deep);text-decoration:none}
.clearf{margin-top:8px;background:#fde8e8;color:#b42318;border-color:#f6c6c6;font-weight:700}
.kindbar button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
/* المزاد */
.obox.auction{border:2px solid #b9a3f5;background:linear-gradient(180deg,#f6f2ff,#fff)}
.ahead{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ahead b{font:800 18px var(--f-ar)}
.abig{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:8px 0}
.abig strong{font:800 32px var(--f-display);color:#4b2bb3}
.abid{display:flex;flex-direction:column;gap:8px}
.abid label{display:flex;flex-direction:column;gap:4px}
.ahist{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.arow{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:10px;background:#f6f9fc;font-size:13.5px}
.arow.lead{background:#efe9ff;font-weight:700}
.arow.me{outline:2px solid #9cc7f5}
.aseller{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.aucline{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;color:#4b2bb3}
.auctform{margin-top:10px;padding:12px;border-radius:14px;background:#f6f2ff;border:1px dashed #b9a3f5;display:flex;flex-direction:column;gap:8px}
p.ok{color:#087a40;font-weight:700;margin:4px 0}
p.warnl{color:#b45309;font-weight:700;margin:4px 0}
.abid input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:700 18px var(--f-display);background:#fff}
/* المزادات قسم لوحده */
.tab.auc{background:#efe9ff;color:#4b2bb3}
.tab.auc.on{background:#4b2bb3;color:#fff}
.aucshow{background:linear-gradient(135deg,#f3eeff,#fff 60%,#eef6ff);border-color:#c9b8f7}
.auchero{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:center;padding:22px;border-radius:22px;margin:6px 0 14px;background:linear-gradient(135deg,#4b2bb3,#7b5cf0);color:#fff}
.auchero h1{margin:0 0 8px;font:800 30px var(--f-ar)}
.auchero p{margin:0 0 12px;font:500 16px/1.8 var(--f-ar);color:#efeaff}
.auchero .btn.pri{background:#fff;color:#4b2bb3;border-color:#fff}
.aucrules{list-style:none;margin:0;padding:14px;border-radius:16px;background:rgba(255,255,255,.12);display:flex;flex-direction:column;gap:8px;font:600 14.5px/1.7 var(--f-ar)}
@media (max-width:760px){.auchero{grid-template-columns:1fr;padding:16px}.auchero h1{font-size:24px}}
/* شرايط الأنواع (باكدج/ستوك/ديمو/عيادة) بنفس حجم أزرار الأقسام */
.kindbar{gap:10px}
.kindbar button{font-size:16px!important;font-weight:700;padding:10px 18px!important;border-radius:999px}
.kindbar button .n{font-size:14px}
@media (max-width:760px){.kindbar button{font-size:14px!important;padding:8px 13px!important}}
/* سطر الخصم — أوضح وأكبر */
.freenote{margin:10px 0;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#e6f8ee,#f4fff8);border:1.5px solid #9fdcb8;color:#0b5b33;font-size:16px;line-height:1.7;display:flex;flex-direction:column;gap:10px}
.fnhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fnbig{font:800 24px var(--f-ar);background:#0e9a52;color:#fff;padding:4px 16px;border-radius:999px}
.fnsub{font:700 17px var(--f-ar)}
.fnrow{display:flex;flex-wrap:wrap;gap:8px}
.fnchip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #b9e3c9;border-radius:999px;padding:6px 14px;font:700 16px var(--f-ar);color:#123}
.fnchip s{color:#98a2ad;font-weight:600}
.fnchip b{color:#0e9a52;font-weight:800}
.fnfree{font:600 15px var(--f-ar);color:#2c5e43}
/* علامة الرسوم جنب الأزرار */
.feetag{font:800 14px var(--f-ar)!important;padding:4px 12px!important}
.feetag.disc{padding:5px 12px!important;line-height:1.45}
.feetag.disc s{font-size:13px}
/* التابات فوق — على الكمبيوتر بعرض الشاشة كلها وخط كبير */
@media (min-width:900px){
  .tabs{justify-content:space-between;gap:10px;padding:6px 0 12px}
  .tabs .tab{flex:1;justify-content:center;font-size:19px;padding:13px 18px;border:1px solid var(--line,#e3e8ef)}
  .tabs .tab svg{width:22px;height:22px}
  .tab.don{font-size:19px}
}
@media (max-width:760px){.fnbig{font-size:20px}.fnsub,.fnchip{font-size:14.5px}}
.auchero .actions .btn{font-size:17px;padding:12px 20px}
.auchero .feetag.disc{font-size:16px!important;padding:6px 14px!important}
/* زرار اللغة */
.langbtn{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--accent,#0583f2);background:#fff;color:var(--accent,#0583f2);border-radius:14px;padding:6px 14px;cursor:pointer;font:700 14px "Cairo",sans-serif}
.langbtn b{font:800 20px "Cairo","Cairo",sans-serif;letter-spacing:.5px}
.langbtn:hover{background:#eef6ff}
html.en .langbtn{background:var(--accent,#0583f2);color:#fff}
@media (max-width:760px){.langbtn span{display:none}.langbtn{padding:5px 10px}.langbtn b{font-size:16px}}
/* وضع Full English */
html.en{--f-ar:"Cairo",system-ui,sans-serif}
html.en .en + .ar, html.en .ar:has(+ .en), html.en .brand .tag, html.en .en-dup{display:none!important}
html.en body *:not(.ugc){direction:ltr!important}
html.en .ugc{unicode-bidi:plaintext}
html.en .tc.ar,html.en .pushbar .ar,html.en .nhead h2,html.en .nlist .ar,html.en .delpanel h2,html.en .obox.don p.ar,html.en .donhero h1,html.en .dbmain,
html.en .dbstep small,html.en .btbl th,html.en .btbl td,html.en .bfh .ar,html.en .bfhelp,html.en .bnote .ar,html.en .bf .bfh>.ar,html.en .bsec>.ar{text-align:left!important}
html.en .bf .bfh>.ar,html.en .bsec>.ar{margin-left:0!important}
/* السوق المصري / الدولي */
.mktbar{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin:4px 0 14px}
.mktbar .mk{flex:1 1 220px;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:18px;border:2px solid var(--line,#e3e8ef);background:#fff;cursor:pointer;text-align:start;font:inherit;color:var(--ink)}
.mktbar .mk .fl{font-size:30px;line-height:1}
.mktbar .mk b{display:block;font:800 18px var(--f-head,"Cairo"),sans-serif}
.mktbar .mk small{display:block;color:var(--muted);font-size:13px}
.mktbar .mk.on{border-color:var(--accent,#0583f2);background:#eef6ff;box-shadow:0 0 0 3px #cfe5fd}
.mktbar .mkc{flex:1 1 220px;display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:13px}
.mktbar .mkc select{padding:12px;border-radius:14px;border:2px solid var(--accent,#0583f2);font:600 15px inherit;background:#fff}
.locblock{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border-radius:14px;background:#f3f8ff;border:1px solid #d5e6fb}
.locblock .h{grid-column:1/-1;margin:0}
.locblock.intl{background:#f5f0ff;border-color:#d9cdfb}
@media (max-width:760px){.locblock{grid-template-columns:1fr}.mktbar .mk{padding:10px 12px}.mktbar .mk b{font-size:15px}.mktbar .mk .fl{font-size:24px}}
.mktbar .mk .mkn{margin-inline-start:auto;background:var(--ink,#0f1f2c);color:#fff;border-radius:999px;padding:3px 11px;font:800 14px "Cairo",sans-serif}
.mktbar .mk.on .mkn{background:var(--accent,#0583f2)}
/* اختيار السوق في الهيدر (بدل زرار اللغة) */
.mktsw{display:inline-flex;gap:4px;padding:4px;border-radius:16px;background:#eef3f8;border:1px solid var(--line,#e3e8ef)}
.mktsw button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:12px;padding:7px 14px;cursor:pointer;color:var(--muted,#5b6b7b);font:700 15px "Cairo",sans-serif}
.mktsw button b{font-weight:800}
.mktsw button[data-m="eg"] b{font-family:"Cairo",Tahoma,sans-serif}
.mktsw .fl{font-size:20px;line-height:1}
.mktsw .mkn:empty{display:none}
.mktsw .mkn{background:#dbe5ef;color:var(--ink,#0f1f2c);border-radius:999px;padding:1px 8px;font-size:12px}
.mktsw button.on{background:#fff;color:var(--ink,#0f1f2c);box-shadow:0 1px 4px rgba(15,31,44,.14)}
.mktsw button.on .mkn{background:var(--accent,#0583f2);color:#fff}
@media (max-width:760px){.mktsw button{padding:6px 8px;font-size:12px;gap:4px}.mktsw .fl{font-size:16px}.mktsw .mkn{display:none}}
@media (max-width:420px){.mktsw button b{font-size:11px}.brand .tag{display:none}}
html.intl .tab.don{display:none}
@media (max-width:760px){
  .bar .top{flex-wrap:wrap;row-gap:8px}
  .mktsw{order:9;flex:1 1 100%;display:flex}
  .mktsw button{flex:1;justify-content:center;font-size:13.5px;padding:8px}
  .mktsw button b{font-size:13.5px}
}
@media (max-width:420px){.mktsw button b{font-size:13px}}
/* ===== التصميم الجديد: رئيسية بسيطة + تسوّق بمنيو على الشمال ===== */
#tabs{display:none!important}
.admbtn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--line,#e3e8ef);color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}
.admbtn[hidden]{display:none}
.hhero{text-align:center;padding:34px 16px 22px}
.hhero h1{margin:0;font:800 clamp(28px,4vw,44px)/1.15 "Cairo","Cairo",sans-serif;letter-spacing:-.5px}
.hhero p{margin:8px 0 18px;font:600 17px "Cairo",sans-serif;color:var(--accent-deep,#035aa6)}
.hsearch{display:flex;align-items:center;gap:8px;max-width:720px;margin:0 auto;background:#fff;border:2px solid var(--line,#e3e8ef);border-radius:18px;padding:6px 6px 6px 14px;box-shadow:0 6px 24px rgba(15,31,44,.06)}
.hsearch:focus-within{border-color:var(--accent,#0583f2)}
.hsearch input{flex:1;border:0;outline:0;font:500 16px inherit;padding:10px 4px;background:transparent;min-width:0}
.htiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:6px 0 30px}
.htile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 10px;border-radius:22px;background:#fff;border:1px solid var(--line,#e3e8ef);cursor:pointer;text-align:center;transition:transform .12s,box-shadow .12s}
.htile:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,31,44,.09)}
.htile .hi{font-size:40px;line-height:1}
.htile b{font:800 17px "Cairo",sans-serif}
.htile small{color:var(--muted);font-size:13px;font-weight:600}
.htile.tshop{background:var(--accent,#0583f2);border-color:var(--accent,#0583f2);color:#fff}
.htile.tshop small{color:#d7ebff}
.htile.don{background:#e9f9ef;border-color:#b9e3c9}
.newin .shead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.newin h2{margin:0;font:800 22px "Cairo","Cairo",sans-serif}
.newgrid{grid-template-columns:repeat(4,1fr)!important}
.shop{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start;direction:ltr}
.smenu{position:sticky;top:12px;display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:18px;background:#fff;border:1px solid var(--line,#e3e8ef)}
.smenu .si{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:transparent;border-radius:12px;cursor:pointer;text-align:left;color:var(--ink);font:inherit}
.smenu .si:hover{background:#f2f6fa}
.smenu .si.on{background:#e8f2fe;color:var(--accent-deep,#035aa6)}
.smenu .ic2{width:26px;text-align:center;font-size:19px;display:inline-flex;justify-content:center}
.smenu .lb{flex:1;display:flex;flex-direction:column;line-height:1.2}
.smenu .lb b{font-size:14.5px;font-weight:700}
.smenu .lb small{font-size:11.5px;color:var(--muted)}
.smenu .n{background:#eef3f8;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700;color:var(--muted)}
.smenu .si.on .n{background:var(--accent,#0583f2);color:#fff}
.smenu .sdiv{margin:10px 10px 4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}
.smenu .si.sub .lb b{font-weight:600}
.smain{min-width:0}
.stool{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.stool h1{margin:0;font:800 26px "Cairo","Cairo",sans-serif}
.stool h1 small{font:600 15px "Cairo",sans-serif;color:var(--muted)}
.sbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sq{flex:1 1 260px;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line,#e3e8ef);border-radius:14px;padding:0 12px}
.sq input{flex:1;border:0;outline:0;padding:11px 0;font:500 15px inherit;background:transparent;min-width:0}
.sbar select{padding:10px 12px;border-radius:14px;border:1px solid var(--line,#e3e8ef);background:#fff;font:600 14px inherit}
.fbtn{display:inline-flex;align-items:center;gap:6px}
.fbtn .n{background:var(--accent,#0583f2);color:#fff;border-radius:999px;padding:0 7px;font-size:12px}
.smain .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.smain .auchero{margin-top:0}
@media (max-width:1000px){.htiles{grid-template-columns:repeat(3,1fr)}.newgrid{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:760px){
  .hhero{padding:18px 4px 14px}.hhero p{font-size:15px}
  .htiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}
  .htile{padding:14px 4px;border-radius:16px}.htile .hi{font-size:30px}.htile b{font-size:14px}.htile small{font-size:11px}
  .newgrid{grid-template-columns:repeat(2,1fr)!important}
  .shop{grid-template-columns:1fr;gap:10px}
  .smenu{position:static;flex-direction:row;overflow-x:auto;padding:6px;gap:4px;scrollbar-width:none}
  .smenu .si{flex:0 0 auto;width:auto;padding:7px 11px;border:1px solid var(--line,#e3e8ef);border-radius:999px}
  .smenu .lb small,.smenu .sdiv{display:none}
  .smenu .lb b{font-size:13px;white-space:nowrap}
  .smenu .ic2{width:auto;font-size:16px}
  .smain .grid{grid-template-columns:repeat(2,1fr)}
  .admbtn span{display:none}
}

/* كروت أخف في الرئيسية والتسوّق: صورة + عنوان + سعر + علامتين + المدينة */
.lite .card .meta .chip:nth-child(n+3),.lite .card .meta .chip.ok,.lite .card .offline,.lite .card .seller .av,.lite .card .seller .nm,
.lite .card .seller .rating,.lite .card .seller .badge,.lite .card .seller .chip,.lite .card .ph .cat,.lite .card .price s{display:none!important}
.lite .card .seller{border-top:0;padding-top:0;margin-top:auto;color:var(--muted);font-size:12.5px}
.lite .card .body{gap:6px}
.lite .card .title{font-size:15px}
@media (max-width:760px){.newgrid .card:nth-child(n+5){display:none}}
/* أيقونات الرئيسية أصغر (7) + وصل جديد بيتحرك بالعرض + كروت أصغر */
.htiles{grid-template-columns:repeat(7,1fr);gap:10px;margin:4px 0 24px}
.htile{padding:12px 6px;border-radius:16px;gap:3px}
.htile .hi{font-size:26px}
.htile b{font-size:14px;line-height:1.35}
.htile small{font-size:11.5px}
.newrow{grid-auto-columns:200px!important}
.newrow .card .ph,.lite .card .ph{aspect-ratio:4/3}
.lite .card .body{padding:10px 12px 12px}
.lite .card .title{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lite .card .price strong{font-size:18px}
.lite .card .chip{font-size:11px;padding:2px 8px}
@media (max-width:1000px){.htiles{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){
  .htiles{grid-template-columns:repeat(4,1fr);gap:6px}
  .htile{padding:9px 3px;border-radius:12px}
  .htile .hi{font-size:22px}
  .htile b{font-size:11.5px}
  .htile small{display:none}
  .newrow{grid-auto-columns:42%!important}
  .newgrid .card:nth-child(n+5){display:initial}
  .lite .card .ph{aspect-ratio:4/3;font-size:11px;padding:6px}
  .lite .card .body{padding:8px 9px 10px;gap:4px}
  .lite .card .title{font-size:13px}
  .lite .card .price strong{font-size:16px}
  .lite .card .ph .off{font-size:11px;padding:2px 6px}
  .lite .card .demob{font-size:9.5px;padding:2px 6px}
  .lite .card .seller{font-size:11px}
}
/* شريط التنبيه: سطر رفيع */
.alertbar{padding:6px 14px!important;font-size:13.5px!important;gap:8px!important;flex-wrap:nowrap!important}
.alertbar .go{background:#5c3d00;color:#fff3c4;border-radius:999px;padding:1px 10px;font-size:12px}
/* شريط التنقل تحت (موبايل) */
.bnav,.lbar{display:none}
@media (max-width:760px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  #fab,#homefab{display:none!important}
  .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);
    border-top:1px solid var(--line,#e3e8ef);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px rgba(15,31,44,.06)}
  .bnav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--muted,#6b7a89);font:700 11px "Cairo","Cairo",sans-serif;padding:4px 0}
  .bnav a .ic{width:23px;height:23px}
  .bnav a.on{color:var(--accent,#0583f2)}
  .bnav a.plus .ic{width:28px;height:28px;padding:9px;box-sizing:content-box;margin-top:-22px;border-radius:50%;background:var(--accent,#0583f2);color:#fff;box-shadow:0 6px 16px rgba(5,131,242,.4)}
  .bnav a.plus{color:var(--accent,#0583f2)}
  .bnav .bb{position:absolute;top:0;left:calc(50% + 6px);background:#e5484d;color:#fff;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font:800 10.5px/17px sans-serif;text-align:center}
  .bnav .bb[hidden]{display:none}
  /* صفحة المنتج: السعر والزرار ثابتين فوق شريط التنقل */
  body.onlisting{padding-bottom:calc(136px + env(safe-area-inset-bottom))}
  .lbar{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom));z-index:59;background:#fff;border-top:1px solid var(--line,#e3e8ef);padding:9px 14px;box-shadow:0 -4px 14px rgba(15,31,44,.07)}
  .lbar .lp{flex:1;display:flex;flex-direction:column;line-height:1.15}
  .lbar .lp strong{font-size:20px;font-weight:800}
  .lbar .lp small{font-size:11.5px;color:var(--muted)}
  .lbar .btn{padding:11px 18px;font-size:15px;border-radius:14px}
  .alertbar .ar:not(b):not(.go){display:none}
  #installbar{bottom:calc(70px + env(safe-area-inset-bottom))!important}
}
/* ألوان أهدى للكروت */
.card.feat{border:1.5px solid #f1d58a!important;box-shadow:0 4px 14px rgba(15,31,44,.06)!important}
.card .ph{background:linear-gradient(135deg,#eef4fa,#f8fafc)}
.card .ph .off{background:#fff3d6;color:#8a5a00}
.card .demob{background:rgba(15,31,44,.55)!important;color:#fff!important}
/* ❤️ */
.favb{position:absolute;top:8px;right:8px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(15,31,44,.15);font-size:17px;line-height:34px;cursor:pointer;padding:0}
.card .ph .off{top:auto;bottom:8px;right:8px;left:auto}
.favb:hover{transform:scale(1.08)}
.ltitle{display:flex;align-items:flex-start;gap:10px}
.ltitle .title{flex:1}
.ltitle .favb{position:static;margin-top:12px;flex:0 0 auto;width:42px;height:42px;font-size:20px;line-height:42px}
@media (max-width:760px){.lite .favb{width:30px;height:30px;font-size:15px;line-height:30px;top:6px;right:6px}}
.card .ph .featb{top:auto;bottom:8px;left:auto;right:56px;background:#fff7dc;color:#7a5200;font-size:11px;padding:2px 8px}
.lite .card .ph .featb{right:auto;left:8px;top:8px;bottom:auto}
.lite .card .ph:has(.featb) .demob{display:none}
/* الكارت: صورة أصغر واسم المنتج أكبر */
.lite .card .ph{aspect-ratio:16/9!important}
.lite .card .title{font-size:16.5px!important;font-weight:800;line-height:1.35;letter-spacing:-.1px}
.lite .card .price strong{font-size:19px}
@media (max-width:760px){
  .lite .card .ph{aspect-ratio:16/10!important}
  .lite .card .title{font-size:15px!important}
  .lite .card .price strong{font-size:17px}
}
@media (max-width:760px){
  .bar .top{column-gap:6px}
  .dashbtn{padding:7px 11px!important}
  .dashbtn b{font-size:14px!important}
  .dashbtn small{display:none!important}
  .admbtn{padding:7px 9px}
  .brand .nm{font-size:22px}
}
@media (max-width:380px){.brand .nm{font-size:19px}.brand .logo{width:30px;height:30px}}

/* ================= التصميم الجديد (A — أزرق فاتح + لمسة كورال) ================= */
.di{display:inline-flex;align-items:center;justify-content:center;line-height:0}
header.bar{background:rgba(255,255,255,.96)}
.brand .logo{border-radius:11px}
.brand .nm b{color:var(--accent)}
.dashbtn{background:var(--ink)!important;border-radius:14px!important}
.mktsw{background:#edf2f8;border:0}
.mktsw button.on{color:var(--ink)}
/* هيرو */
.xhero{position:relative;overflow:hidden;margin:14px 0 0;border-radius:26px;padding:26px 22px 20px;color:#fff;background:linear-gradient(140deg,#4AA3F2 0%,#2A7FD8 100%);box-shadow:0 14px 34px rgba(42,127,216,.22)}
.xpat{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(8 8) scale(.9)' d='M7.5 3.5c1.6 0 2.6.9 4.5.9s2.9-.9 4.5-.9c2 0 3.5 1.6 3.5 4 0 3.2-1.7 4.6-2.3 7.6-.5 2.6-.9 5.4-2.3 5.4-1.6 0-1.4-4.3-3.4-4.3s-1.8 4.3-3.4 4.3c-1.4 0-1.8-2.8-2.3-5.4C5.7 12.1 4 10.7 4 7.5c0-2.4 1.5-4 3.5-4z'/%3E%3Cpath transform='translate(42 40) scale(.85)' d='M5 19 15.5 8.5M14 6l4 4 2-2a2.8 2.8 0 0 0-4-4zM4 20l1.5-1.5M8 13l3 3'/%3E%3C/g%3E%3C/svg%3E");transform:rotate(-8deg) scale(1.3)}
.xhero>*{position:relative}
.xhero h1{margin:0;font:800 clamp(26px,3.6vw,40px)/1.1 var(--f-display);letter-spacing:-.6px;max-width:640px}
.xhero p{margin:8px 0 0;font:600 15px var(--f-ar);opacity:.93}
.xsearch{display:flex;align-items:center;gap:8px;margin-top:16px;max-width:680px;background:#fff;border-radius:18px;padding:6px 6px 6px 14px;color:#7b8794;box-shadow:0 10px 24px rgba(15,33,55,.14)}
.xsearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 15px var(--f-body);color:var(--ink);padding:10px 0}
.xsearch .btn{background:var(--coral)!important;border-color:var(--coral)!important;color:#fff!important;border-radius:13px;padding:10px 18px;font-weight:800}
.xsearch .sugwrap{flex:1;display:flex}
.xstats{display:flex;gap:22px;margin-top:16px;font-size:12.5px}
.xstats b{display:block;font:800 18px var(--f-body);letter-spacing:-.3px}
.xstats span{opacity:.9}
/* أيقونات الرئيسية */
.xtiles{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin:20px 0 4px}
.xtile{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;text-align:center}
.xti{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:#fff;color:var(--accent);box-shadow:0 2px 10px rgba(15,33,55,.07);transition:transform .12s}
.xtile:hover .xti{transform:translateY(-2px)}
.xtile.main .xti{background:var(--accent);color:#fff;box-shadow:0 8px 18px rgba(42,134,224,.32)}
.xtile.don .xti{color:var(--coral)}
.xtile b{font-size:12.5px;font-weight:700;line-height:1.25;color:var(--ink)}
/* الأقسام */
.xsec{margin-top:26px}
.xsh{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.xshl{display:flex;align-items:center;gap:10px}
.xshl b{display:block;font:800 19px var(--f-display);letter-spacing:-.3px}
.xshl small{font-size:12px;color:var(--muted)}
.xsi{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.xsh.hot .xsi{background:var(--coral-soft);color:var(--coral)}
.xsh a{font:700 13px var(--f-body);color:var(--accent-deep);text-decoration:none}
.xrow{display:grid;grid-auto-flow:column;grid-auto-columns:220px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:none}
.xrow::-webkit-scrollbar{display:none}
.xrow>*{scroll-snap-align:start}
.xgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
/* الكارت */
.xcard{position:relative;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 12px rgba(15,33,55,.06);cursor:pointer;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
.xcard:hover{box-shadow:0 10px 26px rgba(15,33,55,.11);transform:translateY(-1px)}
.xcard.feat{box-shadow:0 0 0 1.5px #f1d58a,0 2px 12px rgba(15,33,55,.06)}
.xph{position:relative;aspect-ratio:16/10;display:grid;place-items:center;background:hsl(var(--h,210) 45% 95%);color:hsl(var(--h,210) 35% 45%);overflow:hidden}
.xph img{width:100%;height:100%;object-fit:cover}
.xoff,.xauc{position:absolute;left:8px;top:8px;font:800 11.5px var(--f-body);border-radius:8px;padding:3px 7px}
.xoff{background:var(--coral-soft);color:#d2452f}
.xauc{display:inline-flex;align-items:center;gap:3px;background:var(--coral);color:#fff}
.xfeat{position:absolute;left:8px;bottom:8px;background:#fff7dc;color:#7a5200;font:800 10.5px var(--f-body);border-radius:7px;padding:2px 7px}
.xdemo{position:absolute;right:8px;bottom:8px;background:rgba(15,33,55,.5);color:#fff;font:800 9.5px var(--f-body);border-radius:6px;padding:2px 6px;letter-spacing:.5px}
.xcard .favb{top:8px;right:8px;width:30px;height:30px;line-height:30px;font-size:14px}
.xbd{padding:11px 12px 12px;display:flex;flex-direction:column;gap:3px;flex:1}
.xnm{margin:0;font:800 15.5px/1.3 var(--f-body);letter-spacing:-.2px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xsub{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xpr{display:flex;align-items:baseline;gap:4px;margin-top:6px}
.xpr b{font:800 18px var(--f-body);letter-spacing:-.3px;color:var(--ink)}
.xpr small{font-size:10.5px;font-weight:700;color:var(--muted)}
.xpr s{margin-left:auto;font-size:11.5px;color:#a3adb7}
.xpr.don{font:700 14px var(--f-ar);color:#0e8a4a}
.xtr{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:7px;font-size:11px;font-weight:700}
.xver{display:inline-flex;align-items:center;gap:3px;color:var(--accent-deep)}
.xby{color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}
.xst{margin-left:auto;color:#b7791f}
.xst.low{color:#c0392b}
.xgrid .adcard,.xrow .adcard{border-radius:18px;border:0;box-shadow:0 2px 12px rgba(15,33,55,.06)}
/* هيكل وهو بيحمّل */
.xcard.skel{cursor:default;pointer-events:none}
.xcard.skel .xph{background:#edf1f6}
.xcard.skel i{display:block;height:11px;border-radius:6px;background:#edf1f6;margin:4px 0}
.xcard.skel i:first-child{width:85%;height:14px}.xcard.skel i:nth-child(2){width:60%}.xcard.skel i:nth-child(3){width:40%;height:16px;margin-top:10px}
.xcard.skel .xph,.xcard.skel i{background:linear-gradient(90deg,#edf1f6 0%,#f7f9fc 50%,#edf1f6 100%);background-size:200% 100%;animation:shim 1.3s infinite linear}
@keyframes shim{from{background-position:200% 0}to{background-position:-200% 0}}
/* بانر العيادة */
.xpromo{display:flex;align-items:center;gap:14px;margin-top:22px;padding:16px 18px;border-radius:20px;background:var(--coral-soft);color:#7a2a1c;cursor:pointer}
.xpromo b{display:block;font:800 17px var(--f-ar)}
.xpromo span.ar,.xpromo>div>span{font:600 13px var(--f-ar);opacity:.9}
.xpi2{width:50px;height:50px;border-radius:15px;background:#fff;display:grid;place-items:center;color:var(--coral);flex:0 0 auto}
.xpb{margin-left:auto;background:#fff;color:#d2452f;border-radius:12px;padding:8px 14px;font:800 13px var(--f-ar);white-space:nowrap}
/* التسوّق */
.smenu{border:0;box-shadow:0 2px 12px rgba(15,33,55,.05)}
.smenu .si.on{background:var(--accent-soft);color:var(--accent-deep)}
.smenu .ic2{color:var(--accent)}
.stool h1{display:flex;align-items:center;gap:8px;color:var(--ink)}
.stool h1 .di{color:var(--accent)}
.sq,.sbar select,.fbtn{border:0!important;box-shadow:0 1px 6px rgba(15,33,55,.06);background:#fff}
.xgrid.wide{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
/* شريط التنقل */
@media (max-width:760px){
  .bnav a{gap:3px}
  .bnav a .ic{width:46px;height:28px;padding:3px 11px;border-radius:99px;box-sizing:border-box}
  .bnav a.on .ic{background:var(--accent-soft)}
  .bnav a.plus .ic{width:54px;height:54px;padding:13px;border-radius:18px;margin-top:-26px;background:var(--accent);box-shadow:0 8px 18px rgba(42,134,224,.38)}
  .bnav a.plus.on .ic{background:var(--accent)}
}
/* موبايل */
@media (max-width:1000px){.xtiles{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){
  .xhero{margin-top:10px;border-radius:22px;padding:20px 16px 16px}
  .xhero h1{font-size:25px}
  .xhero p{font-size:13.5px}
  .xsearch{margin-top:14px;border-radius:16px}
  .xsearch input{font-size:14px}
  .xsearch .btn{padding:9px 13px}
  .xstats{gap:16px;font-size:11.5px}.xstats b{font-size:15px}
  .xtiles{gap:12px 6px;margin-top:16px}
  .xti{width:54px;height:54px;border-radius:18px}
  .xtile b{font-size:11.5px}
  .xsec{margin-top:20px}
  .xshl b{font-size:17px}
  .xrow{grid-auto-columns:158px;margin:0 -16px;padding:2px 16px 8px}
  .xgrid,.xgrid.wide{grid-template-columns:1fr 1fr;gap:10px}
  .xph{aspect-ratio:4/3}
  .xnm{font-size:14px}
  .xpr b{font-size:16px}
  .xpromo{padding:14px}.xpromo b{font-size:15px}.xpi2{width:44px;height:44px}
}
.xhero h1{max-width:780px}
.xhero p.ar{text-align:left;direction:rtl;unicode-bidi:plaintext}
/* توثيق الدكتور */
.vpanel{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:20px;background:linear-gradient(135deg,#e8f2fd,#f6faff);border:1px solid #cfe3fa;margin-bottom:14px}
.vpi{flex:0 0 auto;width:56px;height:56px;border-radius:18px;background:#fff;color:var(--accent);display:grid;place-items:center;box-shadow:0 4px 12px rgba(42,134,224,.15)}
.vbody{flex:1}
.vbody h2{margin:0 0 6px;font:800 19px var(--f-ar);color:var(--ink)}
.vbody p{margin:0 0 12px;font:500 14.5px/1.8 var(--f-ar);color:#3d5166}
.vup{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.vopts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}
.vopts p{width:100%;margin:0}
.vok{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:#e7f6ee;color:#0e7a45;margin-bottom:14px;max-width:680px}
.vreg{background:#f3f8fe;border:1px dashed #b9d6f5;border-radius:14px;padding:12px}
html.en .vpanel,html.en .vbody{direction:ltr}
.salemode .seg{flex-wrap:wrap}
@media (max-width:760px){.salemode .seg{display:grid;grid-template-columns:repeat(3,1fr)}.salemode .seg button{min-width:0;padding:9px 4px;font-size:13px}}
.typegrid>*{min-width:0}
.kindpick,.typegrid{max-width:100%}
.typegrid b{overflow-wrap:anywhere}
.form>*{min-width:0}
.xpr{margin-top:4px}
.xsub{margin-top:2px}
.xbd{gap:2px;padding:10px 11px 12px}
/* كارت من غير سعر: صورة + اسم + الخصم على الصورة */
.xoff{font-size:13px;padding:4px 9px}
.xoff.rent{background:#e8f2fd;color:var(--accent-deep)}
.xoff.don{background:#e7f6ee;color:#0e7a45}
.xbd{padding:10px 11px 12px}
.xnm{font-size:15px}
@media (max-width:760px){.xnm{font-size:14px}}
/* ===== شبكة بمقاسات متنوعة (كبير / عريض / صغير) ===== */
.xgrid,.xgrid.wide{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));grid-auto-flow:dense;gap:12px}
.xgrid .xcard .xph{aspect-ratio:1/1}
.xgrid .xcard .xnm{font-size:13.5px;line-height:1.3}
.xgrid .xcard .xbd{padding:8px 10px 10px}
.xgrid .xcard.big{grid-column:span 2;grid-row:span 2}
.xgrid .xcard.big .xph{aspect-ratio:auto;flex:1;min-height:0}
.xgrid .xcard.big .xnm{font-size:17px}
.xgrid .xcard.big .xbd{padding:12px 14px 14px;flex:0 0 auto}
.xgrid .xcard.wide{grid-column:span 2;flex-direction:row}
.xgrid .xcard.wide .xph{aspect-ratio:auto;flex:0 0 46%}
.xgrid .xcard.wide .xbd{justify-content:center}
.xgrid .xcard.wide .xnm{font-size:15px;-webkit-line-clamp:3}
.xgrid .xcard .favb{width:28px;height:28px;line-height:28px;font-size:13px;top:6px;right:6px}
.xgrid .xcard .xoff,.xgrid .xcard .xauc{font-size:11.5px;padding:3px 7px;top:6px;left:6px}
.xgrid .xcard .xdemo{font-size:8.5px;padding:1px 5px;right:6px;bottom:6px}
.xgrid .xcard .xfeat{font-size:9.5px;left:6px;bottom:6px}
.xrow{grid-auto-columns:170px}
.xrow .xcard .xph{aspect-ratio:1/1}
.xrow .xcard .xnm{font-size:13.5px}
@media (max-width:760px){
  .xgrid,.xgrid.wide{grid-template-columns:repeat(3,1fr);gap:8px}
  .xgrid .xcard{border-radius:14px}
  .xgrid .xcard .xbd{padding:6px 7px 8px}
  .xgrid .xcard .xnm{font-size:11.5px;line-height:1.25}
  .xgrid .xcard.big .xnm{font-size:15px}
  .xgrid .xcard.wide{grid-column:span 3}
  .xgrid .xcard.wide .xph{flex:0 0 38%;aspect-ratio:4/3}
  .xgrid .xcard.wide .xnm{font-size:14px}
  .xgrid .xcard .favb{width:24px;height:24px;line-height:24px;font-size:11px;top:4px;right:4px}
  .xgrid .xcard .xoff,.xgrid .xcard .xauc{font-size:10px;padding:2px 5px;top:4px;left:4px}
  .xgrid .xcard .xdemo,.xgrid .xcard .xfeat{display:none}
  .xgrid .xcard.big .xdemo,.xgrid .xcard.big .xfeat{display:inline-block}
  .xrow{grid-auto-columns:128px}
  .xrow .xcard .xnm{font-size:12px}
  .xrow .xcard .xbd{padding:6px 8px 8px}
}
.xph{background:hsl(var(--h,210) 60% 96%);color:hsl(var(--h,210) 55% 45%)}
/* ===== رحلة الشراء بأسلوب eBay بألوان DentSwap ===== */
.hsearch2{display:flex;align-items:center;gap:8px;margin:12px 0 10px;background:#fff;border:2px solid var(--accent);border-radius:99px;padding:5px 5px 5px 16px;color:#7b8794;box-shadow:0 4px 14px rgba(42,134,224,.10)}
.hsearch2 .sugwrap{flex:1;display:flex}
.hsearch2 input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 15px var(--f-body);color:var(--ink);padding:9px 0}
.hsearch2 .btn{border-radius:99px;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:800;padding:9px 18px}
.hpills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px}
.hpills::-webkit-scrollbar{display:none}
.hpill{flex:0 0 auto;padding:7px 13px;border-radius:99px;background:#fff;border:1px solid #dbe5f1;color:var(--ink);text-decoration:none;font:700 13px var(--f-body);white-space:nowrap}
.hpill:hover{border-color:var(--accent);color:var(--accent-deep)}
.hbanner{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;border-radius:22px;padding:20px 20px 18px;color:#fff;background:linear-gradient(140deg,#4AA3F2 0%,#2A7FD8 100%);box-shadow:0 12px 28px rgba(42,127,216,.2)}
.hbanner>*{position:relative}
.hbt{flex:1}
.hbt h1{margin:0;font:800 clamp(22px,3vw,32px)/1.15 var(--f-display);letter-spacing:-.5px}
.hbt h1:lang(ar),.hbt h1{font-family:var(--f-display),var(--f-ar)}
.hbt p{margin:6px 0 0;font-size:13.5px;opacity:.92}
.hstats{display:flex;gap:18px;margin:12px 0 14px;font-size:11.5px}
.hstats b{display:block;font:800 16px var(--f-body)}
.hsell{background:var(--coral)!important;border-color:var(--coral)!important;color:#fff!important;border-radius:99px;font-weight:800;padding:9px 18px}
.hbi{color:#fff;opacity:.85;flex:0 0 auto}
.schips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 0 2px}
.schips::-webkit-scrollbar{display:none}
.schip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:99px;background:#fff;box-shadow:0 1px 6px rgba(15,33,55,.07);color:var(--ink);font:700 12.5px var(--f-body);cursor:pointer;white-space:nowrap}
.schip .di{color:var(--accent)}
.hcats{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.hcat{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;text-align:center}
.hci{width:68px;height:68px;border-radius:22px;background:#fff;box-shadow:0 2px 10px rgba(15,33,55,.07);display:grid;place-items:center;color:var(--accent);transition:transform .12s}
.hcat:hover .hci{transform:translateY(-2px)}
.hcat b{font-size:12px;font-weight:700;line-height:1.25}
/* صفحة المنتج */
.lstats{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 2px;font:700 12.5px var(--f-body);color:var(--muted)}
.lstats span{display:inline-flex;align-items:center;gap:4px}
.lstats .hot{background:var(--coral-soft);color:#d2452f;border-radius:8px;padding:4px 9px}
.astack{display:flex;flex-direction:column;gap:9px;margin:14px 0 6px}
.astack .btn{width:100%;justify-content:center;border-radius:99px;padding:13px 18px;font-size:15px;font-weight:800}
.astack .btn:not(.pri){background:#fff;border:1.5px solid var(--accent);color:var(--accent-deep)}
/* شيت العرض */
.quickoff{display:flex;gap:8px;flex-wrap:wrap}
.quickoff button{flex:1;min-width:0;border:1px solid #cfdcec;background:#fff;border-radius:99px;padding:8px 6px;cursor:pointer;font:600 12.5px var(--f-body);color:var(--ink)}
.quickoff button:hover{border-color:var(--accent)}
.osteps{display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:12px;border-radius:14px;background:#f4f8fd}
.osteps div{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#3d5166}
.osteps b{flex:0 0 22px;height:22px;border-radius:50%;background:#e8f2fd;color:var(--accent-deep);display:grid;place-items:center;font-size:11px}
/* نتايج البحث سطور */
.xlist{display:flex;flex-direction:column;gap:10px}
.xrowc{display:flex;gap:12px;background:#fff;border-radius:16px;padding:10px;box-shadow:0 2px 10px rgba(15,33,55,.05);cursor:pointer;position:relative}
.xrowc.feat{box-shadow:0 0 0 1.5px #f1d58a,0 2px 10px rgba(15,33,55,.05)}
.xrowc .xph{flex:0 0 112px;width:112px;height:112px;aspect-ratio:auto;border-radius:12px}
.xrowc .favb{top:6px;right:6px;width:26px;height:26px;line-height:26px;font-size:12px}
.rbd{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.rbd .xnm{font-size:15px}
.xoff.in{position:static}
.rhot{font:700 12.5px var(--f-body);color:#d2452f}
.rgo{font:700 12.5px var(--f-body);color:#0e8a4a}
.rgo.don{color:#0e8a4a}
.rver{font:700 12.5px var(--f-body);color:var(--accent-deep)}
.vbtn{padding:9px 11px!important;border:0!important;box-shadow:0 1px 6px rgba(15,33,55,.06);background:#fff}
/* الرئيسية: الهيرو القديم مش مستخدم */
@media (max-width:1000px){.hcats{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){
  .hsearch2{margin-top:10px}
  .hsearch2 input{font-size:14px}
  .hbanner{padding:16px;border-radius:20px}
  .hbt h1{font-size:21px}
  .hbi .di svg{width:70px;height:70px}
  .hcats{gap:12px 6px}
  .hci{width:62px;height:62px;border-radius:20px}
  .hcat b{font-size:11.5px}
  .xrowc .xph{flex-basis:96px;width:96px;height:96px}
  .rbd .xnm{font-size:14px}
}
/* السوق المحلي: البانر والعناوين بالعربي من اليمين */
.hbanner[dir=rtl] .hbt{text-align:right}
.hbanner[dir=rtl] .hbt h1{font-family:var(--f-ar);font-weight:800;letter-spacing:0}
.hbanner[dir=rtl] .hstats{direction:rtl}
html:not(.en) .home-rtl{direction:rtl}
.xshl b.ar{font-family:var(--f-ar);font-weight:800}
.xsh a.ar{font-family:var(--f-ar)}
#view[dir=rtl] .xcard .xnm,#view[dir=rtl] .xrowc .xnm{unicode-bidi:plaintext;text-align:start}
#view[dir=rtl] .xcard .favb{right:auto;left:8px}
#view[dir=rtl] .xcard .xoff,#view[dir=rtl] .xcard .xauc{left:auto;right:8px}
#view[dir=rtl] .xsearch,#view[dir=rtl] .hsearch2{direction:rtl}
#view[dir=rtl] .hsearch2{padding:5px 16px 5px 5px}
/* زرار اللغة جوه السوق المحلي */
.langsw{flex:0 0 auto;width:40px;height:40px;border-radius:12px;border:1.5px solid #cfe0f3;background:#fff;color:var(--accent-deep);font:800 14px "Cairo","Cairo",sans-serif;cursor:pointer}
.langsw:hover{border-color:var(--accent)}
.langsw[hidden]{display:none}
@media (max-width:760px){.langsw{width:34px;height:34px;font-size:13px;border-radius:10px}}
/* موبايل: «لوحتي» موجودة في الشريط اللي تحت (صفقاتي/حسابي) — نوفّر مكان في الهيدر */
@media (max-width:760px){.dashbtn{display:none!important}.bar .top{flex-wrap:wrap}.brand{margin-inline-end:auto}}
/* الجزء اللي فوق في الرئيسية: خطوط وأيقونات أكبر */
.hbt p,.hbt p .ar{font-size:16px!important;font-weight:600;opacity:1;margin-top:8px}
.hbt h1{margin-bottom:2px}
.hsell{margin-top:14px;font-size:15px;padding:11px 22px}
.hpill{font-size:14.5px;padding:9px 16px}
.hpill:lang(ar),#view[dir=rtl] .hpill{font-family:var(--f-ar);font-weight:700}
.schip{font-size:14px;padding:10px 16px;gap:8px}
.schip .di svg{width:20px;height:20px}
#view[dir=rtl] .schip span{font-family:var(--f-ar);font-weight:700}
.hcat b{font-size:14px;font-weight:700}
#view[dir=rtl] .hcat b{font-family:var(--f-ar)}
.hci{width:76px;height:76px}
.hci .di svg{width:34px;height:34px}
@media (max-width:760px){
  .hbt p,.hbt p .ar{font-size:14.5px!important}
  .hpill{font-size:13.5px;padding:8px 14px}
  .schip{font-size:13.5px;padding:9px 14px}
  .hci{width:66px;height:66px}
  .hcat b{font-size:13px}
}
.mktsw button{white-space:nowrap}
.dashbtn span,.who{white-space:nowrap}
.xoff,.xauc{direction:ltr;unicode-bidi:isolate}
@media (min-width:761px) and (max-width:1180px){.mktsw button{padding:7px 10px;font-size:13.5px}.mktsw .mkn{display:none}.who{display:none}}
/* ===== الرئيسية زي أمازون: شريط أيقونات + بانرات بتتحرك + كروت 4 صور + اكتشف ===== */
.hstrip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 12px;margin:0 -2px}
.hstrip::-webkit-scrollbar{display:none}
.hsi{flex:0 0 auto;width:78px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center}
.hsii{width:62px;height:62px;border-radius:18px;background:#fff;box-shadow:0 2px 10px rgba(15,33,55,.07);display:grid;place-items:center;color:var(--accent);transition:transform .12s}
.hsi:hover .hsii{transform:translateY(-2px)}
.hsi.hot .hsii{background:var(--coral-soft);color:var(--coral)}
.hsi.don .hsii{color:#0e8a4a}
.hsi b{font-size:12.5px;font-weight:700;line-height:1.2;color:var(--ink)}
.hcarw{position:relative;margin:2px 0 4px}
.hcar{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:22px}
.hcar::-webkit-scrollbar{display:none}
.hslide{position:relative;overflow:hidden;flex:0 0 100%;min-height:200px;scroll-snap-align:start;border-radius:22px;display:flex;align-items:center;gap:14px;padding:22px;color:#fff;cursor:pointer;text-decoration:none}
.hslide>*{position:relative}
.hslide .xpat{position:absolute}
.hslide.s1{background:linear-gradient(140deg,#4AA3F2 0%,#2A7FD8 100%)}
.hslide.s2{background:linear-gradient(140deg,#F58A6E 0%,#EE5B44 100%)}
.hslide.s3{background:linear-gradient(140deg,#2F6FC4 0%,#1B4F98 100%)}
.hslide.s4{background:linear-gradient(140deg,#E8F2FD 0%,#CFE4FB 100%);color:var(--ink)}
.hslide.s4 .xpat{filter:invert(1);opacity:.06}
.hslide.s5{background:linear-gradient(140deg,#1C3557 0%,#0F2137 100%)}
.hslide.ad{padding:0;background:#fff}
.hslide.ad img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hslide.ad .adl{position:absolute;top:10px;right:10px;background:rgba(15,33,55,.6);color:#fff;font:700 11px var(--f-body);border-radius:99px;padding:3px 9px}
.hst{flex:1}
.hst h2{margin:0;font:800 clamp(22px,3vw,34px)/1.2 var(--f-display);letter-spacing:-.4px}
.hst h2.ar{font-family:var(--f-ar);letter-spacing:0}
.hst p{margin:8px 0 0;font:600 15.5px/1.6 var(--f-body);opacity:.95}
.hst p.ar{font-family:var(--f-ar)}
.hsb{display:inline-block;margin-top:14px;background:#fff;color:var(--accent-deep);border-radius:99px;padding:9px 18px;font:800 14px var(--f-body)}
.hsb.ar{font-family:var(--f-ar)}
.hslide.s1 .hsb{background:var(--coral);color:#fff}
.hslide.s4 .hsb{background:var(--accent);color:#fff}
.hsi2{opacity:.9;flex:0 0 auto}
.hdots{display:flex;justify-content:center;gap:6px;margin-top:8px}
.hdots i{width:7px;height:7px;border-radius:99px;background:#c8d6e6;transition:width .2s}
.hdots i.on{width:20px;background:var(--accent)}
.hquads{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;scrollbar-width:none;margin-top:16px;padding-bottom:4px}
.hquads::-webkit-scrollbar{display:none}
.hquad{background:#fff;border-radius:18px;padding:12px;box-shadow:0 2px 12px rgba(15,33,55,.06);cursor:pointer;display:flex;flex-direction:column;gap:8px}
.hquad>b{font:800 15.5px var(--f-body)}
.hquad>b.ar{font-family:var(--f-ar)}
.qg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.qi{aspect-ratio:1/1;border-radius:10px;background:#eef4fb;display:grid;place-items:center;overflow:hidden;color:#5d8fc9}
.qi img{width:100%;height:100%;object-fit:cover}
.qi.skel{background:linear-gradient(90deg,#edf1f6 0%,#f7f9fc 50%,#edf1f6 100%);background-size:200% 100%;animation:shim 1.3s infinite linear}
.qm{font:700 13px var(--f-body);color:var(--accent-deep)}
.qm.ar{font-family:var(--f-ar)}
.dsec .dchips{padding-top:0}
.dchips .hpill{border:1px solid #dbe5f1;cursor:pointer}
.dchips .hpill.on{background:var(--accent);border-color:var(--accent);color:#fff}
#view[dir=rtl] .dchips .hpill{font-family:var(--f-ar)}
@media (max-width:760px){
  .hsi{width:70px}.hsii{width:56px;height:56px;border-radius:16px}.hsi b{font-size:11.5px}
  .hslide{min-height:178px;padding:18px 16px;border-radius:20px;flex-basis:92%}
  .hcar{border-radius:20px}
  .hst h2{font-size:21px}
  .hst p{font-size:14px}
  .hsi2 svg{width:72px;height:72px}
  .hquads{grid-auto-columns:46%;margin-left:-16px;margin-right:-16px;padding:0 16px 4px}
  .hquad{padding:10px;border-radius:16px}
  .hquad>b{font-size:14px}
}

/* خط Cairo في الموقع كله (زي برنامج العيادة) */
body,button,input,select,textarea{font-family:"Cairo",system-ui,sans-serif}
h1,h2,h3,.xnm,.hst h2,.xshl b,.stool h1,.hbt h1,.brand .nm,.xpr b{letter-spacing:0!important}
/* ===== Cairo زي برنامج العيادة: خط أتقل وأكبر ومسافات مريحة ===== */
body{font-size:16px;font-weight:600;line-height:1.7}
input,select,textarea{font-size:16px!important;font-weight:600}
.btn,button{font-weight:700}
.notes,small,.h,.sub{font-weight:600}
h1{line-height:1.4}
h2,h3{line-height:1.45}
.ar{line-height:1.75}
/* الرئيسية */
.hsi b{font-size:14px!important;font-weight:700;line-height:1.35}
.hsi{gap:8px}
.hst h2{font-weight:800;line-height:1.45!important}
.hst p{font-size:16.5px!important;font-weight:600;line-height:1.7;margin-top:10px}
.hsb{font-size:15px;font-weight:800;padding:10px 20px;margin-top:16px}
.hquad>b{font-size:16.5px;font-weight:800;line-height:1.4}
.qm{font-size:14px;font-weight:700}
.hquad{gap:10px;padding:14px}
.schip{font-size:15px!important;font-weight:700;padding:10px 18px!important}
.hpill{font-size:15px!important;font-weight:700}
.xshl b{font-size:21px!important;font-weight:800;line-height:1.4}
.xsec{margin-top:30px}
.xsh{margin-bottom:14px}
/* الكروت */
.xnm{font-size:16px!important;font-weight:700!important;line-height:1.5!important}
.xgrid .xcard .xnm{font-size:14.5px!important}
.xgrid .xcard.big .xnm{font-size:18px!important}
.xgrid .xcard .xbd{padding:10px 12px 12px!important}
.xsub{font-size:13px!important;font-weight:600}
.xrowc .xnm{font-size:16px!important}
/* التسوّق */
.smenu .lb b{font-size:15.5px!important;font-weight:700}
.smenu .lb small{font-size:12px;font-weight:600}
.smenu .si{padding:10px 12px;gap:12px}
.stool h1{font-size:28px;font-weight:800}
/* الهيدر والشريط اللي تحت */
.mktsw button{font-size:15px;font-weight:700}
.bnav a{font-size:12.5px!important;font-weight:700}
.tab{font-weight:700}
@media (max-width:760px){
  body{font-size:15.5px}
  .hsi b{font-size:13px!important}
  .hst p{font-size:15px!important}
  .xshl b{font-size:19px!important}
  .hquad>b{font-size:15px}
  .schip,.hpill{font-size:14px!important}
  .xgrid .xcard .xnm{font-size:13px!important;line-height:1.45!important}
  .xgrid .xcard.big .xnm{font-size:16px!important}
  .xgrid .xcard .xbd{padding:8px 9px 10px!important}
  .xnm{font-size:15px!important}
  .xrowc .xnm{font-size:15px!important}
  .smenu .lb b{font-size:14px!important}
  .stool h1{font-size:24px}
}
.hsi{width:88px}
@media (max-width:760px){.hsi{width:80px}}
.hsi b{white-space:nowrap}