/* اورنتس — واجهة Pro (v6.3) — نظام تصميم موحّد */
:root{
  --brand:#BE123C;--brand2:#881337;
  --bg:#F5F4F8;--surface:#FFFFFF;--surface2:#F1EFF5;--surface3:#E8E5EE;
  --text:#16121A;--muted:#6E6775;--line:#E8E4ED;
  --ok:#059669;--okBg:#E7F8F0;--warn:#C2410C;--warnBg:#FFF4E5;--bad:#E11D48;--badBg:#FDECEF;--info:#2563EB;--infoBg:#EAF1FE;
  --r-xl:26px;--r-lg:20px;--r-md:15px;--r-sm:11px;
  --sh1:0 1px 2px rgba(22,14,30,.05),0 6px 18px -6px rgba(22,14,30,.10);
  --sh2:0 18px 40px -16px rgba(22,14,30,.30);
  --font:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --navH:88px;--ease:cubic-bezier(.22,.8,.24,1);
  color-scheme:light;
}
:root[data-theme=dark]{
  --bg:#0D0B11;--surface:#17141D;--surface2:#211D28;--surface3:#2A2533;
  --text:#F3F0F6;--muted:#A49CAC;--line:#2B2633;
  --okBg:#0B2E22;--warnBg:#33200B;--badBg:#3A0E1A;--infoBg:#0F2042;--ok:#34D399;--warn:#FBBF24;--bad:#FB7185;--info:#60A5FA;
  --sh1:0 1px 0 rgba(255,255,255,.02);--sh2:0 18px 40px -16px rgba(0,0,0,.7);
  color-scheme:dark;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}
body{min-height:100vh}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
img{max-width:100%}
.hidden{display:none!important}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.3px}
.ltr{direction:ltr;unicode-bidi:isolate}
svg.i{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ===== الهيكل ===== */
#app{max-width:560px;margin:0 auto;min-height:100vh;position:relative}
.view{padding:0 16px calc(var(--navH) + 28px + env(safe-area-inset-bottom));animation:viewIn .32s var(--ease) both}
.view.noNav{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
@keyframes viewIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mny{display:inline-flex;align-items:baseline;gap:4px;direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums}
.mny small{font-size:.62em;font-weight:700;opacity:.75;letter-spacing:.3px}
s{direction:ltr;unicode-bidi:isolate}

/* ===== شاشة البداية ===== */
#splash{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--bg);transition:opacity .4s,visibility .4s}
#splash.out{opacity:0;visibility:hidden}
.spIn{display:grid;justify-items:center;gap:16px;animation:viewIn .5s var(--ease) both}
.spLogo{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;font-size:40px;font-weight:800;color:#fff;background:linear-gradient(140deg,var(--brand2),var(--brand));background-size:cover;background-position:center;box-shadow:0 20px 40px -14px color-mix(in srgb,var(--brand) 70%,transparent);animation:pulse 1.6s ease-in-out infinite}
.spName{font-size:20px;font-weight:800}
.spSub{display:block;font-size:13px;font-weight:700;letter-spacing:.6px;opacity:.75;margin-top:4px}
.spBar{width:120px;height:4px;border-radius:9px;background:var(--surface3);overflow:hidden}
.spBar i{display:block;width:40%;height:100%;border-radius:9px;background:var(--brand);animation:load 1.1s ease-in-out infinite}
@keyframes load{0%{transform:translateX(160%)}100%{transform:translateX(-260%)}}
@keyframes pulse{50%{transform:scale(1.04)}}
.spErr{text-align:center;color:var(--muted);max-width:280px}

/* ===== الشريط العلوي (الرئيسية) ===== */
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;margin:0 -16px 4px;padding:10px 16px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.tLogo{position:relative;width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-weight:800;font-size:20px;color:#fff;background:linear-gradient(140deg,var(--brand2),var(--brand));border:2.5px solid var(--surface);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 30%,transparent),var(--sh1)}
.tLogo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.tName{flex:1;min-width:0;display:grid;line-height:1.25}
.tName b{font-size:16.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tName small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ib.rnd{width:42px;height:42px;border-radius:50%}
.ib.rnd .dot{top:8px;inset-inline-end:9px}
.balP{height:42px;flex:none;display:inline-flex;align-items:center;padding:0 13px;border-radius:99px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);color:var(--brand);transition:transform .15s}
.balP .mny{font-size:15.5px;font-weight:800}.balP .mny small{font-size:11px}
.balP:active,.plusB:active{transform:scale(.94)}
.plusB{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;color:#5b3a00;background:linear-gradient(145deg,#fbbf24,#f59e0b);box-shadow:0 10px 20px -10px rgba(245,158,11,.9);transition:transform .15s}
.plusB svg{width:24px;height:24px;stroke-width:2.6}
@media(max-width:370px){.tLogo{width:40px;height:40px;font-size:17px}.tName b{font-size:15px}.tName small{display:none}.balP{padding:0 10px}.balP .mny{font-size:14px}.ib.rnd,.plusB{width:38px;height:38px}}
.av{width:44px;height:44px;border-radius:15px;flex:none;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(140deg,var(--brand2),var(--brand)) center/cover;box-shadow:var(--sh1);font-size:18px}
.ib{position:relative;width:44px;height:44px;border-radius:15px;flex:none;display:grid;place-items:center;background:var(--surface);color:var(--text);box-shadow:var(--sh1);border:1px solid var(--line);transition:transform .15s}
.ib:active{transform:scale(.92)}
.dot{position:absolute;top:9px;inset-inline-end:10px;width:9px;height:9px;border-radius:50%;background:var(--bad);border:2px solid var(--surface)}
.pgHead{display:flex;align-items:center;gap:10px;padding:14px 0 8px;position:sticky;top:0;z-index:30;margin:0 -16px;padding-inline:16px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pgHead h1{margin:0;font-size:22px;font-weight:800;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.backB{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1)}
.backB svg{transform:scaleX(-1)}

/* ===== شريط الإعلانات والصيانة ===== */
.notice{display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:var(--r-md);background:var(--warnBg);color:var(--warn);font-weight:700;font-size:13.5px;margin:4px 0 10px}
.ticker{display:flex;align-items:center;gap:10px;overflow:hidden;border-radius:18px;margin:12px 0 14px;padding:0 0 0 0;height:44px;color:#fff;font-size:14px;font-weight:700;background:linear-gradient(135deg,var(--brand2),var(--brand));box-shadow:0 12px 26px -16px color-mix(in srgb,var(--brand) 85%,transparent)}
.tkI{flex:none;width:44px;height:44px;display:grid;place-items:center;background:rgba(255,255,255,.14)}
.tkI svg{width:21px;height:21px}
.tkBox{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tickTrack{display:flex;width:max-content;animation:tick linear infinite}
.tickTrack span{padding-inline:28px;white-space:nowrap}
.tickTrack i{color:#fde68a;font-style:normal;margin:0 14px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(50%)}}

/* ===== بطاقة المحفظة ===== */
.wallet{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-xl);padding:18px 18px 16px;color:#fff;margin:4px 0 14px;
  background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--brand) 70%,transparent) 0%,transparent 55%),linear-gradient(140deg,var(--brand2),color-mix(in srgb,var(--brand2) 72%,#000));
  box-shadow:0 22px 44px -22px color-mix(in srgb,var(--brand2) 80%,transparent)}
.wallet:before{content:"";position:absolute;z-index:-1;width:220px;height:220px;border-radius:50%;inset-inline-start:-70px;bottom:-120px;border:28px solid rgba(255,255,255,.06)}
.wallet:after{content:"";position:absolute;z-index:-1;width:150px;height:150px;border-radius:50%;inset-inline-end:-40px;top:-60px;background:rgba(255,255,255,.07)}
.wTop{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;opacity:.92}
.curChip{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.16);color:#fff;font-weight:800;font-size:12.5px;backdrop-filter:blur(6px)}
.wBal{margin:6px 0 14px;font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-.5px}
.wBal .mny small{font-size:15px;opacity:.8}
.wActs{display:flex;gap:10px}
.wBtn{flex:1;height:46px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:14.5px;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);transition:transform .15s}
.wBtn.pri{background:#fff;color:var(--brand2);border-color:#fff}
.wBtn:active{transform:scale(.96)}
.wGift{margin-top:12px;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:13px;background:rgba(255,255,255,.12);font-size:13px;font-weight:700}
.wTabs{display:flex;gap:8px;margin:2px 0 14px;flex-wrap:wrap}
.wTab{padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.12);font-size:12.5px;font-weight:700;color:#fff;display:grid;line-height:1.3;text-align:start}
.wTab b{font-size:15px}.wTab.on{background:#fff;color:var(--brand2)}

/* ===== البحث ===== */
.searchRow{display:flex;gap:10px;margin:0 0 4px}
.searchPill{flex:1;min-width:0;height:52px;border-radius:99px;display:flex;align-items:center;gap:10px;padding:0 18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);color:var(--muted);font-size:15px}
.searchPill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.askB{flex:none;height:52px;padding:0 15px;border-radius:99px;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13.5px;color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line))}
.askB svg{width:20px;height:20px}
.searchBox{display:flex;align-items:center;gap:10px;flex:1;height:46px;border-radius:var(--r-md);padding:0 14px;background:var(--surface);border:1.5px solid var(--line)}
.searchBox:focus-within{border-color:var(--brand)}
.searchBox input{flex:1;border:0;outline:0;background:none;font-size:15px;min-width:0;-webkit-appearance:none;appearance:none}
.searchBox input::-webkit-search-cancel-button{display:none}

/* ===== العناوين ===== */
.secHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 11px}
.secHead h2{margin:0;font-size:17.5px;font-weight:800;display:flex;align-items:center;gap:8px}
.secHead h2 svg{color:var(--brand)}
.secHead .more{font-size:13px;font-weight:700;color:var(--brand)}

/* ===== الستوريز (الماركات) ===== */
.stories{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none}
.stories::-webkit-scrollbar{display:none}
.story{flex:0 0 auto;width:70px;display:grid;justify-items:center;gap:6px;scroll-snap-align:start}
.ring{width:68px;height:68px;border-radius:50%;padding:2.5px;background:conic-gradient(from 210deg,var(--brand),var(--brand2),var(--brand))}
.ring>span{width:100%;height:100%;border-radius:50%;border:3px solid var(--bg);display:grid!important;place-items:center;overflow:hidden;background-size:cover;background-position:center}
.story small{font-size:11.5px;font-weight:700;max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.story:active .ring{transform:scale(.93)}

/* ===== البانرات (صور) ===== */
.bnWrap{position:relative;margin:6px 0 -14px}
.bnTrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:32px;scrollbar-width:none;margin:0 -16px;padding:0 16px 18px}
.bnTrack::-webkit-scrollbar{display:none}
.bn{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:12/5;border-radius:24px;overflow:hidden;position:relative;background:var(--surface2);box-shadow:0 10px 22px -14px rgba(22,14,30,.45);text-align:start}
.bnImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bn.auto{display:flex;align-items:flex-end;padding:14px 16px 16px;color:var(--fg,#fff)}
.bnVis{position:absolute;z-index:1;inset-inline-end:16px;top:50%;transform:translateY(-50%);width:31%;max-width:124px;aspect-ratio:1}
.bnVis .bnTh{width:100%;height:100%;border-radius:24px;display:grid!important;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.35);box-shadow:0 14px 30px -12px rgba(0,0,0,.55)}
.bnTxt{position:relative;z-index:1;display:grid;gap:3px;max-width:60%}
.bnTxt small{font-size:11.5px;font-weight:800;opacity:.92;letter-spacing:.3px}
.bnTxt b{font-size:18px;font-weight:800;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bnTxt .mny{font-size:16px;font-weight:800}
.bnCta{position:absolute;z-index:1;inset-inline-start:16px;top:14px;background:rgba(255,255,255,.95);color:#111;font-weight:800;font-size:12px;padding:5px 12px;border-radius:99px}
.bnCd{position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:800;padding:4px 10px;border-radius:99px;direction:ltr}
.bnDots{position:absolute;z-index:2;bottom:28px;left:0;right:0;display:flex;justify-content:center;gap:6px;pointer-events:none}
.bnDots:empty{display:none}
.bnDots i{width:7px;height:7px;border-radius:9px;background:rgba(255,255,255,.55);box-shadow:0 1px 4px rgba(0,0,0,.25);transition:all .25s}
.bnDots i.on{width:20px;background:#fff}

/* ===== بلاطات الأقسام ===== */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px}
.tile{display:grid;justify-items:center;gap:6px;text-align:center;min-width:0}
.tile .tArt{width:100%;aspect-ratio:1;border-radius:20px;display:grid!important;place-items:center;overflow:hidden;background:var(--surface2) center/cover no-repeat;box-shadow:var(--sh1);transition:transform .18s var(--ease)}
.tile:active .tArt{transform:scale(.94)}
.tile b{font-size:12px;font-weight:700;line-height:1.25;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tile small{display:none}
@media(max-width:370px){.tile b{font-size:11px}.tiles{gap:14px 6px}}

/* ===== بطاقات المنتجات ===== */
.row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -16px;padding:2px 16px 8px;scrollbar-width:none}
.row::-webkit-scrollbar{display:none}
.row .pc{flex:0 0 152px;scroll-snap-align:start}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pc{position:relative;display:flex;flex-direction:column;text-align:start;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);transition:transform .18s var(--ease);cursor:pointer}
.pc:active{transform:scale(.97)}
.pc .pcCov{aspect-ratio:1.25;background:var(--surface2) center/cover no-repeat}
.pcBody{padding:10px 11px 12px;display:grid;gap:6px;flex:1}
.pcName{font-size:13.5px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.pcFoot{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pcFoot .mny{font-size:15.5px;font-weight:800;color:var(--brand)}
.pcFoot s{font-size:11.5px;color:var(--muted)}
.favI{position:absolute;top:8px;inset-inline-end:8px;z-index:3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#8a7f8f;font-style:normal;font-size:16px;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.favI.on{color:#ef4444}
.favI svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;display:block}
.favI.on svg{fill:currentColor}
.favI.pop svg{animation:heartPop .45s cubic-bezier(.3,1.4,.5,1)}
@keyframes heartPop{0%{transform:scale(1)}35%{transform:scale(1.35)}70%{transform:scale(.92)}100%{transform:scale(1)}}
.supFab{position:fixed;z-index:45;inset-inline-end:14px;bottom:calc(var(--navH) + 14px + env(safe-area-inset-bottom));height:46px;padding:0 15px 0 13px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;background:var(--brand);color:#fff;font-weight:800;font-size:14px;box-shadow:var(--sh2);transition:transform .15s var(--ease)}
.supFab svg.i{width:20px;height:20px;stroke:#fff}
.supFab:active{transform:scale(.95)}
.supFab:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 40%,transparent);outline-offset:3px}
.tag{position:absolute;z-index:3;top:8px;inset-inline-start:8px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ff5a36,#e11d48);box-shadow:0 4px 12px -4px rgba(225,29,72,.6)}
.autoB{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:800;color:var(--ok);background:var(--okBg);padding:2px 8px;border-radius:99px;justify-self:start}

/* ===== صفحة الشحن (الماركة) ===== */
.th{position:relative;overflow:hidden;isolation:isolate;margin:0 -16px;padding:calc(16px + env(safe-area-inset-top)) 18px 22px;border-radius:0 0 30px 30px;color:var(--fg,#fff);min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:linear-gradient(140deg,var(--c1,var(--brand2)),var(--c2,var(--brand)))}
.thPh{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity .35s}
.th.hasPh{--fg:#fff}
.th.hasPh .thPh{opacity:1}
.th.hasPh:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.12) 72%)}
.th.hasPh .thLogo{display:none}
.th:after{content:"";position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;inset-inline-end:-90px;top:-110px;background:radial-gradient(circle,rgba(255,255,255,.26),transparent 65%)}
.thTop{position:absolute;top:calc(12px + env(safe-area-inset-top));inset-inline:14px;display:flex;justify-content:space-between}
.glass{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.glass svg.back{transform:scaleX(-1)}
.thRow{display:flex;align-items:center;gap:14px}
.thLogo{width:76px;height:76px;flex:none;border-radius:22px;display:grid!important;place-items:center;overflow:hidden;background:rgba(255,255,255,.14) center/cover no-repeat;border:2px solid rgba(255,255,255,.35);box-shadow:0 12px 30px -10px rgba(0,0,0,.45)}
.thLogo .aGlyph{width:60%;height:60%}.thLogo .aGlyph.noimg{width:90%;height:auto}.thLogo .aGlyph b{font-size:15px}
.th h1{margin:0;font-size:24px;font-weight:800;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.thSub{font-size:13px;opacity:.9;margin-top:3px}
.chips2{display:flex;gap:7px;flex-wrap:wrap}
.chip2{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:800;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);color:#fff}
.step{margin-top:14px;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1)}
.step>h3{margin:0 0 12px;display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800}
.step>h3 i{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:13.5px;font-weight:800;color:#fff;background:var(--brand)}
.step>h3 small{margin-inline-start:auto;font-size:12px;color:var(--muted);font-weight:600}
.pkSec{font-size:12.5px;font-weight:800;color:var(--muted);margin:12px 2px 8px;display:flex;align-items:center;gap:6px}
.pkSec:first-child{margin-top:0}
.pkSec:before{content:"";width:3px;height:13px;border-radius:3px;background:var(--brand)}
.pkGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:480px){.pkGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pk{position:relative;display:grid;gap:4px;align-content:start;text-align:start;padding:11px 11px 12px;border-radius:16px;background:var(--surface2);border:2px solid transparent;transition:all .15s var(--ease);min-width:0}
.pkHd{display:flex;align-items:center;gap:9px;min-width:0}
.pkHd .pkI{width:42px;height:42px;flex:none;border-radius:12px;display:grid!important;place-items:center;overflow:hidden;box-shadow:0 6px 14px -8px rgba(0,0,0,.45)}
.pkHd .pkA{flex:1}
.pkNm{font-size:14px;font-weight:800;line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.pkD{font-size:11.5px;color:var(--muted);font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.per{font-style:normal;font-size:10.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.pk:active{transform:scale(.97)}
.pkA{font-size:20px;font-weight:800;line-height:1.15;direction:ltr;unicode-bidi:isolate;display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:0 4px;min-width:0;padding-left:20px}
.pkA small{font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkN{font-size:11.5px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkP{margin-top:5px;font-size:14.5px;font-weight:800;color:var(--brand);display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.pkP s{font-size:11px;color:var(--muted);font-weight:600}
.pk.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface))}
.pk.on:after{content:"";position:absolute;top:8px;inset-inline-end:8px;width:20px;height:20px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.pk .pkTag{position:absolute;top:-8px;inset-inline-start:10px;font-size:10.5px;font-weight:800;color:#fff;padding:2px 8px;border-radius:99px;background:linear-gradient(135deg,#ff5a36,#e11d48)}
.desc{margin-top:14px;padding:14px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);font-size:13.5px;color:color-mix(in srgb,var(--text) 72%,var(--muted));white-space:pre-wrap;line-height:1.85}
.desc summary{cursor:pointer;color:var(--text);font-weight:800;font-size:14px;list-style:none;display:flex;justify-content:space-between}
.desc summary::-webkit-details-marker{display:none}

/* ===== الحقول ===== */
.fld{display:grid;gap:6px;margin-top:12px}
.fld:first-child{margin-top:0}
.fld>label{font-size:13.5px;font-weight:800}
.fld>label em{color:var(--bad);font-style:normal}
.inp{width:100%;height:50px;border-radius:14px;border:1.5px solid transparent;background:var(--surface2);padding:0 14px;font-size:15.5px;outline:0;transition:border-color .15s,background .15s}
textarea.inp{height:auto;min-height:92px;padding:12px 14px;resize:vertical}
.inp:focus{border-color:var(--brand);background:var(--surface)}
.inRow{display:flex;gap:8px}.inRow .inp{flex:1;min-width:0}
.pasteB{flex:none;padding:0 15px;border-radius:14px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand);font-weight:800;font-size:13.5px}
.hint{font-size:12px;color:var(--muted)}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{padding:9px 15px;border-radius:13px;background:var(--surface2);border:1.5px solid transparent;font-weight:700;font-size:14px}
.opt.on{border-color:var(--brand);color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface))}
.stepper{display:flex;align-items:center;gap:8px}
.stepper button{width:46px;height:46px;border-radius:14px;background:var(--surface2);font-size:22px;font-weight:700}
.stepper .inp{text-align:center;font-weight:800}
.saved{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.saved button{font-size:12px;font-weight:700;padding:5px 10px;border-radius:99px;background:var(--surface2);color:var(--muted)}

/* ===== شريط الدفع الثابت ===== */
.cta{position:fixed;z-index:40;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);animation:ctaIn .35s var(--ease) both}
@keyframes ctaIn{from{transform:translateY(100%)}}
.ctaIn{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:14px}
.ctaSum{display:grid;line-height:1.2;min-width:0}
.ctaSum small{font-size:12px;color:var(--muted);font-weight:700}
.ctaSum .mny{font-size:22px;font-weight:800}
.btnP{flex:1;height:54px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 70%,var(--brand2)));box-shadow:0 14px 28px -14px color-mix(in srgb,var(--brand) 85%,transparent);transition:transform .15s,opacity .15s}
.btnP:active{transform:scale(.97)}
.btnP:disabled{opacity:.45;box-shadow:none}
.btnP.full{width:100%}
.btnG{height:50px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:15px;background:var(--surface2);color:var(--text);padding:0 18px}
.btnG.full{width:100%}
.btnS{height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:13px;background:var(--surface2);color:var(--text);padding:0 13px}
.btnS.br{background:color-mix(in srgb,var(--brand) 11%,var(--surface));color:var(--brand)}

/* ===== الورقة السفلية ===== */
.sheetW{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,6,14,.48);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadeIn .2s both}
@keyframes fadeIn{from{opacity:0}}
.sheet{width:min(560px,100%);max-height:92vh;overflow:auto;background:var(--bg);border-radius:28px 28px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));animation:sheetUp .34s var(--ease) both;position:relative}
@keyframes sheetUp{from{transform:translateY(60%);opacity:.4}}
.grab{width:42px;height:5px;border-radius:9px;background:var(--surface3);margin:4px auto 10px}
.shHead{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.shHead h2{flex:1;margin:0;font-size:19px;font-weight:800}
.xB{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--surface2)}

/* ===== التأكيد ===== */
.cfHead{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.cfHead .th1{width:56px;height:56px;flex:none;border-radius:16px;display:grid!important;place-items:center;overflow:hidden;background:var(--surface2) center/cover}
.cfHead b{font-size:15.5px;font-weight:800;display:block;line-height:1.3}
.cfHead small{color:var(--muted);font-size:12.5px}
.list{margin-top:12px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);padding:4px 14px}
.li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14px}
.li:last-child{border-bottom:0}
.li>span{color:var(--muted);font-weight:600}
.li>b{font-weight:800;text-align:end;overflow-wrap:anywhere}
.li.tot>span{color:var(--text);font-weight:800}.li.tot .mny{font-size:19px;color:var(--brand)}
.li.good b{color:var(--ok)}.li.bad b{color:var(--bad)}
.coupon{margin-top:12px;border-radius:var(--r-md);border:1.5px dashed var(--line);padding:10px 14px}
.coupon summary{cursor:pointer;font-weight:700;color:var(--muted);font-size:13.5px}
.coupon .inp{margin-top:10px;text-transform:uppercase}
.warnBox{margin-top:12px;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 14px;border-radius:var(--r-md);background:var(--warnBg);color:var(--warn);font-weight:700;font-size:13.5px}

/* ===== النجاح ===== */
.success{position:fixed;inset:0;z-index:120;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px calc(24px + env(safe-area-inset-bottom));text-align:center;animation:fadeIn .25s both;overflow:hidden}
.okA{width:110px;height:110px;margin-bottom:14px}
.okA circle{stroke:var(--ok);stroke-width:5;fill:color-mix(in srgb,var(--ok) 12%,transparent);stroke-dasharray:320;stroke-dashoffset:320;animation:draw .7s .1s var(--ease) forwards}
.okA path{stroke:var(--ok);stroke-width:7;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:draw .45s .65s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.success h2{margin:0 0 6px;font-size:24px;font-weight:800}
.success p{margin:0 0 18px;color:var(--muted);max-width:340px}
.success .list{width:min(420px,100%);text-align:start;margin:0 0 18px}
.sucActs{width:min(420px,100%);display:grid;gap:10px}
.conf{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;opacity:.9;animation:fall linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}

/* ===== الطلبات ===== */
.filters{display:flex;gap:8px;overflow-x:auto;margin:4px -16px 12px;padding:0 16px;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.fChip{flex:none;padding:8px 14px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:13px;color:var(--muted)}
.fChip.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.fChip b{margin-inline-start:4px;opacity:.7}
.oc{padding:14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);margin-bottom:12px;display:grid;gap:12px}
.ocTop{display:flex;align-items:center;gap:11px}
.ocTop .th1{width:48px;height:48px;flex:none;border-radius:14px;display:grid!important;place-items:center;overflow:hidden;background:var(--surface2) center/cover}
.ocT{flex:1;min-width:0;display:grid;line-height:1.35}
.ocT b{font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;text-align:right}
.ocT small{font-size:12px;color:var(--muted)}
.pill{flex:none;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:99px;white-space:nowrap}
.s-pending{background:var(--warnBg);color:var(--warn)}.s-processing{background:var(--infoBg);color:var(--info)}.s-completed,.s-approved{background:var(--okBg);color:var(--ok)}.s-rejected,.s-cancelled{background:var(--badBg);color:var(--bad)}
.prog{display:flex;align-items:center;gap:0;padding:0 4px}
.prog i{width:12px;height:12px;border-radius:50%;background:var(--surface3);flex:none;position:relative}
.prog i.on{background:var(--ok)}.prog i.cur{background:var(--info);box-shadow:0 0 0 5px color-mix(in srgb,var(--info) 20%,transparent)}
.prog i.fail{background:var(--bad);box-shadow:0 0 0 5px color-mix(in srgb,var(--bad) 18%,transparent)}
.prog span{flex:1;height:3px;background:var(--surface3);margin:0 4px;border-radius:3px}
.prog span.on{background:var(--ok)}
.progL{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:700;margin-top:-6px}
.res{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:11px 12px;border-radius:14px;background:var(--surface2);border:1.5px dashed color-mix(in srgb,var(--ok) 45%,var(--line))}
.res div{display:grid;min-width:0;line-height:1.35}.res small{font-size:11.5px;color:var(--muted);font-weight:700}
.res b{font-size:15px;font-weight:800;overflow-wrap:anywhere}
.note{font-size:13px;color:var(--muted);padding:10px 12px;border-radius:12px;background:var(--surface2)}
.ocFoot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ocFoot .mny{font-size:16px;font-weight:800}
.ocActs{display:flex;gap:8px}

/* ===== المحفظة والإيداع ===== */
.mRow{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:12px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);margin-bottom:10px;transition:transform .15s}
.mRow:active{transform:scale(.98)}
.mRow .th1{width:48px;height:48px;flex:none;border-radius:14px;display:grid!important;place-items:center;overflow:hidden;background:var(--surface2) center/cover}
.mRow .mT{flex:1;min-width:0;display:grid;line-height:1.35}
.mRow .mT b{font-size:15px;font-weight:800}.mRow .mT small{font-size:12.5px;color:var(--muted)}
.chev{color:var(--muted)}
.dRow{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}
.dRow:last-child{border-bottom:0}
.dRow .dI{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--surface2);color:var(--brand);flex:none}
.dRow .dT{flex:1;min-width:0;display:grid;line-height:1.35}.dRow .dT b{font-size:14px}.dRow .dT small{font-size:12px;color:var(--muted)}
.dRow .dA{display:grid;justify-items:end;gap:4px}.dRow .dA .mny{font-weight:800}
.bonus{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:linear-gradient(135deg,#fff7e0,#ffeec2);color:#7a4d00;font-weight:700;font-size:13.5px;margin-bottom:12px;border:1px solid #f6d58a}
:root[data-theme=dark] .bonus{background:linear-gradient(135deg,#3a2c08,#4a3708);color:#fcd34d;border-color:#6b4e10}
.instr{padding:13px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);white-space:pre-wrap;font-size:14px;line-height:1.85}
.qr{display:grid;justify-items:center;gap:6px;margin:4px 0 12px}
.qr img{width:190px;height:190px;object-fit:contain;border-radius:16px;background:#fff;padding:8px;border:1px solid var(--line)}
.qr small{color:var(--muted);font-size:12px}
.upl{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-md);border:1.5px dashed var(--line);background:var(--surface);cursor:pointer}
.upl .dI{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand);flex:none}
.upl img{width:64px;height:64px;object-fit:cover;border-radius:12px}
.amts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.linkRow{margin-top:6px}
.linkRow .lk{background:color-mix(in srgb,var(--brand) 10%,var(--surface))!important;color:var(--brand)}
.dc{gap:10px}
.dcAmt{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.dcAmt .mny{font-size:20px;font-weight:800}
.okLine{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ok)}
.okLine svg{width:18px;height:18px}
.pgHead .btnS{flex:none}

/* ===== الإشعارات ===== */
.nc{display:flex;gap:12px;padding:13px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);margin-bottom:10px;position:relative}
.nc.new{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:color-mix(in srgb,var(--brand) 4%,var(--surface))}
.nc.new:after{content:"";position:absolute;top:14px;inset-inline-end:14px;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.nc .nI{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--surface2);color:var(--brand)}
.nc .nT{flex:1;min-width:0;display:grid;gap:3px}
.nc .nT b{font-size:14.5px;padding-inline-end:14px}.nc .nT p{margin:0;font-size:13.5px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.nc .nT small{font-size:11.5px;color:var(--muted)}
.nc .nMed{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:12px;margin-top:6px;background:var(--surface2);border:1px solid var(--line)}
.nc video.nMed{object-fit:contain;background:#000}
.nc .nAud{display:block;width:100%;height:40px;margin-top:6px}

/* ===== حسابي ===== */
.prof{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);margin:6px 0 14px}
.prof .av{width:64px;height:64px;border-radius:21px;font-size:26px;position:relative}
.prof .av i{position:absolute;bottom:-4px;inset-inline-start:-4px;width:24px;height:24px;border-radius:9px;background:var(--surface);display:grid;place-items:center;color:var(--brand);box-shadow:var(--sh1);font-style:normal}
.prof .av i svg{width:14px;height:14px}
.prof .pT{flex:1;min-width:0;display:grid;gap:2px}
.prof .pT b{font-size:18px;font-weight:800}.prof .pT small{color:var(--muted);font-size:12.5px;direction:ltr;text-align:end}
.qGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.qItem{display:grid;justify-items:center;gap:6px;padding:12px 4px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);font-size:12px;font-weight:700}
.qItem span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand)}
.card{padding:15px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);margin-bottom:12px}
.card>h3{margin:0 0 10px;font-size:15.5px;font-weight:800;display:flex;align-items:center;gap:8px}
.card>h3 svg{color:var(--brand);width:20px;height:20px}
.card p{margin:0 0 10px;color:var(--muted);font-size:13.5px}
.seg{display:flex;padding:4px;border-radius:14px;background:var(--surface2);gap:4px}
.seg button{flex:1;height:38px;border-radius:11px;font-weight:800;font-size:13.5px;color:var(--muted)}
.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--sh1)}
.copyRow{display:flex;gap:8px;align-items:center}
.copyRow code{flex:1;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--surface2);font-size:17px;font-weight:800;letter-spacing:1px;direction:ltr}
.vipBar{height:9px;border-radius:9px;background:var(--surface2);overflow:hidden;margin:10px 0 6px}
.vipBar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.lb{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.lb li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--surface2);font-size:13.5px}
.lb li.me{outline:1.5px solid var(--brand)}
.lb .rk{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:12.5px;background:var(--surface3)}
.lb .r1{background:#fde68a;color:#7c5800}.lb .r2{background:#e5e7eb;color:#374151}.lb .r3{background:#fed7aa;color:#7c2d12}
.lb b{flex:1}.lb em{font-style:normal;font-weight:800;color:var(--brand)}
.adminB{width:100%;margin-bottom:12px}
.apiKey{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed var(--line)}.apiKey code{flex:1;direction:ltr}

/* ===== توقيع المطوّر (أورنتس) — في حسابي فقط: تصميم زجاجي فاتح بألوان الشعار (أزرق + ذهبي) ===== */
@property --devA{syntax:'<angle>';inherits:false;initial-value:0deg}
.dev{margin:28px 0 10px;display:grid;justify-items:center;gap:10px}
.devLbl{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.4px}
.devLbl:before,.devLbl:after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.devLbl:after{transform:scaleX(-1)}
.devCard{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:12px;width:min(340px,100%);padding:12px 12px 12px 14px;border-radius:22px;text-align:start;color:#0f172a;
  background:radial-gradient(90% 140% at 100% 0%,rgba(79,168,255,.20),transparent 60%),radial-gradient(80% 120% at 0% 100%,rgba(233,190,110,.24),transparent 60%),linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.58));
  backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);
  box-shadow:0 14px 34px -18px rgba(40,100,200,.4),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .2s var(--ease)}
:root[data-theme=dark] .devCard{background:radial-gradient(90% 140% at 100% 0%,rgba(79,168,255,.22),transparent 60%),radial-gradient(80% 120% at 0% 100%,rgba(233,190,110,.24),transparent 60%),linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,245,255,.88))}
.devCard:active{transform:scale(.97)}
.devCard:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1.5px;
  background:conic-gradient(from var(--devA),#e6c181,#6db6ff 25%,rgba(230,193,129,.25) 50%,#6db6ff 75%,#e6c181);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:devSpin 7s linear infinite}
.devCard:after{content:"";position:absolute;z-index:-1;top:0;bottom:0;width:38%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-18deg);animation:devSweep 6s ease-in-out infinite}
@keyframes devSpin{to{--devA:360deg}}
@keyframes devSweep{0%,62%{left:-60%}100%{left:130%}}
.devLogo{width:54px;height:54px;flex:none;border-radius:16px;background:#000 url('/static/dev_icon.webp') center/cover;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(214,170,98,.5),0 10px 22px -8px rgba(40,110,220,.5)}
.devT{flex:1;min-width:0;display:grid;line-height:1.25}
.devT b{font-size:18px;font-weight:800;color:#0f172a}
.devT i{justify-self:start;direction:ltr;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:3.4px;margin-top:1px;background:linear-gradient(90deg,#a8711f,#dcae58 55%,#a8711f);-webkit-background-clip:text;background-clip:text;color:transparent}
.devT small{font-size:11.5px;color:#64748b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.devGo{width:36px;height:36px;flex:none;border-radius:12px;display:grid;place-items:center;color:#2b7de9;background:rgba(79,168,255,.12);border:1px solid rgba(79,168,255,.28)}
.devGo svg{width:18px;height:18px}
/* ورقة المطوّر: زجاج فاتح */
.sheetW:has(.devSheet){background:rgba(15,30,60,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sheet.devSheet{color:#0f172a;border-top:1px solid rgba(255,255,255,.95);padding-bottom:calc(16px + env(safe-area-inset-bottom));
  background:radial-gradient(70% 36% at 50% 4%,rgba(79,168,255,.20),transparent 70%),radial-gradient(60% 30% at 8% 100%,rgba(233,190,110,.22),transparent 70%),radial-gradient(45% 28% at 100% 60%,rgba(124,192,255,.14),transparent 70%),rgba(250,252,255,.86);
  backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);box-shadow:0 -20px 50px -20px rgba(30,80,160,.35)}
.devSheet .grab{background:rgba(15,23,42,.14)}
.devX{position:absolute;top:14px;inset-inline-end:14px;z-index:2;background:rgba(255,255,255,.75);border:1px solid rgba(15,23,42,.08);color:#0f172a;box-shadow:0 4px 12px -6px rgba(15,23,42,.25)}
.devIco{display:block;flex:none;border-radius:26%;background:#000 url('/static/dev_icon.webp') center/cover;box-shadow:0 0 0 2px #fff,0 0 0 3.5px rgba(214,170,98,.55),0 16px 32px -12px rgba(30,100,220,.55)}
.devIco.lg{width:96px;height:96px}.devIco.md{width:66px;height:66px}
.devWm{font-style:normal;direction:ltr;font-size:11px;font-weight:800;letter-spacing:6px;padding-left:6px;background:linear-gradient(90deg,#a8711f,#dcae58 55%,#a8711f);-webkit-background-clip:text;background-clip:text;color:transparent}
.devActs{display:grid;gap:10px;margin-top:16px}
.devBtn{height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:15.5px;color:#fff;transition:transform .15s}
.devBtn:active{transform:scale(.97)}
.devBtn svg{width:22px;height:22px}
.devBtn.wa{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 14px 28px -14px rgba(18,140,126,.85)}
.devBtn.tg{background:rgba(255,255,255,.7);border:1px solid rgba(42,171,238,.4);color:#1f8fd0}
.devSig{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;font-size:11px;color:#94a3b8}
.devSig b{direction:ltr;letter-spacing:3px;font-weight:800;background:linear-gradient(90deg,#a8711f,#dcae58,#a8711f);-webkit-background-clip:text;background-clip:text;color:transparent}
.devSig:before,.devSig:after{content:"";flex:1;max-width:56px;height:1px;background:linear-gradient(90deg,transparent,rgba(15,23,42,.18))}
.devSig:after{transform:scaleX(-1)}
/* بطاقة الهوية + المزايا */
.v1Top{display:grid;justify-items:center;gap:5px;text-align:center;padding:10px 0 0}
.v1Top .devIco{margin-bottom:12px;animation:devIn .5s var(--ease) both}
@keyframes devIn{from{opacity:0;transform:scale(.9)}}
.devNm{font-size:25px;font-weight:800;line-height:1.2}
.devRole{font-size:13px;color:#64748b;margin-top:2px}
.devList{margin-top:18px;border-radius:22px;padding:2px 14px;background:rgba(255,255,255,.66);border:1px solid rgba(15,23,42,.06);box-shadow:0 14px 34px -22px rgba(15,23,42,.35)}
.devList>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(15,23,42,.06)}
.devList>div:last-child{border-bottom:0}
.devList .dI{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;color:#2b6fd6;background:linear-gradient(140deg,rgba(79,168,255,.16),rgba(214,170,98,.18))}
.devList .dI svg{width:21px;height:21px}
.devList p{margin:0;display:grid;line-height:1.4}
.devList b{font-size:14.5px;font-weight:800}.devList small{font-size:12px;color:#64748b}
/* ===== الشريط السفلي — بنفس تصميم الواجهة الكلاسيكية: أسماء المهام + العنصر النشط كبسولة ملوّنة مرفوعة ===== */
.nav{position:fixed;z-index:50;left:0;right:0;bottom:0;padding:0 12px calc(10px + env(safe-area-inset-bottom));pointer-events:none}
.navIn{pointer-events:auto;max-width:560px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2px;padding:7px;border-radius:30px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border:1px solid color-mix(in srgb,var(--line) 85%,transparent);box-shadow:0 18px 44px -14px rgba(70,12,36,.32)}
.nb{position:relative;flex:1;min-width:0;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 2px;border-radius:24px;color:var(--muted);transition:color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}
.nb .nI{width:30px;height:30px;display:grid;place-items:center;transition:transform .22s var(--ease)}
.nb svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nb small{font-size:11px;font-weight:800;white-space:nowrap}
.nb:active{transform:scale(.95)}
.nb.on{height:82px;margin-top:-18px;transform:translateY(-2px);color:#fff;border-radius:25px;background:linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 72%,#fb7185));box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
.nb.on .nI{transform:translateY(-1px) scale(1.06)}
.nb.on small{font-size:11.5px}
.nb .dot{top:12px;inset-inline-end:calc(50% - 19px);border-color:var(--surface)}
.nb.on .dot{border-color:var(--brand)}
@media(max-width:390px){.nav{padding-inline:8px}.navIn{padding:6px}.nb{height:68px}.nb.on{height:76px}.nb small{font-size:10px}.nb svg{width:24px;height:24px}}

/* ===== التوست ===== */
#toast{position:fixed;z-index:300;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%,-150%);opacity:0;pointer-events:none;width:max-content;max-width:92%;padding:11px 18px;border-radius:16px;background:var(--text);color:var(--bg);font-weight:700;font-size:14px;box-shadow:var(--sh2);transition:transform .35s var(--ease);text-align:center}
#toast.show{transform:translate(-50%,0);opacity:1}
#toast.ok{background:var(--ok);color:#fff}#toast.err{background:var(--bad);color:#fff}

/* ===== حالات فارغة وتحميل ===== */
.empty{display:grid;justify-items:center;gap:10px;text-align:center;padding:42px 20px;color:var(--muted)}
.empty .eI{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:var(--surface2);color:var(--brand)}
.empty .eI svg{width:34px;height:34px}
.empty b{color:var(--text);font-size:16px}
.sk{border-radius:var(--r-lg);background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 37%,var(--surface2) 63%);background-size:400% 100%;animation:sh 1.3s ease infinite}
@keyframes sh{0%{background-position:100% 50%}100%{background-position:0 50%}}

/* ===== المساعد ===== */
.chat{display:flex;flex-direction:column;height:calc(100vh - 70px);height:calc(100dvh - 70px)}
.chatMsgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:6px 0 10px}
.cm{max-width:88%;display:grid;gap:8px}.cm.me{align-self:flex-start}.cm.bot{align-self:flex-end}
.cmT{padding:11px 14px;border-radius:18px;line-height:1.75;font-size:14.5px;overflow-wrap:anywhere}
.cm.bot .cmT{background:var(--surface);border:1px solid var(--line);border-top-right-radius:6px}
.cm.me .cmT{background:var(--brand);color:#fff;border-top-left-radius:6px}
.cmP{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:start;width:100%}
.cmP .th1{width:38px;height:38px;flex:none;border-radius:11px;display:grid!important;place-items:center;overflow:hidden;background:var(--surface2) center/cover}
.cmP span.n{flex:1;min-width:0;font-weight:700;font-size:13.5px}.cmP .mny{color:var(--brand);font-weight:800;font-size:13.5px}
.chatQ{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}
.chatQ::-webkit-scrollbar{display:none}
.chatQ button{flex:none;padding:8px 13px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:13px}
.chatF{display:flex;gap:8px;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}
.chatF .inp{flex:1}
.chatF button{width:52px;border-radius:15px;background:var(--brand);color:#fff;display:grid;place-items:center}
.chatF button svg{transform:scaleX(-1)}
.typing{display:flex;gap:5px;padding:14px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:tp 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{40%{transform:translateY(-4px);opacity:1}0%,80%,100%{opacity:.35}}

/* ===== الدروس ===== */
.lesson{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);margin-bottom:8px}
.lesson .play{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--brand);color:#fff;flex:none}
.lesson b{display:block;font-size:14px}.lesson small{color:var(--muted);font-size:12px}
.lessonVideo{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r-md);background:#000}

/* ===== صور تلقائية (من art.js) ===== */
.art{position:relative;overflow:hidden;isolation:isolate;color:var(--fg,#fff);background:linear-gradient(140deg,var(--c1),var(--c2))!important;background-size:auto!important}
.art:before{content:"";position:absolute;z-index:-1;width:90%;aspect-ratio:1;border-radius:50%;top:-42%;left:-24%;background:radial-gradient(circle,rgba(255,255,255,.30),rgba(255,255,255,0) 66%);pointer-events:none}
.art:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.14) 0 22%,transparent 22.2%),radial-gradient(circle at 100% 110%,rgba(0,0,0,.28),transparent 58%)}
.aGlyph{display:grid;place-items:center;min-width:0}
.aGlyph img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.22))}
.aGlyph b{display:none;font-weight:800;line-height:1.08;text-align:center;letter-spacing:.2px;word-break:keep-all;overflow-wrap:normal;text-shadow:0 2px 8px rgba(0,0,0,.18);color:var(--fg,#fff)}
.aGlyph.noimg img{display:none}.aGlyph.noimg b{display:block}
.aGlyph.isIco svg{width:100%;height:100%;color:var(--fg,#fff);filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))}
.aGlyph.isLogo svg{display:block;width:100%;height:100%;color:var(--fg,#fff);filter:drop-shadow(0 4px 10px rgba(0,0,0,.22))}
.phImg{position:absolute;inset:0;z-index:5;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;display:block}
.art.hasPh{background:var(--surface2)!important}
.art.hasPh>.phImg{opacity:1}
.art.hasPh:before,.art.hasPh:after{opacity:0}
.art.hasPh>:not(.phImg){visibility:hidden}
/* بلاطات */
.tl{container-type:inline-size}
.tl .aGlyph.lg{width:46%;height:46%}.tl .aGlyph.lg.noimg{width:86%;height:auto}
.tl .aGlyph.lg b{font-size:19px;font-size:clamp(12px,16cqi,24px)}.tl .aGlyph.lg.long b{font-size:14px;font-size:clamp(10px,11.5cqi,17px)}
.tl .aGlyph.lg.isIco{width:42%;height:42%}
.tl .aEmoji{font-size:38px}
/* ستوري */
.ring .tl .aGlyph.lg{width:52%;height:52%}.ring .tl .aGlyph.lg.noimg{width:92%}.ring .tl .aGlyph.lg b{font-size:12px;font-size:clamp(9px,19cqi,14px)}.ring .tl .aGlyph.lg.long b{font-size:10px}
/* أغلفة المنتجات */
.gc{display:flex!important;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:7px;padding:44px 12px 11px;direction:ltr;text-align:left;container-type:inline-size}
.gcTop{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%}
.gcTop .aGlyph.sm{flex:none;width:24px;height:24px}.gcTop .aGlyph.sm.noimg{width:auto;height:auto}.gcTop .aGlyph.sm b{font-size:13px;text-align:left}
.gcTop em{font-style:normal;font-weight:700;font-size:12px;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gcTop .aGlyph.noimg + em{display:none}
.gcAmt{display:flex;align-items:baseline;gap:5px;line-height:1;min-width:0;max-width:100%;overflow:hidden}
.gcAmt b{font-size:24px;font-size:clamp(18px,15cqi,30px);font-weight:800;letter-spacing:-.4px;text-shadow:0 2px 10px rgba(0,0,0,.18);white-space:nowrap}
.gcAmt small{font-size:12px;font-weight:700;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gc.noamt{justify-content:center;align-items:center;text-align:center;padding-top:12px}
.gc.noamt .gcTop{flex-direction:column;gap:8px}
.gc.noamt .aGlyph.sm{width:34%;height:auto;aspect-ratio:1;max-width:58px}
.gc.noamt .aGlyph.sm.noimg{width:auto;aspect-ratio:auto;max-width:none}.gc.noamt .aGlyph.sm b{font-size:19px;font-size:clamp(14px,13cqi,22px);text-align:center}
/* صغيرة */
.mini{container-type:inline-size}
.mini .aGlyph.mini{width:58%;height:58%}.mini .aGlyph.mini.noimg{width:92%;height:auto}.mini .aGlyph.mini b{font-size:11px;font-size:clamp(8px,24cqi,18px)}
/* بانر تلقائي */
.bn.art:after{background:linear-gradient(118deg,rgba(255,255,255,.12) 0 30%,transparent 30.2%),radial-gradient(circle at 0% 120%,rgba(0,0,0,.35),transparent 60%)}

/* =====================================================================
   v6.3 — اطلب مجدداً، عروض اليوم، بانرات مولّدة، بطاقة الرصيد، تتبّع الطلب، الإيصال، شرح الآيدي
   ===================================================================== */
/* ===== «اطلب مجدداً» ===== */
.reRow{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none}
.reRow::-webkit-scrollbar{display:none}
.reC{flex:0 0 min(276px,84%);scroll-snap-align:start;display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);text-align:start;transition:transform .15s var(--ease)}
.reRow.one .reC{flex-basis:100%}
.reC:active{transform:scale(.97)}
.reC .reTh{width:50px;height:50px;flex:none;border-radius:15px;display:grid!important;place-items:center;overflow:hidden;box-shadow:0 6px 14px -8px rgba(0,0,0,.45)}
.reT{flex:1;min-width:0;display:grid;gap:3px;line-height:1.3}
.reT b{font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.reT small{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden}
.reT small svg{width:15px;height:15px;color:var(--brand);flex:none}
.reP{display:grid;justify-items:center;gap:5px;flex:none}
.reP .mny{font-size:12.5px;font-weight:800;color:var(--brand)}
.reP .per{display:none}
.reP i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 70%,var(--brand2)));box-shadow:0 8px 16px -8px color-mix(in srgb,var(--brand) 80%,transparent)}
.reP i svg{width:18px;height:18px;stroke-width:2.2}

/* ===== «عروض اليوم» (إطار ذهبي متحرك + عدّاد) ===== */
@property --gA{syntax:'<angle>';inherits:false;initial-value:0deg}
.offHead h2 svg{color:#d4a017}
.offN{font-size:12px;font-weight:800;color:#8a5a00;background:linear-gradient(135deg,#fff3c4,#fde68a);padding:4px 10px;border-radius:99px;border:1px solid #f6d58a}
:root[data-theme=dark] .offN{color:#fcd34d;background:linear-gradient(135deg,#3a2c08,#4a3708);border-color:#6b4e10}
.row .pc.off{flex-basis:160px}
.pc.off{border-color:transparent;box-shadow:0 12px 26px -16px rgba(180,130,10,.7)}
.pc.off:before{content:"";position:absolute;inset:0;z-index:7;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--gA),#f7d774,#b8860b 20%,#fff2b8 35%,#c99a1a 55%,#fbe08a 75%,#f7d774);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gSpin 4s linear infinite}
@keyframes gSpin{to{--gA:360deg}}
.offTop{position:relative}
.offPct{position:absolute;z-index:6;top:9px;inset-inline-start:9px;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:800;color:#3b2604;background:linear-gradient(135deg,#ffe69a,#f5c542);box-shadow:0 4px 12px -4px rgba(150,100,0,.7);direction:ltr}
.offCd{display:flex;align-items:center;justify-content:center;height:27px;margin:-2px 0 1px;border-radius:10px;font-size:12.5px;font-weight:800;color:#7a4d00;background:linear-gradient(135deg,#fff6d6,#fde9a6);border:1px solid #f3d58a;direction:ltr;font-variant-numeric:tabular-nums;letter-spacing:.3px;white-space:nowrap}
:root[data-theme=dark] .offCd{color:#fcd34d;background:linear-gradient(135deg,#3a2c08,#4a3708);border-color:#6b4e10}
.offCd.urg{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#e11d48;animation:urg 1.2s ease-in-out infinite}
.offCd.lim{direction:rtl;font-size:12px}
@keyframes urg{50%{transform:scale(1.04)}}
.pc.off .pcFoot s{color:var(--bad);opacity:.85}
.pc.off.ended{filter:grayscale(.9);opacity:.65}
.pc.off.ended:before{animation:none;opacity:.35}

/* ===== بانر مولّد من لوحة التحكم ===== */
.bn.gen{display:flex;align-items:center;padding:8px 16px;color:var(--fg,#fff);background:linear-gradient(135deg,var(--c1),var(--c2));isolation:isolate;overflow:hidden}
.bn.gen:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 95% at 12% 0%,rgba(255,255,255,.24),transparent 62%),radial-gradient(60% 90% at 100% 120%,rgba(0,0,0,.34),transparent 62%)}
.bn.gen:after{content:"";position:absolute;z-index:4;top:0;bottom:0;width:38%;left:-60%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.26),transparent);transform:skewX(-18deg);animation:gnSweep 5.5s ease-in-out infinite}
@keyframes gnSweep{0%,58%{left:-60%}100%{left:135%}}
.gnFx{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.gnFx i{position:absolute;border-radius:50%;background:rgba(255,255,255,.12);animation:gnOrb 9s ease-in-out infinite}
.gnFx i:nth-child(1){width:150px;height:150px;top:-62px;inset-inline-end:8%}
.gnFx i:nth-child(2){width:84px;height:84px;bottom:-40px;inset-inline-start:34%;animation-delay:-3s;background:rgba(255,255,255,.08)}
.gnFx i:nth-child(3){width:30px;height:30px;top:18%;inset-inline-start:46%;animation-delay:-6s;background:rgba(255,255,255,.16)}
@keyframes gnOrb{50%{transform:translate(12px,8px) scale(1.14)}}
.bn.gen .bnTxt{position:relative;z-index:1;max-width:64%;gap:3px;align-content:center}
.gnTag{justify-self:start;max-width:100%;font-size:11px!important;font-weight:800;padding:2px 9px;border-radius:99px;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn.gen .bnTxt b{font-size:17px;line-height:1.25;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.gnPr{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.gnPr .mny{font-size:17px;font-weight:800}
.gnPr s{font-size:12px;opacity:.78}
.gnPr .per{color:inherit;opacity:.8}
.gnAct{display:flex;align-items:center;gap:6px;margin-top:4px;min-width:0}
.gnCta{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:99px;background:#fff;color:#14111a;font-size:11.5px;font-weight:800;min-width:0;max-width:110px;box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}
.gnCta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gnCta svg{width:13px;height:13px;stroke-width:2.6;flex:none}
.gnCd{flex:none;height:26px;display:inline-flex;align-items:center;padding:0 8px;border-radius:99px;font-size:11.5px;font-weight:800;background:rgba(0,0,0,.38);direction:ltr;white-space:nowrap;font-variant-numeric:tabular-nums}
.gnCd.urg{background:rgba(225,29,72,.92);animation:urg 1.2s ease-in-out infinite}
.gnVis{position:absolute;z-index:1;inset-inline-end:16px;top:50%;width:28%;max-width:120px;aspect-ratio:1;transform:translateY(-50%)}
.gnVis .gnTh{width:100%;height:100%;border-radius:24px;display:grid!important;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.42);box-shadow:0 16px 30px -12px rgba(0,0,0,.6);animation:gnFloat 4.2s ease-in-out infinite}
@keyframes gnFloat{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-6px)}}
.gnSpk{position:absolute;z-index:2;width:15px;height:15px;top:-5px;inset-inline-start:-7px;background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:spk 2.2s ease-in-out infinite}
.gnSpk.s2{width:10px;height:10px;top:auto;bottom:4px;inset-inline-start:auto;inset-inline-end:-6px;animation-delay:-1.1s}
@keyframes spk{0%,100%{opacity:.25;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
@media(max-width:370px){.bn.gen .bnTxt b{font-size:15.5px}.gnPr .mny{font-size:15.5px}.gnTag{font-size:10.5px!important}}

/* ===== بطاقة الرصيد (بطاقة بنكية بتنقلب) ===== */
.bcWrap{perspective:1400px;margin:6px 0 2px;transition:transform .15s var(--ease)}
.bcWrap:active{transform:scale(.985)}
.bcard{position:relative;width:100%;aspect-ratio:1.586;max-height:340px;cursor:pointer;outline:0}
.bcIn{position:absolute;inset:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.3,.4,1)}
.bcard.flip .bcIn{transform:rotateY(180deg)}
.bcFace{position:absolute;inset:0;border-radius:22px;overflow:hidden;isolation:isolate;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#fff;padding:16px 18px 15px;display:flex;flex-direction:column;
  background:radial-gradient(110% 85% at 100% 0%,color-mix(in srgb,var(--brand) 92%,#fff) 0%,transparent 58%),linear-gradient(140deg,var(--brand2) 0%,color-mix(in srgb,var(--brand2) 62%,#000) 52%,color-mix(in srgb,var(--brand) 62%,#000) 100%);
  box-shadow:0 26px 46px -22px color-mix(in srgb,var(--brand2) 80%,transparent),inset 0 1px 0 rgba(255,255,255,.18)}
.bcFace:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.17;pointer-events:none;background:repeating-radial-gradient(circle at 112% -14%,transparent 0 13px,rgba(255,255,255,.6) 13.6px 14.3px),repeating-radial-gradient(circle at -18% 118%,transparent 0 17px,rgba(255,255,255,.45) 17.6px 18.2px)}
.bcFace:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.bcGl{position:absolute;z-index:-1;width:75%;height:130%;top:-35%;inset-inline-start:-25%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brand) 60%,transparent),transparent);filter:blur(8px);animation:bcGlow 10s ease-in-out infinite alternate;pointer-events:none}
@keyframes bcGlow{to{transform:translate(28%,18%) scale(1.15)}}
.bcSh{position:absolute;z-index:3;inset:-30% -70%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.30) 49%,rgba(255,255,255,.06) 54%,transparent 60%);transform:translateX(-55%);animation:bcShine 6s ease-in-out infinite}
@keyframes bcShine{0%,52%{transform:translateX(-55%)}100%{transform:translateX(55%)}}
.bcTop{display:flex;align-items:center;gap:10px}
.bcLogo{position:relative;width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;overflow:hidden;font-weight:800;font-size:18px;color:#fff;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.38);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bcLogo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.bcStore{flex:1;min-width:0;font-size:16.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.22)}
.bcCur{position:relative;z-index:4;flex:none;height:31px;padding:0 12px;border-radius:99px;font-size:12.5px;font-weight:800;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bcMid{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.bcBal{display:grid;line-height:1.12;min-width:0}
.bcBal small{font-size:11.5px;font-weight:700;opacity:.85;margin-bottom:3px}
.bcBal b{font-size:31px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 14px rgba(0,0,0,.28)}
.bcBal b .mny small{font-size:14px;opacity:.85}
.bcChip{display:flex;align-items:center;gap:5px;flex:none}
.bcChip svg:first-child{width:46px;height:34px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.32))}
.bcChip i{display:grid;place-items:center;opacity:.85}
.bcChip i svg{width:24px;height:24px;stroke-width:2}
.bcNum{margin-top:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15.5px;letter-spacing:2.6px;font-weight:700;opacity:.93;text-align:right;text-shadow:0 1px 6px rgba(0,0,0,.28);white-space:nowrap}
.bcBot{display:flex;align-items:flex-end;gap:16px;margin-top:8px}
.bcBot>span{display:grid;line-height:1.22;min-width:0}
.bcBot>span:first-child{flex:1}
.bcBot small{font-size:9.5px;font-weight:700;opacity:.72;letter-spacing:.3px}
.bcBot b{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcHolo{width:40px;height:29px;flex:none;border-radius:8px;opacity:.88;background:conic-gradient(from 30deg,#ffb3c1,#ffd6a5,#fdffb6,#caffbf,#9bf6ff,#a0c4ff,#bdb2ff,#ffc6ff,#ffb3c1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 2px 6px rgba(0,0,0,.25);animation:holo 6s linear infinite}
@keyframes holo{to{filter:hue-rotate(360deg)}}
.bcBack{transform:rotateY(180deg);padding:0 0 13px;background:linear-gradient(140deg,color-mix(in srgb,var(--brand2) 82%,#000),var(--brand2) 55%,color-mix(in srgb,var(--brand) 60%,#000))}
.bcStripe{display:block;height:36px;margin-top:16px;flex:none;background:linear-gradient(180deg,#121016,#2a2431 55%,#121016)}
.bcBk{position:absolute;top:26px;inset-inline-end:14px;display:flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:rgba(255,255,255,.62)}
.bcBk svg{width:13px;height:13px}
.bcList{margin:11px 14px 0;display:grid;gap:6px}
.bcList.cols{grid-template-columns:1fr 1fr}
.bcList>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:4px 10px;border-radius:12px;background:rgba(255,255,255,.09);font-size:12.5px;font-weight:700}
.bcList>div.on{background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.bcList span{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden}
.bcList span i{font-style:normal;min-width:28px;height:21px;padding:0 5px;border-radius:7px;display:grid;place-items:center;font-size:10.5px;font-weight:800;background:rgba(255,255,255,.18)}
.bcList b{font-size:15px;font-weight:800;display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.bcList b small{font-size:10px;opacity:.75}
.bcTot{margin:auto 16px 0;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;opacity:.95;border-top:1px dashed rgba(255,255,255,.25)}
.bcTot b{font-size:14.5px;display:flex;gap:4px;align-items:baseline}.bcTot small{font-size:10px;opacity:.75}
.bcHint{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 12px;font-size:12.5px;font-weight:700;color:var(--muted)}
.bcHint svg{width:16px;height:16px;color:var(--brand)}
@media(max-width:370px){.bcFront{padding:13px 15px 12px}.bcBal b{font-size:26px}.bcNum{font-size:13.5px;letter-spacing:2px}.bcChip svg:first-child{width:40px;height:30px}.bcStore{font-size:15px}
  .bcBack{padding-bottom:10px}.bcStripe{height:30px;margin-top:12px}.bcBk{top:20px}.bcList{margin-top:9px;gap:5px}.bcList>div{min-height:27px;padding:3px 9px}.bcList b{font-size:14px}.bcTot{padding-top:6px}}

/* ===== طلباتي: البطاقة بتفتح التتبّع ===== */
.oc.tap{cursor:pointer;transition:transform .15s var(--ease)}
.oc.tap:active{transform:scale(.985)}
.ocGo{color:var(--muted);display:grid;place-items:center;flex:none}
.ocGo svg{width:18px;height:18px}

/* ===== صفحة تتبّع الطلب الحية ===== */
.live{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:99px;font-size:12px;font-weight:800;color:var(--bad);background:var(--badBg);flex:none}
.live i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:livePulse 1.4s ease-out infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(225,29,72,.55)}100%{box-shadow:0 0 0 9px rgba(225,29,72,0)}}
.trHero{--tc:var(--warn);position:relative;overflow:hidden;isolation:isolate;margin-top:6px;padding:22px 18px 16px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);display:grid;justify-items:center;text-align:center;gap:3px}
.trHero.run{--tc:var(--info)}.trHero.done{--tc:var(--ok)}.trHero.fail{--tc:var(--bad)}
.trHero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(85% 62% at 50% 0%,color-mix(in srgb,var(--tc) 16%,transparent),transparent 72%)}
.trVis{position:relative;width:132px;height:132px;margin-bottom:8px}
.trHero.done .trVis{animation:popIn .7s var(--ease) both}
@keyframes popIn{0%{transform:scale(.82)}60%{transform:scale(1.06)}100%{transform:none}}
.trRing{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.trRing circle{fill:none;stroke-width:7;stroke-linecap:round}
.trRing .bg{stroke:var(--surface3)}
.trRing .fg{stroke:var(--tc);animation:ringIn 1s var(--ease) both}
@keyframes ringIn{from{stroke-dashoffset:339.3}}
.trRing .cm{stroke:var(--tc);opacity:.4;stroke-dasharray:46 294;transform-origin:60px 60px;animation:trSpin 1.5s linear infinite}
@keyframes trSpin{to{transform:rotate(360deg)}}
.trTh{position:absolute;inset:17px;border-radius:50%;overflow:hidden;box-shadow:0 10px 26px -10px rgba(0,0,0,.45)}
.trTh .trThI{width:100%;height:100%;display:grid!important;place-items:center;border-radius:50%}
.trBd{position:absolute;bottom:4px;inset-inline-end:4px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--tc);border:3px solid var(--surface);box-shadow:0 6px 16px -6px var(--tc)}
.trBd svg{width:18px;height:18px;stroke-width:2.6}
.trHero.run .trBd,.trHero.wait .trBd{animation:bdPulse 1.6s ease-in-out infinite}
@keyframes bdPulse{50%{transform:scale(1.1)}}
.trHero h2{margin:2px 0 0;font-size:21px;font-weight:800}
.trHero p{margin:0;color:var(--muted);font-size:13.5px;font-weight:600}
.trMeta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:12px;color:var(--muted);font-weight:700;max-width:100%}
.trMeta span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.trMeta i{width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.5;flex:none}
.codeC{margin-top:12px;padding:16px;border-radius:var(--r-xl);background:linear-gradient(165deg,color-mix(in srgb,var(--ok) 11%,var(--surface)),var(--surface) 62%);border:1.5px solid color-mix(in srgb,var(--ok) 38%,var(--line));box-shadow:0 18px 36px -26px color-mix(in srgb,var(--ok) 80%,transparent);animation:viewIn .55s var(--ease) both}
.ccHd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ccHd>span{width:46px;height:46px;flex:none;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--ok),color-mix(in srgb,var(--ok) 55%,#0ea5e9));box-shadow:0 10px 20px -10px var(--ok)}
.ccHd>div{display:grid;line-height:1.35;min-width:0}.ccHd b{font-size:16px;font-weight:800}.ccHd small{font-size:12.5px;color:var(--muted);font-weight:600}
.ccVal{width:100%;padding:16px 14px;margin-bottom:10px;border-radius:16px;background:var(--surface);border:2px dashed color-mix(in srgb,var(--ok) 52%,var(--line));font-size:15px;font-weight:700;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center}
.ccVal.isCode{font-size:clamp(17px,5.6vw,25px);font-weight:800;letter-spacing:1.6px}
.ccVal:active{transform:scale(.98)}
.codeC .btnP{background:linear-gradient(135deg,var(--ok),color-mix(in srgb,var(--ok) 65%,#0ea5e9));box-shadow:0 14px 28px -14px var(--ok)}
.codeC.soft{background:var(--surface);border-color:color-mix(in srgb,var(--ok) 30%,var(--line))}
.codeC.soft .ccHd{margin:0}
.trNote{margin-top:12px}
.trLine{margin-top:12px;padding:16px 16px 4px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1)}
.tStep{position:relative;display:flex;gap:12px;min-height:62px;padding-bottom:14px}
.tStep:last-child{min-height:0;padding-bottom:12px}
.tDot{position:relative;z-index:1;width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface2);color:var(--muted);border:2px solid var(--line);transition:all .3s}
.tDot svg{width:17px;height:17px;stroke-width:2.5}
.tStep.ok .tDot{background:var(--ok);border-color:var(--ok);color:#fff;animation:dotIn .45s var(--ease) both}
.tStep.cur .tDot{background:var(--info);border-color:var(--info);color:#fff;animation:curPulse 1.6s ease-out infinite}
.tStep.bad .tDot{background:var(--bad);border-color:var(--bad);color:#fff;animation:dotIn .45s var(--ease) both}
@keyframes dotIn{from{transform:scale(.6)}}
@keyframes curPulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.5)}100%{box-shadow:0 0 0 12px rgba(37,99,235,0)}}
.tBar{position:absolute;top:36px;bottom:0;inset-inline-start:16px;width:2.5px;border-radius:3px;background:var(--surface3);overflow:hidden}
.tBar:after{content:"";position:absolute;inset:0;background:var(--ok);transform:scaleY(0);transform-origin:top}
.tBar.on:after{transform:none;animation:barFill .9s .1s var(--ease) both}
.tBar.bad:after{background:var(--bad)}
@keyframes barFill{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.tStep.cur .tBar:before{content:"";position:absolute;left:0;right:0;height:45%;top:-45%;background:linear-gradient(180deg,transparent,var(--info),transparent);animation:flow 1.3s linear infinite}
@keyframes flow{to{top:100%}}
.tTx{display:grid;gap:1px;padding-top:5px;line-height:1.35;min-width:0}
.tTx b{font-size:14.5px;font-weight:800}
.tTx small{font-size:12.5px;color:var(--muted);font-weight:600;overflow-wrap:anywhere}
.tStep.cur .tTx b{color:var(--info)}.tStep.bad .tTx b{color:var(--bad)}
.tStep:not(.ok):not(.cur):not(.bad) .tTx b{color:var(--muted)}
.trDet{margin-top:12px}
.trActs{display:flex;gap:8px;margin-top:12px}
.trActs .btnG{flex:1;min-width:0;height:48px;padding:0 8px;font-size:13.5px;border-radius:15px}
.trActs .btnG svg{width:19px;height:19px}
.celeb{position:fixed;inset:0;z-index:150;pointer-events:none;overflow:hidden}

/* ===== الإيصال ===== */
.rc{--notch:var(--bg);position:relative;width:100%;margin-top:4px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh2);overflow:hidden;text-align:start}
.rcHd{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:12px;padding:18px;color:#fff;background:linear-gradient(90deg,var(--brand2),var(--brand))}
.rcHd:before{content:"";position:absolute;z-index:-1;width:150px;height:150px;border-radius:50%;left:-36px;top:-72px;background:rgba(255,255,255,.09)}
.rcHd:after{content:"";position:absolute;z-index:-1;width:112px;height:112px;border-radius:50%;right:-36px;bottom:-74px;background:rgba(255,255,255,.09)}
.rcLogo{position:relative;width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:22px;font-weight:800;background:linear-gradient(135deg,var(--brand2),var(--brand));border:3px solid rgba(255,255,255,.95)}
.rcLogo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.rcSt{flex:1;min-width:0;display:grid;line-height:1.3}
.rcSt b{font-size:19px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rcSt small{font-size:13px;opacity:.88;font-weight:600}
.rcStamp{flex:none;padding:5px 11px;border-radius:99px;font-size:12px;font-weight:800;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45)}
.rcAmt{margin:14px 14px 2px;padding:13px;border-radius:18px;background:var(--surface2);display:grid;justify-items:center;gap:1px}
.rcAmt small{font-size:12.5px;color:var(--muted);font-weight:700}
.rcAmt b{font-size:28px;font-weight:800;color:var(--brand);letter-spacing:-.3px}
.rcRows{padding:0 18px}
.rcRows .li{padding:10px 0}
.rcRows .li>b{max-width:64%}
.rcS.ok{color:var(--ok)}.rcS.bad{color:var(--bad)}.rcS.run{color:var(--info)}
.rcTear{position:relative;height:26px;margin:4px 0 2px}
.rcTear:before{content:"";position:absolute;left:20px;right:20px;top:50%;border-top:1.6px dashed var(--line)}
.rcTear:after{content:"";position:absolute;top:0;bottom:0;left:-13px;right:-13px;background:radial-gradient(circle at 13px 50%,var(--notch) 12px,transparent 12.5px),radial-gradient(circle at calc(100% - 13px) 50%,var(--notch) 12px,transparent 12.5px)}
.rcBar{display:grid;justify-items:center;gap:6px;padding:4px 18px 6px}
.rcBc{width:min(250px,78%);height:48px;fill:var(--text)}
.rcBar small{font-size:11.5px;color:var(--muted);letter-spacing:1px;direction:ltr}
.rcFt{display:grid;justify-items:center;gap:2px;padding:8px 18px 18px;text-align:center}
.rcFt b{font-size:14.5px;font-weight:800}.rcFt small{font-size:11px;color:var(--muted)}
.rcActs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;width:100%}
.rcActs button{height:50px;font-size:14.5px;flex:none}
.rcActs svg{width:20px;height:20px}
.spin{display:inline-block;width:16px;height:16px;border-radius:50%;border:2.5px solid currentColor;border-top-color:transparent;animation:trSpin .8s linear infinite}
.sheet.rcSheet{background:var(--bg)}
/* شاشة النجاح = الإيصال */
.success{justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:calc(22px + env(safe-area-inset-top)) 20px 0}
.success .conf{position:fixed}
.sucIn{position:relative;z-index:1;width:min(440px,100%);margin:auto 0 0;padding-bottom:14px;display:grid;justify-items:center}
.success .okA{width:84px;height:84px;margin-bottom:8px}
.success h2{font-size:22px}
.success p{margin-bottom:12px}
.sucMore{margin-top:14px;padding:10px 16px;font-size:14px;font-weight:800;color:var(--muted)}
.sucBar{position:sticky;bottom:0;z-index:3;width:calc(100% + 40px);margin:0 -20px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));display:grid;justify-items:center;gap:8px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line)}
.sucBar>*{width:min(440px,100%)}
.sucBar .rcActs{margin:0}.sucBar .rcActs button{height:44px;font-size:14px}
.sucX{position:fixed;z-index:4;top:calc(14px + env(safe-area-inset-top));inset-inline-end:14px;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);color:var(--muted)}

/* ===== «وين بلاقي الآيدي؟» ===== */
.idHelp{justify-self:start;display:inline-flex;align-items:center;gap:5px;margin-top:1px;padding:3px 2px;font-size:12.5px;font-weight:800;color:var(--brand);text-decoration:underline dotted;text-underline-offset:5px}
.idHelp svg{width:16px;height:16px}
.idMock{margin:0 auto 16px;width:min(310px,100%);padding:10px;border-radius:28px;background:linear-gradient(140deg,var(--c1),var(--c2));box-shadow:0 18px 40px -22px rgba(0,0,0,.55)}
.imScr{position:relative;height:150px;border-radius:20px;background:rgba(10,8,16,.52);overflow:hidden;padding:14px;direction:ltr}
.imTop{display:flex;align-items:center;gap:10px}
.imAv{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;overflow:hidden;color:#fff;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.42);container-type:inline-size}
.imAv .aGlyph{width:62%;height:62%}.imAv .aGlyph.noimg{width:90%;height:auto}.imAv .aGlyph b{font-size:11px}
.imNm{display:grid;gap:6px;justify-items:start}
.imNm i{display:block;width:86px;height:9px;border-radius:9px;background:rgba(255,255,255,.34)}
.imNm b{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:9px;font:800 12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff;background:rgba(255,255,255,.14)}
.imNm b em{display:grid;place-items:center;opacity:.9}.imNm b em svg{width:13px;height:13px}
.imNm b:after{content:"";position:absolute;inset:-6px;border-radius:13px;border:2.5px solid #fde047;animation:idRing 1.6s ease-out infinite}
@keyframes idRing{0%{box-shadow:0 0 0 0 rgba(253,224,71,.6)}100%{box-shadow:0 0 0 12px rgba(253,224,71,0)}}
.imBars{position:absolute;left:14px;right:14px;bottom:16px;display:grid;gap:8px}
.imBars i{height:9px;border-radius:9px;background:rgba(255,255,255,.13)}.imBars i:nth-child(2){width:72%}.imBars i:nth-child(3){width:46%}
.imPin{position:absolute;top:62px;left:96px;font-size:26px;line-height:1;animation:pinTap 1.6s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}
.imPin:before{content:"👆"}
@keyframes pinTap{0%,100%{transform:translateY(4px)}50%{transform:translateY(-3px)}}
.idMock.corner .imAv,.idMock.corner .imNm i{display:none}
.idMock.corner .imTop{position:absolute;right:16px;bottom:16px}
.idMock.corner .imBars{top:16px;bottom:auto}
.idMock.corner .imPin{top:auto;left:auto;right:48px;bottom:46px;transform:rotate(180deg)}
.idMock.corner .imPin{animation:none}
.idSteps{margin:0;padding:0;list-style:none;counter-reset:st;display:grid;gap:11px}
.idSteps li{counter-increment:st;display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:600;line-height:1.6}
.idSteps li:before{content:counter(st);flex:none;width:26px;height:26px;margin-top:1px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;background:var(--brand)}
.idTip{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding:11px 13px;border-radius:var(--r-md);background:var(--warnBg);color:var(--warn);font-size:13px;font-weight:700;line-height:1.65}
.idTip svg{width:18px;height:18px;flex:none;margin-top:3px}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* v6.5.4: علمي سوريا والأردن بجانب شعار المتجر */
.hdrFlags{font-size:14px;letter-spacing:1px;align-self:center;flex:none;line-height:1}
.tName.long b{font-size:15.5px;letter-spacing:-.1px}
.tName .tSub{font-weight:700;letter-spacing:.3px;color:var(--brand)}
.tName small .hdrFlags{font-size:11px;letter-spacing:.5px;margin-inline-end:4px;vertical-align:1px}

/* v6.5.9: شارات المنتجات (جديد / الأكثر طلباً) */
.pBadge{justify-self:start;align-self:flex-start;display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px;line-height:1.6;margin-top:4px}
.pBadge.best{background:#fff1e6;color:#b44300}
.pBadge.new{background:#e8f0ff;color:#1a4fb8}

/* ===== v6.6.23: تأثيرات الواجهة (fx.js) ===== */
/* مجلدات: المجموعات (تطبيقات) تطلع كأنها مجلد فيه ورق مكدّس */
.tile.fold .tArt{position:relative;box-shadow:5px 5px 0 -1px color-mix(in srgb,var(--surface2) 80%,#000 20%),9px 9px 0 -2px color-mix(in srgb,var(--surface2) 55%,#000 45%)}
.tile.fold .tArt::after{content:"";position:absolute;top:8px;inset-inline-start:8px;width:16px;height:5px;border-radius:3px;background:rgba(255,255,255,.55);pointer-events:none}
/* ClickSpark: شرارات عند الضغط */
.spk{position:fixed;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:400;margin:0}
/* TextCursor: حروف تتبع المؤشر على شاشة الترحيب */
#splash .trail{position:absolute;pointer-events:none;font-weight:800;font-size:13px;letter-spacing:.5px;color:var(--brand);transform:translate(-50%,-50%);will-change:transform,opacity;user-select:none}
/* PeekRating: التقييم */
.rateBox{margin:16px 0;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);display:grid;gap:12px}
.rateBox h3{margin:0;font-size:15px;font-weight:800;text-align:center}
.peek{display:flex;justify-content:center;gap:4px;direction:ltr}
.pk5{width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--line);cursor:pointer;transition:transform .15s,color .15s;-webkit-tap-highlight-color:transparent}
.pk5 svg{width:100%;height:100%;fill:currentColor;display:block}
.pk5.hov,.pk5.on{color:#f5b301}
.pk5:active{transform:scale(.86)}
.pk5:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 40%,transparent);outline-offset:2px;border-radius:10px}
.peekLbl{text-align:center;font-size:13px;font-weight:700;color:var(--muted);min-height:18px}
.rateBox textarea.inp{min-height:64px}
.rateDone{text-align:center;font-weight:800;color:var(--ok);padding:10px 0}
.pRate{margin:14px 0 16px}
.pRateRow{display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}
.pRateRow b{font-weight:800}
.pRateRow small{color:var(--muted)}
.avgStars{position:relative;display:inline-block;line-height:0;direction:ltr}
.stRow{display:flex;gap:2px}
.stBase{color:var(--line)}
.stFill{position:absolute;top:0;inset-inline-start:0;overflow:hidden;white-space:nowrap;color:#f5b301}
.stRow svg{width:16px;height:16px;fill:currentColor;display:block}
#splash .trail{transition:none}
/* v6.6.25: حدود الإيداع */
#dLim{display:flex;align-items:center;gap:6px}
#dLim svg.i{width:15px;height:15px;flex:none}

/* ===== v6.6.31: ستايل الزجاج الناعم (skin-glass) — نفس أسلوب شاشة دخول الأدمن =====
   مفعّل افتراضياً. لترجيع الشكل القديم: الإدارة ← إعدادات المتجر ← «ستايل الواجهة» ← كلاسيكي. */
html.skin-glass{
  --bg:#dbe8f8;
  --surface:rgba(255,255,255,.64);--surface2:rgba(255,255,255,.5);--surface3:rgba(255,255,255,.38);
  --text:#13202f;--muted:#5a697b;--line:rgba(255,255,255,.8);
  --sh1:0 10px 28px -14px rgba(38,66,112,.28),inset 0 1px 0 rgba(255,255,255,.85);
  --sh2:0 26px 52px -22px rgba(38,66,112,.4);
  --r-xl:30px;--r-lg:24px;--r-md:18px;
  --gl-blur:blur(20px) saturate(150%);
  --gl-bar:rgba(255,255,255,.42);--gl-sheet:linear-gradient(180deg,rgba(255,255,255,.86),rgba(238,245,253,.92));
  --gl-sky:radial-gradient(200px 200px at 88% 6%,rgba(255,255,255,.95),rgba(255,255,255,0) 70%),
          radial-gradient(70% 38% at 8% 102%,#efdfc8 0%,rgba(239,223,200,0) 70%),
          radial-gradient(70% 42% at 96% 106%,#e8d3b6 0%,rgba(232,211,182,0) 70%),
          linear-gradient(180deg,#d2e4fa 0%,#e4eefb 38%,#f1efeb 74%,#eee3d3 100%);
}
html.skin-glass[data-theme=dark]{
  --brand:color-mix(in srgb,var(--accent,#BE123C) 72%,#fff);   /* لون المتجر أفتح شوي لحتى الأسعار تنقرأ على الزجاج الغامق */
  --bg:#0b1424;
  --surface:rgba(255,255,255,.08);--surface2:rgba(255,255,255,.06);--surface3:rgba(255,255,255,.1);
  --text:#eef3fa;--muted:#9eaec2;--line:rgba(255,255,255,.12);
  --sh1:0 12px 30px -16px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);
  --sh2:0 26px 52px -22px rgba(0,0,0,.75);
  --gl-bar:rgba(11,20,36,.5);--gl-sheet:linear-gradient(180deg,rgba(22,33,54,.92),rgba(14,23,40,.95));
  --gl-sky:radial-gradient(200px 200px at 88% 6%,rgba(200,215,255,.22),rgba(200,215,255,0) 70%),
          radial-gradient(70% 38% at 8% 102%,#3a3430 0%,rgba(58,52,48,0) 70%),
          radial-gradient(70% 42% at 96% 106%,#332d29 0%,rgba(51,45,41,0) 70%),
          linear-gradient(180deg,#0a1322 0%,#13213a 46%,#232a3c 78%,#2c2a30 100%);
}
html.skin-glass{background:var(--bg)}
html.skin-glass body{background:transparent}
html.skin-glass body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--gl-sky)}
html.skin-glass #splash,html.skin-glass .success{background:var(--gl-sky)}
/* الأشرطة والنوافذ الطافية: زجاج مع ضبابية */
html.skin-glass .top,html.skin-glass .pgHead{background:var(--gl-bar);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border-bottom:1px solid var(--line)}
html.skin-glass .navIn{background:var(--gl-bar);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1px solid var(--line);box-shadow:var(--sh2)}
html.skin-glass .cta,html.skin-glass .sucBar{background:var(--gl-bar);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border-top:1px solid var(--line)}
html.skin-glass .sheetW{background:rgba(30,50,90,.24);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html.skin-glass[data-theme=dark] .sheetW{background:rgba(0,0,0,.45)}
html.skin-glass .sheet{background:var(--gl-sheet);-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);border:1px solid var(--line);border-bottom:0;box-shadow:0 -20px 50px -20px rgba(38,66,112,.35)}
html.skin-glass #toast{-webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur)}
/* البطاقات: لمعة زجاج خفيفة (بدون ضبابية عشان السرعة) */
html.skin-glass .pc,html.skin-glass .step,html.skin-glass .oc,html.skin-glass .card,html.skin-glass .rateBox{background-image:linear-gradient(160deg,rgba(255,255,255,.38),rgba(255,255,255,0) 60%)}
html.skin-glass[data-theme=dark] .pc,html.skin-glass[data-theme=dark] .step,html.skin-glass[data-theme=dark] .oc,html.skin-glass[data-theme=dark] .card,html.skin-glass[data-theme=dark] .rateBox{background-image:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,0) 60%)}
html.skin-glass .pk{border-color:rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
html.skin-glass[data-theme=dark] .pk{border-color:rgba(255,255,255,.08);box-shadow:none}
html.skin-glass .tile .tArt,html.skin-glass .sArt{box-shadow:0 10px 22px -12px rgba(38,66,112,.45),inset 0 1px 0 rgba(255,255,255,.35)}
html.skin-glass .ring{box-shadow:0 8px 20px -10px rgba(38,66,112,.5)}
/* الحقول: نفس حقول شاشة الدخول */
html.skin-glass .inp{height:54px;border-radius:18px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.88);box-shadow:inset 0 1px 3px rgba(30,50,90,.07)}
html.skin-glass textarea.inp{height:auto}
html.skin-glass .inp:focus{background:rgba(255,255,255,.82);border-color:color-mix(in srgb,var(--brand) 55%,#5fdcc9);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}
html.skin-glass[data-theme=dark] .inp{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);box-shadow:none}
html.skin-glass[data-theme=dark] .inp:focus{background:rgba(255,255,255,.11)}
html.skin-glass .searchPill{height:54px}
/* الأزرار: لامعة ومدوّرة */
html.skin-glass .btnP{border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 72%,#ffffff),var(--brand) 60%,color-mix(in srgb,var(--brand) 85%,#000));
  box-shadow:0 16px 30px -14px color-mix(in srgb,var(--brand) 75%,transparent),inset 0 1px 0 rgba(255,255,255,.45)}
html.skin-glass .btnG,html.skin-glass .btnS{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
html.skin-glass[data-theme=dark] .btnG,html.skin-glass[data-theme=dark] .btnS{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}
html.skin-glass .btnG{border-radius:18px}
/* الجهاز ما بيدعم الضبابية: نخلّي الأشرطة شبه معتمة لحتى الكتابة تنقرأ */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.skin-glass .top,html.skin-glass .pgHead,html.skin-glass .navIn,html.skin-glass .cta,html.skin-glass .sucBar{background:rgba(236,243,252,.95)}
  html.skin-glass[data-theme=dark] .top,html.skin-glass[data-theme=dark] .pgHead,html.skin-glass[data-theme=dark] .navIn,html.skin-glass[data-theme=dark] .cta,html.skin-glass[data-theme=dark] .sucBar{background:rgba(14,23,40,.96)}
  html.skin-glass .sheet{background:#eef4fc}html.skin-glass[data-theme=dark] .sheet{background:#111c30}
}

/* ===== v6.6.32: واجهة الزبون — زجاج جذري (أقوى، متل شاشة دخول الأدمن بالضبط) ===== */
html.skin-glass{
  --surface:rgba(255,255,255,.5);--surface2:rgba(255,255,255,.42);--surface3:rgba(255,255,255,.3);--line:rgba(255,255,255,.86);
  --mint1:#a4f7e9;--mint2:#5adcc9;--mint3:#36c3b0;--mintInk:#0d2b2a;
  --gl-mint:linear-gradient(135deg,var(--mint1) 0%,var(--mint2) 50%,var(--mint3) 100%);
  --gl-sky:radial-gradient(circle at 86% 8%,#fff 0,#f2f5fa 44px,#dfe6f0 62px,rgba(223,230,240,0) 64px),
          radial-gradient(circle at 86% 8%,rgba(255,255,255,.85),rgba(255,255,255,0) 170px),
          radial-gradient(130% 55% at 18% 122%,#ecdbc2 0 46%,rgba(236,219,194,0) 46.4%),
          radial-gradient(120% 50% at 96% 126%,#e2cba9 0 44%,rgba(226,203,169,0) 44.4%),
          linear-gradient(180deg,#cfe2fa 0%,#e2edfb 38%,#f1efeb 72%,#efe4d4 100%);
}
html.skin-glass[data-theme=dark]{
  --surface:rgba(255,255,255,.08);--surface2:rgba(255,255,255,.06);--surface3:rgba(255,255,255,.1);--line:rgba(255,255,255,.13);
  --gl-sky:radial-gradient(circle at 86% 8%,#c9d3e6 0,#9fabc2 44px,#6f7b94 62px,rgba(111,123,148,0) 64px),
          radial-gradient(circle at 86% 8%,rgba(180,200,255,.25),rgba(180,200,255,0) 170px),
          radial-gradient(130% 55% at 18% 122%,#38322e 0 46%,rgba(56,50,46,0) 46.4%),
          radial-gradient(120% 50% at 96% 126%,#2e2926 0 44%,rgba(46,41,38,0) 44.4%),
          linear-gradient(180deg,#0a1322 0%,#13213a 46%,#232a3c 76%,#2c2a30 100%);
}
  background:linear-gradient(160deg,rgba(255,255,255,.66),rgba(255,255,255,.3));border:1px solid rgba(255,255,255,.85);
  -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);
  box-shadow:0 30px 56px -26px rgba(38,66,112,.42),inset 0 1px 0 rgba(255,255,255,.95)}
  background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 2px rgba(30,50,90,.06);transition:transform .15s}
/* الأزرار الأساسية: نعناعي بكتابة غامقة (متل زر الدخول) */
html.skin-glass .btnP{background:var(--gl-mint);color:var(--mintInk);box-shadow:0 16px 30px -14px rgba(54,195,176,.75),inset 0 1px 0 rgba(255,255,255,.65)}
html.skin-glass .btnP svg.i{stroke:var(--mintInk)}
html.skin-glass .btnP:disabled{opacity:.6}
html.skin-glass .plusB{color:var(--mintInk);background:var(--gl-mint);box-shadow:0 10px 20px -10px rgba(54,195,176,.9),inset 0 1px 0 rgba(255,255,255,.6)}
/* الشريط السفلي: كبسولة زجاج والتبويب الحالي نعناعي */
html.skin-glass .navIn{border-radius:32px;background:linear-gradient(160deg,rgba(255,255,255,.62),rgba(255,255,255,.34));border:1px solid rgba(255,255,255,.9);box-shadow:0 22px 44px -18px rgba(38,66,112,.45),inset 0 1px 0 rgba(255,255,255,.95)}
html.skin-glass[data-theme=dark] .navIn{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border-color:rgba(255,255,255,.14);box-shadow:0 22px 44px -18px rgba(0,0,0,.75)}
html.skin-glass .nb.on{color:var(--mintInk);background:var(--gl-mint);box-shadow:0 14px 28px -12px rgba(54,195,176,.8),inset 0 1px 0 rgba(255,255,255,.65)}
html.skin-glass .nb.on .dot{border-color:var(--mint2)}
/* الأقسام: كل قسم ببطاقة زجاج متل الويدجت */
html.skin-glass .tiles{gap:12px 9px}
html.skin-glass .tile{padding:9px 7px 11px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.62),rgba(255,255,255,.3));border:1px solid rgba(255,255,255,.88);box-shadow:0 14px 28px -18px rgba(38,66,112,.45),inset 0 1px 0 rgba(255,255,255,.9)}
html.skin-glass[data-theme=dark] .tile{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border-color:rgba(255,255,255,.12);box-shadow:none}
html.skin-glass .tile .tArt{border-radius:18px}
html.skin-glass .tile b{font-size:11.5px}
/* الأكثر طلباً: حلقة زجاج بدل الحلقة الملونة */
html.skin-glass .ring{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,255,255,.45));padding:3px;box-shadow:0 12px 24px -12px rgba(38,66,112,.55)}
html.skin-glass[data-theme=dark] .ring{background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(255,255,255,.06))}
/* العناوين والشريط والبحث */
html.skin-glass .secHead h2{font-size:18.5px}
html.skin-glass .secHead h2 svg{width:30px;height:30px;padding:6px;border-radius:11px;color:var(--mintInk);background:var(--gl-mint);box-shadow:0 8px 16px -8px rgba(54,195,176,.8)}
html.skin-glass .secHead .more{color:#2a8f82}
html.skin-glass[data-theme=dark] .secHead .more{color:var(--mint2)}
html.skin-glass .ticker{color:var(--text);background:linear-gradient(160deg,rgba(255,255,255,.62),rgba(255,255,255,.32));border:1px solid rgba(255,255,255,.88);box-shadow:var(--sh1)}
html.skin-glass[data-theme=dark] .ticker{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border-color:rgba(255,255,255,.12)}
html.skin-glass .tickTrack i{color:#2a8f82}
html.skin-glass .askB{color:#1f7f73;background:linear-gradient(160deg,rgba(255,255,255,.66),rgba(255,255,255,.34));border:1px solid rgba(255,255,255,.88)}
html.skin-glass[data-theme=dark] .askB{color:var(--mint2);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13)}
html.skin-glass .searchPill,html.skin-glass .ib,html.skin-glass .balP{background:linear-gradient(160deg,rgba(255,255,255,.7),rgba(255,255,255,.38));border:1px solid rgba(255,255,255,.9)}
html.skin-glass[data-theme=dark] .searchPill,html.skin-glass[data-theme=dark] .ib,html.skin-glass[data-theme=dark] .balP{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13)}
/* بطاقات المنتجات والخطوات: أكثر شفافية ولمعة */
html.skin-glass .pc,html.skin-glass .step,html.skin-glass .oc,html.skin-glass .card{border-radius:26px;border-width:1px;background:linear-gradient(160deg,rgba(255,255,255,.66),rgba(255,255,255,.32))}
html.skin-glass[data-theme=dark] .pc,html.skin-glass[data-theme=dark] .step,html.skin-glass[data-theme=dark] .oc,html.skin-glass[data-theme=dark] .card{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.035))}
html.skin-glass .pk.on{border-color:var(--mint3);box-shadow:0 0 0 4px rgba(95,220,201,.22),inset 0 1px 0 rgba(255,255,255,.8)}
/* الشريط العلوي شفاف أكثر: البطاقة تحته هي الواجهة */
html.skin-glass .top{background:rgba(214,230,250,.94);border-bottom:1px solid rgba(255,255,255,.7)}
html.skin-glass[data-theme=dark] .top{background:rgba(10,19,34,.94);border-bottom-color:rgba(255,255,255,.08)}

/* ===== v6.6.36: زر صوت الشريط ===== */
.tkSnd{position:relative;color:inherit;cursor:pointer;border:0;border-radius:0;transition:background .2s}
.tkSnd:active{transform:scale(.94)}
.tkSnd:focus-visible{outline:3px solid rgba(255,255,255,.6);outline-offset:-4px}
.tkSnd.on{background:rgba(255,255,255,.3)}
.tkSnd.on::after{content:"";position:absolute;inset:7px;border-radius:50%;border:2px solid currentColor;opacity:.6;animation:tkPulse 1.3s ease-out infinite;pointer-events:none}
.tkSnd.ld svg{animation:tkBlink .9s ease-in-out infinite}
@keyframes tkPulse{0%{transform:scale(.7);opacity:.7}100%{transform:scale(1.25);opacity:0}}
@keyframes tkBlink{50%{opacity:.35}}
html.skin-glass .tkI{background:rgba(255,255,255,.35)}
html.skin-glass[data-theme=dark] .tkI{background:rgba(255,255,255,.06)}
html.skin-glass .tkSnd{color:#1f7f73}
html.skin-glass[data-theme=dark] .tkSnd{color:#5adcc9}
html.skin-glass .tkSnd.on{background:linear-gradient(135deg,#a4f7e9,#4fd5c2);color:#0d2b2a}
/* v6.9.0: قائمة أرقام الدعم */
.supL{display:grid;gap:8px;margin-top:4px}
.supI{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);text-align:start;color:var(--text)}
.supI:active{transform:scale(.99)}
.supIc{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--brand)}
.supIc.wa{background:#1fa855}.supIc.tg{background:#2a9ed8}
.supT{flex:1;min-width:0;display:grid;gap:2px}.supT b{font-size:15px}.supT small{color:var(--muted);font-size:12px;text-align:start;overflow-wrap:anywhere}
.supI>.i:last-child{color:var(--muted);flex:none}
/* v6.9.0: لوحة الوكيل */
.agStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
.agStats>div{display:grid;gap:3px;justify-items:center;padding:10px 4px;border-radius:var(--r-md);background:var(--surface2);text-align:center;min-width:0}
.agStats small{color:var(--muted);font-size:11px;font-weight:700}.agStats b{font-size:14px;color:var(--text);overflow-wrap:anywhere}
.agStats .mny small{font-size:10px}
@media(max-width:360px){.agStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.copyRow code.agLink{font-size:12px;letter-spacing:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:46px;text-align:center}
.agCl{display:grid;gap:6px;margin-top:12px}
.agC{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface)}
.agAv{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--surface))}
.agCT{flex:1;min-width:0;display:grid;gap:1px}.agCT b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agCT small{color:var(--muted);font-size:12px}
/* v6.11.0: طرق الإيداع Pro */
.pmR .mT{display:grid;gap:3px;min-width:0}
.pmR.closed{opacity:.7}
.pmB{display:inline-block;margin-inline-start:6px;font-style:normal;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px;vertical-align:2px;background:color-mix(in srgb,#f59e0b 16%,var(--surface));color:#b45309}
.pmTags{display:flex;flex-wrap:wrap;gap:5px}
.pmTags i{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;background:var(--surface2);color:var(--muted)}
.pmTags i.ok{background:var(--okBg);color:var(--ok)}.pmTags i.bad{background:var(--badBg);color:var(--bad)}.pmTags i.gift{background:color-mix(in srgb,#f59e0b 15%,var(--surface));color:#b45309}
[data-theme=dark] .pmB,[data-theme=dark] .pmTags i.gift{color:#fcd34d}
.pmClosed{display:flex;gap:9px;align-items:center;margin-top:12px;padding:11px 13px;border-radius:var(--r-md);background:var(--badBg);color:var(--bad);font-size:13.5px;font-weight:700}
.pmFee{display:grid;gap:5px;margin-top:10px;padding:10px 13px;border-radius:var(--r-md);background:var(--surface2);font-size:13px;font-weight:700}
.pmFee .gift{color:#b45309}[data-theme=dark] .pmFee .gift{color:#fcd34d}
.pmA{display:flex;align-items:center;gap:10px;width:100%;text-align:start;padding:11px 13px;margin-bottom:8px;border-radius:var(--r-md);background:var(--surface2);border:1px solid var(--line);color:var(--text);transition:transform .12s}
.pmA:active{transform:scale(.98)}
.pmA>span{flex:1;min-width:0;display:grid;gap:1px}.pmA small{font-size:11.5px;color:var(--muted);font-weight:700}
.pmA b{font-size:16px;font-weight:800;overflow-wrap:anywhere;letter-spacing:.2px}
.pmA em{flex:none;display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:12.5px;font-weight:800;padding:6px 10px;border-radius:10px;background:var(--surface);color:var(--brand)}
.pmA em svg.i{width:15px;height:15px}
.pmQr{width:100%;margin:6px 0 10px;cursor:zoom-in}
.pmSteps{margin:6px 0 0;padding-inline-start:20px;display:grid;gap:6px;font-size:14px;line-height:1.6}
.pmSteps li::marker{color:var(--brand);font-weight:800}
.pmZoom{position:fixed;inset:0;z-index:400;display:grid;place-content:center;justify-items:center;gap:12px;padding:20px;background:rgba(5,8,14,.86);color:#fff;text-align:center}
.pmZoom img{width:min(86vw,420px);height:auto;border-radius:18px;background:#fff;padding:12px}
.pmZoom small{opacity:.8;font-size:13px}

/* v6.12.0: نفذت الكمية (مخزون الأكواد خلص) */
.outT{display:inline-flex;align-items:center;font-size:12px;font-weight:800;color:#b42318;background:rgba(180,35,24,.09);border-radius:999px;padding:3px 9px}
.pk.out{opacity:.72}
.pk.out .pkHd{filter:grayscale(.6)}

/* v6.12.4: «الأكثر مبيعاً» متل الصورة: مربعات كبيرة بصورة، والاسم تحت */
.pickHead h2{font-size:19px}
.picks{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 2px 14px;margin:0 -2px 6px;scrollbar-width:none}
.picks::-webkit-scrollbar{display:none}
.pick{flex:0 0 calc((100% - 24px) / 2.6);max-width:190px;min-width:118px;scroll-snap-align:start;background:none;border:0;padding:0;margin:0;color:var(--text,inherit);font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pick .pickCov{position:relative;display:grid!important;place-items:center;width:100%;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 8px 22px -12px rgba(15,23,42,.35);transition:transform .16s}
.pick:active .pickCov{transform:scale(.96)}
.pick .pickCov .phImg{border-radius:inherit}
.pick b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:9px 4px 0;font-size:14.5px;font-weight:800;line-height:1.35}
.pick{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}

/* v6.16.3: «📣 زر الانضمام» صار بـ static/join_widget.js (أشكال وألوان من الإدارة) */
html.jwPrev #nav,html.jwPrev .supFab{display:none!important}html.jwPrev .top{position:static}

/* v6.13.2: سعر الصرف اليوم (طرق الليرة) */
.pmRate{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:15px 16px;border-radius:var(--r-md,16px);background:color-mix(in srgb,var(--bad,#dc2626) 9%,var(--surface,#fff));font-weight:700}
.pmRate span{color:var(--muted);font-size:14px}.pmRate b{color:var(--bad,#dc2626);font-size:20px;letter-spacing:.2px;white-space:nowrap}
/* v6.13.5: الدخول من كروم/أي متصفح بحساب تيليجرام */
#splash.wlOn{overflow:auto;padding:24px 16px}
#splash.wlOn .spLogo{animation:none}
.spErr.wlBox{max-width:340px;width:100%;display:grid;gap:12px;color:var(--text)}
.wlT{font-size:21px;font-weight:800}
.wlS{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.wlGo{width:100%;text-decoration:none;flex:none}
html #splash .wlGo svg.i{width:20px;height:20px;stroke:currentColor}
html #splash .wlGo.wlAgain{height:46px;font-size:14px;background:var(--surface);color:var(--brand);box-shadow:none;border:1.5px solid color-mix(in srgb,var(--brand) 30%,transparent)}
.wlStep{display:grid;gap:10px;margin-top:4px}
.wlCode{width:100%;height:62px;border-radius:18px;border:2px solid color-mix(in srgb,var(--brand) 35%,transparent);background:var(--surface);color:var(--text);text-align:center;font-size:30px;font-weight:800;letter-spacing:12px;padding-inline-start:12px;outline:0;font-variant-numeric:tabular-nums}
.wlCode:focus{border-color:var(--brand)}
.wlCode::placeholder{color:var(--muted);opacity:.5;letter-spacing:6px}
.wlRow{display:flex;gap:10px}
.wlRow .btnP{height:50px}
.wlRow .btnG{flex:none}
.wlH{color:var(--muted);font-size:12.5px;line-height:1.7}
.wlAcct{display:grid;gap:10px;margin-top:12px}
/* v6.13.6: الدخول بجوجل */
.gBtn{min-height:46px;display:flex;justify-content:center;align-items:center;width:100%}
.gBtn>div{max-width:100%}
.gWait{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13.5px}
.gWait .i{width:18px;height:18px}
.wlOr{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px;margin:2px 0}
.wlOr::before,.wlOr::after{content:'';flex:1;height:1px;background:color-mix(in srgb,var(--muted) 30%,transparent)}
html #splash .wlGo.wlTg{width:100%;height:48px;font-size:14px;text-decoration:none;background:var(--surface);color:var(--text);border:1.5px solid color-mix(in srgb,var(--muted) 22%,transparent);box-shadow:none}
html #splash .wlGo.wlTg svg.i{stroke:currentColor;color:#229ED9}
#gCard p{margin:0 0 10px;line-height:1.7}
#gCard .gBtn{justify-content:flex-start}

/* v6.15.1: «ادخل دغري» بكروم + 🔑 كود الحساب */
.kIn.wlCode{font-size:21px;letter-spacing:3px;font-family:ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:normal;text-transform:uppercase}
.kIn.wlCode::placeholder{letter-spacing:3px}
html #splash .wlGuest{width:100%;height:54px;font-size:16px}
html #splash .wlGuest svg.i{width:21px;height:21px;stroke:currentColor}
.wlKeyB{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:2px auto 0;font-size:13.5px;font-weight:700;color:var(--brand);padding:8px 12px;border-radius:12px}
.wlKeyB svg.i{width:17px;height:17px;stroke:currentColor}
.wgBan,.kNudge{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 14px;border-radius:var(--r-lg);border:1px solid color-mix(in srgb,var(--brand) 32%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--surface)),var(--surface));position:relative}
.wgBan .wgI,.kNudge .wgI{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--brand) 14%,var(--surface));color:var(--brand)}
.wgT{flex:1;min-width:0}.wgT b{display:block;font-size:14px}.wgT p{margin:2px 0 0;font-size:12.5px;color:var(--muted);line-height:1.6}
.wgBan .btnS,.kNTop>.btnS{flex:none;white-space:nowrap}
.kNudge{display:block}.kNTop{display:flex;align-items:center;gap:12px}.kNudge .kBox{margin:12px 0 0}
.wgX{all:unset;cursor:pointer;position:absolute;top:6px;inset-inline-end:6px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:var(--muted)}
.wgX svg.i{width:14px;height:14px}
.wgBan{padding-inline-end:30px}
.kBox{display:flex;align-items:center;gap:10px;margin:8px 0 10px;padding:10px 12px;border-radius:14px;background:var(--surface2);border:1px dashed color-mix(in srgb,var(--brand) 40%,var(--line))}
.kCode{flex:1;min-width:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:19px;font-weight:800;letter-spacing:2px;color:var(--text);text-align:center;overflow-wrap:anywhere}
.keyCard .wlRow .btnP,.keyCard .wlRow .btnG{height:44px;font-size:14px}.keyCard .wlRow .btnP{flex:1}
.kRot{all:unset;cursor:pointer;display:block;margin:10px auto 0;font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.kWarn{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:0 0 12px;border-radius:14px;background:color-mix(in srgb,#f59e0b 12%,var(--surface));color:var(--text);font-size:13px;line-height:1.7}
.kWarn svg.i{flex:none;width:18px;height:18px;margin-top:3px;color:#b45309}
.lnkB{all:unset;cursor:pointer;color:var(--brand);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.kTg{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 0;padding:11px 12px;border-radius:14px;font-size:13.5px;font-weight:700;color:var(--text);background:var(--surface2);border:1px solid var(--line)}
.kTg svg.i{width:17px;height:17px;stroke:#229ED9}
html #splash .wlGo.wlPulse{animation:wlPulse 1.4s ease-in-out 3;border-color:#229ED9}
@keyframes wlPulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,#229ED9 22%,transparent)}}

/* v6.15.2: الاسم */
.nmEd{all:unset;cursor:pointer;display:inline-grid;place-items:center;width:28px;height:28px;margin-inline-start:6px;border-radius:9px;vertical-align:middle;color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface))}
.nmEd svg.i{width:15px;height:15px}
.nmIn{width:100%;height:52px;font-size:17px;font-weight:700;text-align:center}

/* v6.16.0: الإيصال بقالب صورة الإدارة */
.rcTpl{width:100%;margin-top:4px;border-radius:20px;overflow:hidden;background:var(--surface2);border:1px solid var(--line);box-shadow:var(--sh2);min-height:180px;display:grid;place-items:center}
.rcTpl img{display:block;width:100%;height:auto}
.rcTplWait{padding:40px;display:grid;place-items:center}

/* v6.16.1: رقم الحساب */
.noIn{width:100%;height:60px;text-align:center;font-size:28px;font-weight:800;letter-spacing:8px;font-family:ui-monospace,Menlo,Consolas,monospace;padding-inline-start:8px}
.noIn::placeholder{letter-spacing:4px;font-size:20px}
.noChk{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12.5px;color:var(--muted)}
.noChk span{display:inline-flex;align-items:center;gap:5px}.noChk svg.i{width:15px;height:15px;opacity:.35}
.noChk span.ok{color:#059669}.noChk span.ok svg.i{opacity:1}.noChk span.bad{color:#e11d48}

/* v6.16.1: «ارجع لحسابك» بعد الخروج (نفس الجهاز، بلا كود) */
html #splash .wbCard{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--brand) 35%,transparent);box-shadow:0 8px 24px -12px color-mix(in srgb,var(--brand) 55%,transparent);text-align:start}
#splash .wbCard:disabled{opacity:.6}
#splash .wbAv{width:46px;height:46px;flex:none;border-radius:15px;display:grid;place-items:center;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 60%,#000))}
#splash .wbT{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#splash .wbT b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#splash .wbT small{font-size:12.5px;color:var(--muted)}
#splash .wbGo{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;color:var(--brand)}
#splash .wbGo svg.i{width:16px;height:16px}
#splash .wbX{display:block;margin:6px auto 0;font-size:12.5px;color:var(--muted)}
.rmRow{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;color:var(--muted);cursor:pointer}
.rmRow input{width:18px;height:18px;accent-color:var(--brand)}

/* v6.16.2: رقم الواتساب */
.waIn{width:100%;height:56px;text-align:center;font-size:22px;font-weight:800;letter-spacing:1.5px;font-family:ui-monospace,Menlo,Consolas,monospace}
.waIn::placeholder{font-size:18px;letter-spacing:1px}
.waRow{display:flex;align-items:center;gap:8px;margin:10px 0 12px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,#25d366 9%,var(--surface2));font-size:13.5px}
.waRow>svg.i{width:18px;height:18px;color:#16a34a;flex:none}.waRow>span{flex:1;min-width:0}.waRow b{font-family:ui-monospace,Menlo,Consolas,monospace}

/* v6.17.0: إنشاء حساب / تسجيل الدخول */
.spErr.wlBox{max-width:380px}
.au{display:grid;gap:12px;text-align:start}
.au.auMain{padding:14px;border-radius:24px;background:var(--surface);box-shadow:0 1px 0 var(--line) inset,0 18px 40px -26px rgba(20,12,30,.45)}
.auOnly{font-size:16px;font-weight:800;padding:2px 4px}
.auTabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:16px;background:var(--surface2);gap:4px}
.auTabs button{all:unset;cursor:pointer;text-align:center;height:40px;line-height:40px;border-radius:12px;font-weight:800;font-size:14.5px;color:var(--muted);transition:background .18s,color .18s}
.auTabs button.on{background:var(--surface);color:var(--text);box-shadow:0 4px 12px -6px rgba(20,12,30,.35)}
.auTabs button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.auF{display:grid;gap:12px;margin:0}
.auL{display:grid;gap:6px}
.auT{font-size:13px;font-weight:800;color:var(--text);display:flex;align-items:baseline;gap:6px}
.auT small{font-weight:600;color:var(--muted);font-size:11.5px}
.auIn{position:relative;display:flex;align-items:center;gap:8px;height:52px;padding:0 12px;border-radius:15px;background:var(--surface2);border:1.5px solid transparent;transition:border-color .15s,background .15s}
.auIn:focus-within{border-color:var(--brand);background:var(--surface)}
.auIn>svg.i{width:19px;height:19px;flex:none;color:var(--muted)}
.auIn input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-size:15.5px;color:var(--text)}
.auIn input::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}
.auIn input[dir=ltr]{text-align:right}
.auIn input[dir=ltr]:not(:placeholder-shown){text-align:left}
.auMono{font-family:ui-monospace,Menlo,Consolas,monospace!important;font-weight:800;letter-spacing:3px}
.auEye,.auDice{all:unset;cursor:pointer;flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--muted)}
.auEye svg{width:19px;height:19px}.auEye.on{color:var(--brand)}
.auDice{font-size:18px;background:var(--surface)}
.auEye:focus-visible,.auDice:focus-visible{outline:2px solid var(--brand)}
.auH{font-size:12px;color:var(--muted);line-height:1.6}
.auE{font-size:12.5px;font-weight:700;color:var(--bad,#e11d48);min-height:0}
.auE:empty{display:none}
.auL.bad .auIn{border-color:var(--bad,#e11d48)}
.auMeter{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:4px;margin-top:-2px}
.auMeter i{border-radius:9px;background:var(--surface3,var(--line));transition:background .2s}
.auMeter[data-s="1"] i:nth-child(1){background:#e11d48}
.auMeter[data-s="2"] i:nth-child(-n+2){background:#f59e0b}
.auMeter[data-s="3"] i{background:#10b981}
.auFix{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:15px;background:var(--surface2);font-size:13.5px;color:var(--muted)}
.auFix svg.i{width:18px;height:18px}.auFix b{margin-inline-start:auto;color:var(--text);font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:2px;font-size:15px}
.auGo{width:100%;margin-top:2px}
.auForgot{justify-self:center;font-size:13px}
.auHelp{display:grid;gap:8px;padding:12px;border-radius:15px;background:var(--surface2);font-size:13px;line-height:1.7}
.auHelp p{margin:0;color:var(--muted)}
.auHelp .lnkB{display:inline-flex;align-items:center;gap:6px;justify-self:center}
.auHelp .lnkB svg.i{width:16px;height:16px}
.auSup{width:100%;text-decoration:none}
#splash.wlOn .wlTg{width:100%}
/* حساب ناقص: شاشة كاملة فوق المتجر */
html.acctOn,html.acctOn body{overflow:hidden}
.acctOv{position:fixed;inset:0;z-index:120;overflow-y:auto;background:var(--bg);padding:max(18px,env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));animation:acctIn .25s ease}
html.skin-glass .acctOv{background:var(--gl-sky,var(--bg))}
@keyframes acctIn{from{transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){.acctOv{animation:none}}
.acctIn{max-width:420px;margin:0 auto;display:grid;gap:12px}
.acctHd{display:flex;align-items:center;gap:10px;font-weight:800}
.acctHd .xB{margin-inline-start:auto}
.acctLogo{width:40px;height:40px;flex:none}
.acctT{margin:8px 0 0;font-size:23px;line-height:1.35}
.acctS{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.acctIn .au{padding:14px;border-radius:24px;background:var(--surface);box-shadow:0 1px 0 var(--line) inset,0 18px 40px -26px rgba(20,12,30,.45)}
.acctOut{justify-self:center;font-size:12.5px;color:var(--muted);margin-top:4px}
/* «حسابي»: كلمة السر */
.pwCard{padding:14px}
.pwRow{display:flex;align-items:center;gap:12px}
.pwRow>div{flex:1;min-width:0;display:grid;gap:2px}
.pwRow b{font-size:14.5px}.pwRow small{font-size:12.5px;color:var(--muted);line-height:1.6}
.pwI{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;color:#059669;background:color-mix(in srgb,#10b981 14%,var(--surface))}
.pwI svg.i{width:21px;height:21px}

/* v6.17.0: «غير متوفر» عند المزوّد — شريط مايل فوق البطاقة، وبتنزل لآخر القائمة */
.pc.na,.pk.na{position:relative;overflow:hidden}
.pc.na .pcCov,.pk.na .pkHd{opacity:.5}   /* v6.17.1: بلا filter (كان تقيل عالتلفون) */
.pc.na .pcName,.pk.na .pkN,.pk.na .pkNm,.pk.na .pkA{opacity:.62}
.naRib{position:absolute;z-index:3;top:18px;right:-40px;left:auto;width:150px;padding:5px 0;transform:rotate(38deg);text-align:center;font-size:11.5px;font-weight:800;letter-spacing:.2px;color:#fff;background:linear-gradient(90deg,#4b5563,#1f2937);box-shadow:0 6px 14px -6px rgba(0,0,0,.45);pointer-events:none}
.pk.na .naRib{top:13px;right:-46px;width:140px;font-size:10.5px;padding:4px 0}
.pc.na .outT{color:var(--muted)}
html.acctOn .sheetW{z-index:130}   /* شيت من شاشة الحساب (كود الحساب…) بيطلع فوقها */

/* v6.17.1: الضيف بيتفرّج بلا أسعار */
.lkPr{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap;line-height:1.3}
.lkPr i{font-style:normal;font-size:11px}
.pk .lkPr{font-size:11.5px}
.bn .lkPr,.gnPr .lkPr{color:inherit;opacity:.9}
.lkSum{font-size:15px;white-space:nowrap}
html body .top .balP.lkIn{gap:6px;font-weight:800;font-size:14.5px;color:#fff;border:0;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 70%,var(--brand2)))}
html body .top .balP.lkIn svg.i{width:18px;height:18px;stroke:currentColor}
.wgBan.lk{flex-wrap:wrap;padding-inline-end:14px}
.wgBan.lk .wgI{font-size:19px}
.wgAct{display:flex;gap:8px;width:100%}
.wgAct .btnP{height:44px;font-size:14.5px;border-radius:14px}
.wgAct .btnG{height:44px;font-size:14px;border-radius:14px;flex:none;padding:0 16px}
.wgAct svg.i{width:18px;height:18px;stroke:currentColor}
.lkV{margin:18px 0;padding:26px 18px 20px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);text-align:center}
.lkVi{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 12px;border-radius:20px;font-size:28px;background:color-mix(in srgb,var(--brand) 13%,var(--surface))}
.lkV>b{display:block;font-size:17px}
.lkV p{margin:6px auto 16px;max-width:320px;font-size:13.5px;line-height:1.7;color:var(--muted)}
.lkVb{display:flex;gap:8px}
.lkVb .btnP{height:50px;font-size:15px}
.lkVb .btnG{flex:none}
.lkVb svg.i{width:19px;height:19px;stroke:currentColor}
.auTg{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px auto 0;font-size:13px}
.auTg svg.i{width:16px;height:16px;stroke:currentColor}

/* v6.18.0: الشريط العلوي: «+» جوّا الرصيد (الاسم ما عاد ينقص)، وزر الدعم أصغر وبيختفي وقت التمرير */
.balP{gap:8px;padding:0 5px 0 12px}
.balPlus{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#5b3a00;background:linear-gradient(145deg,#fbbf24,#f59e0b);box-shadow:0 6px 14px -8px rgba(245,158,11,.9)}
.balPlus svg{width:18px;height:18px;stroke-width:2.8}
html body .top .balP.lkIn{padding:0 14px}
.supFab{height:44px;padding:0 14px 0 12px;font-size:13.5px;transition:transform .25s,opacity .25s}
.supFab.hid{transform:translateY(16px) scale(.9);opacity:0;pointer-events:none}
@media(max-width:370px){.balPlus{width:26px;height:26px}.balP{padding:0 4px 0 10px}}
/* v6.18.0: عرض واحد بس ← بطاقة عريضة بدل بطاقة صغيرة وفراغ */
.offRow.one .pc.off{flex:1 1 100%;flex-direction:row;align-items:stretch}
.offRow.one .pc.off .offTop{flex:0 0 42%}
.offRow.one .pc.off .offTop .pcCov{height:100%;min-height:150px;aspect-ratio:auto}
.offRow.one .pc.off .pcBody{align-content:center;padding:12px 14px}
.offRow.one .pc.off .pcName{font-size:15px}
.auKeyB{width:100%;margin-top:10px;gap:7px}.auKeyB svg.i{width:18px;height:18px;stroke:currentColor}
/* v7.0.4: «جوجل بس» */
.gOnly{display:grid;gap:10px;justify-items:center;margin:6px 0 4px}
.gBtn.gBig{min-height:48px;width:100%;display:flex;justify-content:center}
.gOnlyH{font-size:12.5px;color:var(--muted);text-align:center;line-height:1.6}
.gHelp{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px auto 0;font-size:13px}
.gHelp svg.i{width:16px;height:16px}
.gClaim{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--brand) 10%,transparent);font-size:13px;line-height:1.6;margin:2px 0 10px}
.gClaim svg.i{width:18px;height:18px;flex:none;margin-top:2px}
svg.gLg{width:18px;height:18px;flex:none}
.lkVb .btnP svg.gLg,.wgAct .btnP svg.gLg{background:#fff;border-radius:50%;padding:2px;width:20px;height:20px}