:root{--rd-bg:#070b16;--rd-bg-soft:#0a1120;--rd-glass:rgba(17,25,44,0.72);--rd-glass-strong:rgba(17,25,44,0.88);--rd-border:rgba(59,130,246,0.32);--rd-border-soft:rgba(148,163,184,0.18);--rd-blue:#2563eb;--rd-blue-bright:#3b82f6;--rd-blue-glow:rgba(59,130,246,0.45);--rd-text:#f1f5f9;--rd-text-muted:#94a3b8;--rd-header-h:56px;--rd-bottom-nav-reserve:96px}html[data-theme="dark"] body{background-color:var(--rd-bg);background-image:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(37,99,235,0.22),transparent 70%),radial-gradient(ellipse 60% 35% at 90% 110%,rgba(59,130,246,0.10),transparent 70%);background-attachment:fixed;color:var(--rd-text)}html[data-theme="dark"] body,h1,h2,h3,h4,h5,h6{color:var(--rd-text)}.store-header{position:sticky;top:0;z-index:300;height:var(--rd-header-h);background:rgba(7,11,22,0.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--rd-border-soft);box-shadow:0 8px 30px rgba(0,0,0,0.35)}body{scroll-padding-top:calc(var(--rd-header-h) + 16px)}main,section[id]{scroll-margin-top:calc(var(--rd-header-h) + 16px)}.header-brand img,.brand-logo-img{width:40px !important;height:40px !important;border-radius:50% !important;object-fit:cover !important;border:2px solid rgba(59,130,246,0.65) !important;box-shadow:0 0 0 3px rgba(59,130,246,0.18),0 0 18px var(--rd-blue-glow) !important;background:transparent}.header-brand span{color:var(--rd-text)}#lang-toggle-btn,#lang-dropdown-menu,#order-lang-select,.notification-bell,.notification-btn,.admin-mode-bar,.top-admin-bar,.demo-bar,.preview-bar,.experiment-toggle{display:none !important}.balance-pill{border-radius:999px;border:1px solid var(--rd-border);background:var(--rd-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--rd-text);box-shadow:0 0 14px rgba(59,130,246,0.18)}.header-cart-btn,.store-cart-btn,#header-cart-btn{display:inline-flex !important;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--rd-border);background:var(--rd-glass);color:var(--rd-text);font-weight:700;cursor:pointer;box-shadow:0 0 14px rgba(59,130,246,0.22);visibility:visible !important;opacity:1 !important}.header-cart-btn .cart-count,.store-cart-btn .cart-count,#header-cart-btn .cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:50%;background:var(--rd-blue-bright);color:#fff;font-size:0.72rem;font-weight:800}@media (max-width:768px){.store-header .desktop-header-actions:has(.header-cart-btn,.store-cart-btn,#header-cart-btn){display:flex !important}.store-header .desktop-header-actions:has(.header-cart-btn,.store-cart-btn,#header-cart-btn)>:not(.balance-pill):not(.header-cart-btn):not(.store-cart-btn):not(#header-cart-btn){display:none !important}}.btn-primary,.product-buy-btn{background:linear-gradient(135deg,var(--rd-blue) 0%,var(--rd-blue-bright) 100%);border:1px solid rgba(96,165,250,0.55);color:#fff;border-radius:999px;box-shadow:0 6px 20px rgba(37,99,235,0.38)}.btn-primary:hover,.product-buy-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,var(--rd-blue-bright) 100%);box-shadow:0 8px 26px rgba(37,99,235,0.5);transform:translateY(-1px)}.btn-secondary{background:var(--rd-glass);border:1px solid var(--rd-border-soft);color:var(--rd-text);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{border-color:var(--rd-border);color:var(--rd-text);background:var(--rd-glass-strong)}.btn-icon{border-radius:50%;background:var(--rd-glass);border:1px solid var(--rd-border-soft);color:var(--rd-text)}.btn-icon:hover{border-color:var(--rd-border);color:var(--rd-text);background:var(--rd-glass-strong)}input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea,select{border-radius:999px}textarea{border-radius:24px}#store-search-input{border-radius:999px !important;background:var(--rd-glass) !important;border:1px solid var(--rd-border-soft) !important;color:var(--rd-text) !important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#user-avatar-img,.category-icon-wrapper,.tg-custom-emoji-img{border-radius:50% !important}.category-icon-wrapper{background:var(--rd-glass);border:1px solid var(--rd-border-soft)}.product-custom-emoji{border-radius:50%}.product-card,.category-card,.modal-content,.delivery-card,.preview-card{background:var(--rd-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--rd-border);border-radius:30px;box-shadow:0 18px 44px rgba(0,0,0,0.45),0 0 24px rgba(59,130,246,0.12)}.product-card:hover,.category-card:hover{border-color:rgba(96,165,250,0.65);box-shadow:0 18px 44px rgba(0,0,0,0.45),0 0 32px rgba(59,130,246,0.22)}#product-detail-container{border-radius:30px !important;background:var(--rd-glass) !important;border:1px solid var(--rd-border) !important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 44px rgba(0,0,0,0.45),0 0 24px rgba(59,130,246,0.12) !important}.product-image-container,#prod-img-wrap,.img-wrap{background:transparent !important;border:none !important;box-shadow:none !important}.product-image-container{border:1px solid var(--rd-border-soft) !important;border-radius:14px;overflow:hidden}.product-image-container img,#prod-feature-img,.img-wrap img{width:100%;height:100%;object-fit:contain !important;object-position:center;border-radius:13px !important;background:transparent !important;aspect-ratio:auto}.product-card:hover .product-image-container img{transform:none}.category-card .product-image-container img{object-fit:contain !important;border-radius:13px !important;background:transparent !important}.products-grid,.categories-grid{align-items:stretch}.product-card{height:100%}.product-card .product-info{flex:1 1 auto}.product-card .product-footer{margin-top:auto !important;padding-top:10px;border-top:1px solid var(--rd-border-soft)}.product-price{color:#60a5fa}.rd-hero,.hero-banner{border-radius:30px;padding:24px;background:linear-gradient(135deg,rgba(37,99,235,0.32) 0%,rgba(59,130,246,0.10) 55%,transparent 100%),var(--rd-glass);border:1px solid var(--rd-border);box-shadow:0 18px 44px rgba(0,0,0,0.4),0 0 32px rgba(59,130,246,0.20);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.rd-deal-of-day{border-radius:30px;background:var(--rd-glass);border:1px solid var(--rd-border);box-shadow:0 0 32px rgba(59,130,246,0.20)}.rd-hero img,.rd-deal-of-day img{object-fit:contain;border-radius:13px;background:transparent}.rd-sheet-backdrop{position:fixed;inset:0;z-index:900;background:rgba(2,6,23,0.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rd-sheet,.rd-curtain{border-radius:32px 32px 0 0;background:var(--rd-glass-strong);border:1px solid var(--rd-border);border-bottom:none;box-shadow:0 -18px 44px rgba(0,0,0,0.5),0 0 32px rgba(59,130,246,0.16);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:88dvh;display:flex;flex-direction:column}.rd-curtain{position:fixed;left:0;right:0;bottom:0;z-index:950}.rd-sheet-handle{width:44px;height:5px;min-height:5px;border-radius:999px;background:rgba(148,163,184,0.45);margin:10px auto 12px;cursor:grab;flex-shrink:0}.rd-sheet-handle:active{cursor:grabbing}.rd-sheet-scroll,.rd-sheet .modal-content,.modal-content{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media (max-width:640px){.modal-overlay.rd-sheet-mode{align-items:flex-end;padding:0}.modal-overlay.rd-sheet-mode .modal-content{border-radius:32px 32px 0 0;max-height:88dvh;width:100%;max-width:100%}}main.store-container{padding-bottom:calc(var(--rd-bottom-nav-reserve) + env(safe-area-inset-bottom))}.order-page-wrapper{padding-bottom:calc(var(--rd-bottom-nav-reserve) + env(safe-area-inset-bottom))}body:has(.preview-card){padding-bottom:calc(var(--rd-bottom-nav-reserve) + env(safe-area-inset-bottom))}.rd-bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom));z-index:250;display:flex;align-items:center;gap:4px;padding:8px;border-radius:999px;background:var(--rd-glass-strong);border:1px solid var(--rd-border);box-shadow:0 12px 32px rgba(0,0,0,0.5),0 0 24px rgba(59,130,246,0.18);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);visibility:visible;opacity:1}.preview-card{border-radius:30px}.preview-card .btn-enter{background:linear-gradient(135deg,var(--rd-blue) 0%,var(--rd-blue-bright) 100%);border:1px solid rgba(96,165,250,0.55);border-radius:999px;box-shadow:0 8px 26px rgba(37,99,235,0.4)}.preview-card .btn-enter:hover{box-shadow:0 10px 30px rgba(37,99,235,0.55)}.preview-card .img-wrap{background:transparent !important;border:none !important;box-shadow:none !important}.preview-card .img-wrap img{object-fit:contain !important;border-radius:13px !important;background:transparent !important}.store-header:has(.live-ticker){height:62px}.store-header .header-inner{padding-top:8px;padding-bottom:8px}body:has(.store-header .live-ticker){scroll-padding-top:78px}body:has(.store-header .live-ticker) main,body:has(.store-header .live-ticker) section[id]{scroll-margin-top:78px}.live-ticker-viewport[hidden]{display:none !important}.live-ticker{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;height:100%;direction:ltr;overflow:hidden}.live-ticker-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;height:44px;padding:0 2px;color:#f8fafc}.live-ticker-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,0.9);animation:liveTickerPulse 1.6s ease-in-out infinite}@keyframes liveTickerPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0.55}}.live-ticker-label-text{writing-mode:vertical-rl;font-size:12px;font-weight:800;letter-spacing:1px;line-height:1}.live-ticker-viewport{flex:1 1 auto;min-width:0;height:44px;display:flex;align-items:center;overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.live-ticker-track{display:flex;align-items:center;width:max-content;height:44px;direction:ltr;will-change:transform;animation:liveTickerScroll 180s linear infinite}@keyframes liveTickerScroll{from{transform:translateX(-50%)}to{transform:translateX(0)}}.live-ticker-track.live-ticker-paused{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.live-ticker-track{animation-play-state:paused}.live-ticker-dot{animation:none}}.live-ticker-card{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;height:44px;padding:0 10px;margin-inline-end:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(148,163,184,0.18);border-radius:12px;overflow:hidden}.live-ticker-img{height:30px;width:auto;max-width:52px;flex:0 0 auto;object-fit:contain;background:transparent;border-radius:0}.live-ticker-word{font-size:13px;font-weight:800;line-height:1.2;color:#f1f5f9;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}@media (max-width:480px){.live-ticker{gap:6px}.live-ticker-label-text{font-size:11px}.live-ticker-dot{width:5px;height:5px}.live-ticker-card{padding:0 8px;margin-inline-end:10px}.live-ticker-word{max-width:110px}}
/* PRELOAD overlay (home page only; the div lives in index.html). */
#panda-preload{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0b1220;transition:opacity .45s ease}
#panda-preload.panda-preload-hide{opacity:0;pointer-events:none}
#panda-preload-anim{width:min(320px,80vw);aspect-ratio:1/1}
#panda-preload-bar{direction:ltr;width:min(320px,80vw);height:10px;border-radius:999px;border:2px solid rgba(134,239,172,.45);overflow:hidden}
#panda-preload-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.08) 45%,rgba(0,0,0,.08)),#4ade80;transition:width .25s ease}

/* Offline indicator pill: hidden unless the device is offline. */
#panda-offline-pill{position:fixed;left:50%;bottom:18px;transform:translate(-50%,16px);z-index:9998;display:none;background:#111827;color:#e2e8f0;border:1px solid #374151;border-radius:999px;padding:9px 16px;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.45);opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}
#panda-offline-pill.panda-offline-show{display:block;opacity:1;transform:translate(-50%,0)}

/* Preload state shell: message + retry (hidden unless a state sets them). */
#panda-preload-text{color:#e2e8f0;font-size:15px;text-align:center;padding:0 24px;min-height:0}
#panda-preload-text:empty{display:none}
#panda-preload-retry{background:#4ade80;color:#04120a;border:0;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:bold;cursor:pointer}
#panda-preload-retry[hidden]{display:none}

/* RESPONSIVE (v7.1.0-responsive): bottom nav visible on ALL screen sizes, not
   only <=768px. The pill geometry is promoted to default in js/app.js; the
   child/compact/badge rules below are verbatim copies of the injected
   <=768px block so buttons, labels, compact-on-scroll and the orders badge
   behave identically on desktop. Mobile values are unchanged (injected
   rules still win ties there with identical values). */
#panda-bottom-nav .panda-nav-badge:not(.show) { display: none; }
#panda-bottom-nav.panda-nav-compact { padding: 5px 6px; width: 76%; max-width: 344px; }
.panda-nav-btn { flex: 1; position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; background: transparent; border: none; color: var(--faint); font-size: 11px; font-weight: 600; cursor: pointer; padding: 7px 2px; border-radius: 18px; transition: color .25s, background .3s cubic-bezier(.3,1.2,.4,1), padding .34s cubic-bezier(.3,.9,.3,1); }
.panda-nav-btn svg { width: 22px; height: 22px; transition: transform .3s cubic-bezier(.3,1.4,.4,1); }
.panda-nav-btn:active svg { transform: scale(.88); }
.panda-nav-btn.active { color: #fff; background: rgba(255,255,255,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.09); }
.panda-nav-label { display: block; max-height: 22px; line-height: 1.7; opacity: 1; overflow: visible; padding-bottom: 1px; transform: translateY(0); transition: opacity .25s ease, transform .25s ease, max-height .25s ease; }
#panda-bottom-nav.panda-nav-compact .panda-nav-btn { padding: 6px 2px; gap: 0; }
#panda-bottom-nav.panda-nav-compact .panda-nav-label { opacity: 0; transform: translateY(3px); max-height: 0; overflow: hidden; }
.panda-nav-badge { display: none; position: absolute; top: 2px; inset-inline-end: 18%; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 99px; background: var(--red, #ef4444); color: #fff; font-size: 0.6rem; align-items: center; justify-content: center; }
.panda-nav-badge.show { display: inline-flex; }

/* RESPONSIVE (v7.1.0-responsive): header cleanup (Omar 2026-10-25).
   Removed from the header ONLY; every function stays reachable via the
   bottom nav (orders / balance-deposit / profile tabs) and the avatar
   button below keeps the profile dropdown (orders, admin, logout).
   - orders button: inline style display:inline-flex in HTML, hence !important.
   - deposit word: the +إيداع span inside the balance pill only; the pill
     itself (balance value + tap-to-deposit) stays.
   - account name: the name text only; the circular avatar button stays. */
#header-orders-btn { display: none !important; }
#user-balance-pill span[data-i18n="depositBadge"] { display: none; }
#user-name-label { display: none; }