/* AFNAAN STORE — shared production stylesheet *//* ═══════════════════════════════════════════════════════════
   AFNAAN STORE — COSMIC GALAXY THEME
   Purple / Blue Neon · Deep Space Dark
   ═══════════════════════════════════════════════════════════ */:root{/* Core Palette — Cosmic */--galaxy:#7c3aed;/* deep violet */--galaxy-deep:#5b21b6;--galaxy-glow:rgba(124,58,237,0.6);--galaxy-soft:rgba(124,58,237,0.15);--neon:#38bdf8;/* sky blue neon */--neon-light:#7dd3fc;--neon-deep:#0284c7;--neon-glow:rgba(56,189,248,0.5);--neon-soft:rgba(56,189,248,0.12);--pink:#e879f9;/* cosmic magenta accent */--pink-glow:rgba(232,121,249,0.4);/* Backgrounds — deep space */--bg-void:#05050f;--bg-deep:#08081a;--bg-card:#0d0d22;--bg-card2:#111130;--bg-glass:rgba(124,58,237,0.04);/* Text */--text-bright:#ffffff;--text-main:#e2e8ff;--text-muted:rgba(200,210,255,0.45);--text-faint:rgba(200,210,255,0.22);/* Borders */--border-neon:rgba(56,189,248,0.28);--border-galaxy:rgba(124,58,237,0.35);--border-glow:rgba(56,189,248,0.55);/* Shadows / Glows */--glow-galaxy:0 0 28px rgba(124,58,237,0.6);--glow-neon:0 0 24px rgba(56,189,248,0.55);--glow-pink:0 0 20px rgba(232,121,249,0.4);--shadow-card:0 8px 32px rgba(0,0,0,0.8)}/* ── Accessibility / interaction foundation ───────────── */.skip-link{position:fixed;left:12px;top:12px;z-index:100000;padding:10px 14px;border-radius:10px;background:#fff;color:#08081a;font:700 14px/1.2 'Rajdhani',sans-serif;text-decoration:none;transform:translateY(-160%);transition:transform .18s ease;box-shadow:0 8px 24px rgba(0,0,0,.45)}.skip-link:focus{transform:translateY(0);outline:3px solid #38bdf8;outline-offset:3px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0) !important;white-space:nowrap!important;border:0!important}:focus-visible{outline:2px solid #7dd3fc;outline-offset:3px}/* ── Reset & Base ─────────────────────────────── */*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #050510 0%, #0a0620 50%, #060318 100%);color:var(--text-main);font-family:'Rajdhani',sans-serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}/* ── Cosmic Galaxy Background System ───────────── *//* Layer 1 — subtle center purple radial glow only */body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 40%, rgba(100,40,220,0.18) 0%, transparent 70%)}/* Layer 2 — empty, no grid/pattern/scanline */body::after{content:'';display:none}/* Glass orbs — decorative blurred shapes */#glass-orbs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}#glass-orbs span{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.12}#glass-orbs span:nth-child(1){width:400px;height:400px;top:-100px;left:-80px;background:radial-gradient(circle, #7c3aed, transparent 70%)}#glass-orbs span:nth-child(2){width:350px;height:350px;bottom:-80px;right:-60px;background:radial-gradient(circle, #38bdf8, transparent 70%)}#glass-orbs span:nth-child(3){width:250px;height:250px;top:45%;left:55%;background:radial-gradient(circle, #e879f9, transparent 70%);opacity:0.07}/* Glassmorphism card base */.glass-card{background:linear-gradient(145deg, rgba(255,255,255,0.11) 0%, rgba(124,58,237,0.08) 45%, rgba(56,189,248,0.05) 100%);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,0.20);border-radius:18px;box-shadow:0 8px 32px rgba(0,0,0,0.55),0 1px 0 rgba(255,255,255,0.14) inset,0 -1px 0 rgba(0,0,0,0.20) inset}#particles-canvas{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0.65;will-change:transform;contain:strict}/* ── HEADER ─────────────────────────────────────── */.top-header{position:sticky;top:0;z-index:100;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:linear-gradient(135deg, rgba(5,5,15,0.97) 0%, rgba(10,8,28,0.97) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(124,58,237,0.4);box-shadow:0 2px 30px rgba(0,0,0,0.9),0 0 40px rgba(124,58,237,0.08)}.top-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, var(--galaxy), var(--neon), var(--pink), var(--neon), var(--galaxy), transparent);opacity:0.6}@keyframes headerGlow{0%{opacity:0.4}100%{opacity:0.9}}.logo-wrap{display:flex;align-items:center;gap:7px;text-decoration:none;flex-shrink:0;min-width:0}.logo-img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(56,189,248,0.6);filter:drop-shadow(0 0 8px rgba(56,189,248,0.5));flex-shrink:0}.logo-text{font-family:'Orbitron',monospace;font-weight:800;font-size:11px;letter-spacing:2px;white-space:nowrap;background:linear-gradient(135deg, var(--neon-light) 0%, var(--neon) 40%, var(--galaxy) 70%, var(--pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(56,189,248,0.4));overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:8px}.header-wallet{display:flex;align-items:center;gap:5px;background:linear-gradient(135deg, rgba(56,189,248,0.1), rgba(124,58,237,0.08));border:1px solid var(--border-neon);border-radius:20px;padding:5px 10px;font-size:11.5px;font-weight:700;color:var(--neon);cursor:pointer;transition:all 0.3s;text-decoration:none;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:'Rajdhani',sans-serif}.header-wallet:hover{background:linear-gradient(135deg, rgba(56,189,248,0.2), rgba(124,58,237,0.15));box-shadow:var(--glow-neon);border-color:var(--neon)}.header-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, var(--galaxy-deep), var(--galaxy));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;cursor:pointer;border:2px solid rgba(56,189,248,0.45);transition:all 0.3s;flex-shrink:0;min-width:32px;overflow:hidden;color:#fff}.header-avatar:hover{box-shadow:var(--glow-neon);border-color:var(--neon)}/* ══════════════════════════════════════════════════
   APPLE LIQUID GLASS BOTTOM NAV — AFNAAN STORE
   ══════════════════════════════════════════════════ *//* ── Outer fixed wrapper ── *//* ═══════════════════════════════════════════════════
   BOTTOM NAV — 4-SEGMENT LIQUID GLASS
   ═══════════════════════════════════════════════════ */.bottom-nav-outer{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;align-items:flex-end;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px));pointer-events:none;box-sizing:border-box}/* ── Outer glass container ── */.bottom-nav{pointer-events:all;position:relative;display:flex;align-items:stretch;padding:5px;gap:4px;width:100%;max-width:440px;border-radius:99px;overflow:visible;box-sizing:border-box;background:rgba(12, 6, 28, 0.72);backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);border:1px solid rgba(255,255,255,0.12);box-shadow:0 12px 40px rgba(0,0,0,0.70),0 2px 8px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.15),inset 0 -1px 0 rgba(124,58,237,0.20),0 0 0 1px rgba(124,58,237,0.08)}/* ── Top gloss shine ── */.bottom-nav::before{content:'';position:absolute;top:0;left:3px;right:3px;height:40%;border-radius:99px 99px 20px 20px/99px 99px 10px 10px;background:linear-gradient(180deg,
    rgba(255,255,255,0.10) 0%,
    rgba(255,255,255,0.00) 100%);pointer-events:none;z-index:20}/* ── Mouse glare ── */.nav-glare-wrap{position:absolute;inset:0;border-radius:99px;overflow:hidden;pointer-events:none;z-index:19}.nav-glare{position:absolute;inset:0;opacity:0;transition:opacity 0.25s ease;background:radial-gradient(
    circle 90px at var(--gx,50%) var(--gy,50%),
    rgba(255,255,255,0.10) 0%,
    transparent 100%
  )}/* ── Items row ── */.nav-items-row{position:relative;display:flex;align-items:stretch;gap:4px;flex:1;z-index:3}/* ── Sliding active pill (background) ── */.nav-pill-bg{position:absolute;top:0;left:0;height:100%;width:0;border-radius:99px;background:linear-gradient(135deg,
    rgba(100, 30, 180, 0.90) 0%,
    rgba(50, 90, 220, 0.85) 100%);border:1px solid rgba(255,255,255,0.20);box-shadow:0 0 16px rgba(124,58,237,0.65),0 0 32px rgba(56,189,248,0.20),inset 0 1px 0 rgba(255,255,255,0.25),inset 0 -1px 0 rgba(0,0,0,0.15);will-change:transform,width;transition:transform 0.38s cubic-bezier(0.22, 0.72, 0.22, 1),width 0.38s cubic-bezier(0.22, 0.72, 0.22, 1);z-index:1;pointer-events:none}/* ── Each nav segment ── */.nav-item{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;/* সমান width সবার */min-width:0;height:54px;border-radius:99px;text-decoration:none;color:rgba(160,170,220,0.45);-webkit-tap-highlight-color:transparent;cursor:pointer;transition:color 0.25s ease;overflow:hidden;will-change:color;user-select:none;-webkit-user-select:none}.nav-item.active{color:#ffffff}/* ── Icon ── */.btn-content{display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none;transition:transform 0.22s cubic-bezier(0.22,0.72,0.22,1)}.nav-item:active .btn-content{transform:scale(0.90)}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;transition:filter 0.32s ease,transform 0.32s cubic-bezier(0.22,0.72,0.22,1)}.nav-item.active .btn-icon{filter:drop-shadow(0 0 5px rgba(56,189,248,0.72)) drop-shadow(0 0 10px rgba(124,58,237,0.50));transform:translateY(-1px) scale(1.06)}/* ── Label always visible, small ── */.btn-label{font-size:10px;font-weight:600;letter-spacing:0.3px;white-space:nowrap;opacity:0.55;transition:opacity 0.25s ease,transform 0.25s ease;line-height:1}.nav-item.active .btn-label{opacity:1}/* ── No divider needed (separate segments) ── */.nav-divider{display:none}/* ── Tap ripple ── */@keyframes afRipple{0%{transform:scale(0);opacity:0.32}100%{transform:scale(4.2);opacity:0}}.nav-ripple{position:absolute;border-radius:50%;width:36px;height:36px;background:radial-gradient(circle,
    rgba(56,189,248,0.35), rgba(124,58,237,0.18));pointer-events:none;z-index:5;animation:afRipple 0.65s ease-out forwards}/* ── GLASS CARDS ─────────────────────────────────── */.glass-card{background:linear-gradient(145deg, rgba(255,255,255,0.11) 0%, rgba(124,58,237,0.08) 45%, rgba(56,189,248,0.05) 100%);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,0.20);border-radius:14px;box-shadow:0 6px 28px rgba(0,0,0,0.55),0 1px 0 rgba(255,255,255,0.14) inset,0 -1px 0 rgba(0,0,0,0.18) inset;transition:all 0.3s}.glass-card:hover{border-color:rgba(255,255,255,0.32);box-shadow:0 12px 40px rgba(0,0,0,0.60),0 0 0 1px rgba(56,189,248,0.35),0 0 24px rgba(124,58,237,0.18),0 1px 0 rgba(255,255,255,0.18) inset;background:linear-gradient(145deg, rgba(255,255,255,0.16) 0%, rgba(124,58,237,0.11) 45%, rgba(56,189,248,0.07) 100%)}/* ── BUTTONS ─────────────────────────────────────── */.btn-primary{background:linear-gradient(135deg, var(--galaxy-deep) 0%, var(--galaxy) 50%, #9d5cf5 100%);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-weight:700;font-size:15px;cursor:pointer;transition:all 0.3s;font-family:'Orbitron',monospace;letter-spacing:1.5px;width:100%;text-align:center;display:block;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(124,58,237,0.5),inset 0 1px 0 rgba(255,255,255,0.12);border:1px solid rgba(56,189,248,0.3)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(56,189,248,0.3), rgba(232,121,249,0.2), transparent);transition:left 0.55s}.btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,0.08) 0%, transparent 50%);pointer-events:none}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(124,58,237,0.65),0 0 0 1px rgba(56,189,248,0.4),var(--glow-neon)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px rgba(124,58,237,0.5)}.btn-primary:disabled{opacity:0.5;cursor:not-allowed;transform:none}/* ── POPUP ───────────────────────────────────────── */.popup-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.9);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:20px}.popup-overlay.show{display:flex;animation:fadeIn 0.3s}.popup-box{background:rgba(13,12,34,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(124,58,237,0.40);border-radius:20px;padding:28px;max-width:340px;width:100%;position:relative;animation:slideUp 0.35s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 20px 60px rgba(0,0,0,0.8),0 0 40px rgba(124,58,237,0.15),inset 0 1px 0 rgba(255,255,255,0.06)}/* ── SKELETON ────────────────────────────────────── */.skeleton{background:linear-gradient(90deg,
    rgba(124,58,237,0.05) 25%,
    rgba(56,189,248,0.1) 50%,
    rgba(124,58,237,0.05) 75%);background-size:200% 100%;animation:skeleton 1.6s ease-in-out infinite;border-radius:8px}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}img.img-lazy{opacity:0;transition:opacity 0.4s ease}img.img-lazy.loaded{opacity:1}/* ══════════════════════════════════════════════════════
   PRODUCT CARD — Premium Apple Liquid Glass
   ══════════════════════════════════════════════════════ */@keyframes cardShimmer{0%{transform:translateX(-100%) skewX(-15deg)}100%{transform:translateX(250%) skewX(-15deg)}}@keyframes cardGlow{0%,100%{box-shadow:0 8px 32px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.13) inset}50%{box-shadow:0 8px 32px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.18) inset,0 0 14px rgba(124,58,237,0.08)}}.product-card{text-decoration:none;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;cursor:pointer;position:relative;isolation:isolate;/* Multi-layer liquid glass */background:linear-gradient(145deg,
      rgba(255,255,255,0.13) 0%,
      rgba(255,255,255,0.04) 30%,
      rgba(124,58,237,0.07) 65%,
      rgba(56,189,248,0.05) 100%
    );/* backdrop-filter সরানো হয়েছে — এটা container-এর ভেতরের image-কেও blur/desaturate করছিল।
     glass effect শুধু .card-label (নিচের টেক্সট অংশ) এ থাকবে, যাতে image crisp ও original color থাকে। *//* Glass border — bright top, subtle sides */border:1px solid rgba(255,255,255,0.22);border-bottom-color:rgba(255,255,255,0.08);/* Depth shadows */box-shadow:0 2px 0 rgba(255,255,255,0.18) inset,0 -1px 0 rgba(0,0,0,0.3) inset,1px 0 0 rgba(255,255,255,0.08) inset,0 6px 24px rgba(0,0,0,0.5),0 1px 3px rgba(0,0,0,0.3);/* top shine *//* bottom depth *//* left edge *//* drop shadow */animation:cardGlow 6s ease-in-out infinite;will-change:auto;transition:transform 0.32s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.32s ease,border-color 0.32s ease}/* ── Shimmer sweep on hover ── */.product-card::before{content:'';position:absolute;inset:0;z-index:10;background:linear-gradient(
    105deg,
    transparent 30%,
    rgba(255,255,255,0.18) 50%,
    transparent 70%
  );transform:translateX(-100%) skewX(-15deg);pointer-events:none;transition:none}.product-card:hover::before{animation:cardShimmer 0.65s ease forwards}/* ── Top glass gloss layer — সরানো হয়েছে, image-কে wash-out করছিল ── *//* ── Hover / Active ── */@media (hover: hover){.product-card:hover{transform:translateY(-5px) scale(1.03);border-color:rgba(255,255,255,0.38);border-bottom-color:rgba(255,255,255,0.12);box-shadow:0 2px 0 rgba(255,255,255,0.25) inset,0 -1px 0 rgba(0,0,0,0.25) inset,0 16px 40px rgba(0,0,0,0.6),0 0 0 1px rgba(56,189,248,0.35),0 0 28px rgba(124,58,237,0.25),0 0 50px rgba(124,58,237,0.10);animation:none}.product-card:hover .card-img-wrap img{transform:scale(1.06)}}.product-card:active{transform:scale(0.96);box-shadow:0 2px 12px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.10) inset}/* ── Image wrap ── */.product-card .card-img-wrap{width:100%;aspect-ratio:1/1;overflow:hidden;position:relative;flex-shrink:0;background:linear-gradient(135deg, rgba(124,58,237,0.15), rgba(8,8,26,0.95));animation:skeleton 1.6s ease-in-out infinite}.product-card .card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94),opacity 0.3s ease}.product-card .card-img-wrap img.loaded{animation:none}/* Subtle bottom gradient — image-কে dark করবে না, শুধু label-এর সাথে smooth transition দেবে */.product-card .card-img-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:18%;background:linear-gradient(to top,
    rgba(4,4,14,0.45) 0%,
    transparent 100%
  );pointer-events:none;z-index:1}/* ── Label / Name area ── */.product-card .card-label{background:linear-gradient(
    180deg,
    rgba(255,255,255,0.08) 0%,
    rgba(6,5,18,0.82) 100%
  );backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);border-top:1px solid rgba(255,255,255,0.16);padding:9px 8px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;position:relative;z-index:4}/* Tiny inner gloss on label */.product-card .card-label::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);pointer-events:none}.product-card .card-name{font-size:12px;font-weight:800;color:#ffffff;font-family:'Rajdhani',sans-serif;letter-spacing:0.6px;line-height:1.2;text-align:center;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,0.8),0 0 12px rgba(124,58,237,0.3)}.product-card .card-tag{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--neon);font-family:'Orbitron',monospace;text-transform:uppercase}/* ── ANIMATIONS ─────────────────────────────────── */@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(40px) scale(0.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pulse{0%,100%{opacity:0.92}50%{opacity:1}}@keyframes shimmer{0%,100%{opacity:0.82}50%{opacity:1}}@keyframes cosmicFlare{0%,100%{opacity:0.9}50%{opacity:1}}@keyframes slideInLeft{from{transform:translateX(-120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes confettiFall{0%{top:-10px;opacity:1}100%{top:110vh;opacity:0;transform:rotate(720deg) translateX(var(--drift,0px))}}@keyframes orbit{0%{transform:rotate(0deg) translateX(60px) rotate(0deg)}100%{transform:rotate(360deg) translateX(60px) rotate(-360deg)}}/* ── TOAST ───────────────────────────────────────── */#toast{position:fixed;top:75px;left:50%;transform:translateX(-50%);z-index:9999;padding:11px 22px;border-radius:25px;font-size:13px;font-weight:700;display:none;white-space:nowrap;max-width:90vw;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,0.7);font-family:'Rajdhani',sans-serif;letter-spacing:0.3px}#toast.success{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 20px rgba(16,185,129,0.4)}#toast.error{background:linear-gradient(135deg,var(--galaxy-deep),var(--galaxy));color:#fff;box-shadow:0 4px 20px rgba(124,58,237,0.5)}#toast.warning{background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;box-shadow:0 4px 20px rgba(56,189,248,0.4)}/* ── STATUS BADGES ───────────────────────────────── */.status-pending{background:rgba(250,204,21,0.12);color:#fbbf24;border:1px solid rgba(250,204,21,0.3);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;white-space:nowrap}.status-complete{background:rgba(16,185,129,0.12);color:#10b981;border:1px solid rgba(16,185,129,0.3);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;white-space:nowrap}.status-stopped{background:rgba(250,204,21,0.12);color:#facc15;border:1px solid rgba(250,204,21,0.3);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;white-space:nowrap}.status-cancelled{background:rgba(239,68,68,0.13);color:#ff5c5c;border:1px solid rgba(239,68,68,0.38);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;white-space:nowrap}/* ── INPUTS ──────────────────────────────────────── */.input-field{width:100%;background:rgba(5,5,20,0.85);border:1.5px solid rgba(124,58,237,0.4);border-radius:10px;padding:13px 16px;color:var(--text-main);font-size:14px;outline:none;transition:all 0.3s;font-family:'Rajdhani',sans-serif}.input-field:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(56,189,248,0.15),0 0 20px rgba(56,189,248,0.1);background:rgba(8,8,30,0.95)}.input-field::placeholder{color:rgba(200,210,255,0.3)}/* ── SLIDER ──────────────────────────────────────── */.slider-container{position:relative;overflow:hidden;border-radius:18px;box-shadow:0 8px 32px rgba(0,0,0,0.7),0 0 0 1px rgba(124,58,237,0.2);min-height:185px;background:linear-gradient(135deg, rgba(124,58,237,0.12), rgba(8,8,26,0.9))}.slider-track{display:flex;width:100%;transition:transform 0.55s cubic-bezier(0.25,0.46,0.45,0.94);will-change:transform;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}.slider-container:active .slider-track{cursor:grabbing}.slider-track > a{flex:0 0 100%;min-width:100%;display:block}.slider-track img{width:100%;min-width:100%;height:185px;object-fit:cover;border-radius:18px;display:block}.slider-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.slider-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.2);transition:all 0.3s;cursor:pointer}.slider-dot.active{background:var(--neon);width:22px;border-radius:3px;box-shadow:0 0 10px rgba(56,189,248,0.8)}/* ── SECTION TITLE ───────────────────────────────── */.section-title{font-family:'Orbitron',monospace;font-weight:700;font-size:14px;color:var(--text-bright);margin-bottom:14px;display:flex;align-items:center;gap:10px;letter-spacing:1px}.section-title::before{content:'';width:3px;height:18px;background:linear-gradient(180deg, var(--neon), var(--galaxy));border-radius:2px;display:inline-block;flex-shrink:0;box-shadow:0 0 8px rgba(56,189,248,0.6)}/* ── PACKAGE CARD — Apple Liquid Glass ──────────────── */.pkg-card{/* Liquid Glass base */background:linear-gradient(
    145deg,
    rgba(255,255,255,0.09) 0%,
    rgba(124,58,237,0.07) 50%,
    rgba(56,189,248,0.05) 100%
  );backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,0.15);border-radius:14px;padding:13px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.12) inset,0 -1px 0 rgba(0,0,0,0.2) inset;transition:border-color 0.28s,box-shadow 0.28s,background 0.28s,transform 0.28s;position:relative;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-backface-visibility:hidden}/* Top gloss */.pkg-card::after{content:'';position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(
    180deg,
    rgba(255,255,255,0.14) 0%,
    rgba(255,255,255,0.03) 70%,
    transparent 100%
  );border-radius:14px 14px 0 0;pointer-events:none;z-index:0;opacity:0;transition:opacity 0.25s}.pkg-card:hover::after,.pkg-card.selected::after{opacity:1}/* Left accent bar (selected) */.pkg-card::before{content:'';flex-shrink:0;width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,0.25);background:rgba(5,5,20,0.7);backdrop-filter:blur(8px);transition:all 0.25s;display:inline-block;box-shadow:0 1px 0 rgba(255,255,255,0.1) inset}.pkg-card:hover{border-color:rgba(255,255,255,0.28);background:linear-gradient(
    145deg,
    rgba(255,255,255,0.14) 0%,
    rgba(124,58,237,0.12) 50%,
    rgba(56,189,248,0.08) 100%
  );transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 0 1px rgba(56,189,248,0.3),0 0 20px rgba(124,58,237,0.15),0 1px 0 rgba(255,255,255,0.16) inset}.pkg-card.selected{border-color:rgba(56,189,248,0.7);background:linear-gradient(
    145deg,
    rgba(255,255,255,0.14) 0%,
    rgba(56,189,248,0.10) 50%,
    rgba(124,58,237,0.12) 100%
  );box-shadow:0 0 0 2px rgba(56,189,248,0.4),0 10px 32px rgba(124,58,237,0.35),0 0 28px rgba(56,189,248,0.18),0 1px 0 rgba(255,255,255,0.18) inset;transform:translateY(-1px)}.pkg-card.selected::before{border-color:var(--neon);background:radial-gradient(circle, var(--neon) 42%, rgba(5,5,20,0.9) 47%);box-shadow:0 0 0 3px rgba(56,189,248,0.2),0 0 12px rgba(56,189,248,0.5)}.pkg-card-inner{display:flex;flex-direction:column;flex:1;gap:2px}.pkg-name{font-weight:700;font-size:13px;color:var(--text-main);font-family:'Rajdhani',sans-serif;line-height:1.3}.pkg-price{font-size:13px;font-weight:800;color:var(--neon);font-family:'Orbitron',monospace;letter-spacing:0.3px;text-shadow:0 0 12px rgba(56,189,248,0.6);font-size:12px}/* Grouped row card (Level Service) */.pkg-card.pkg-row::before{display:none !important}.pkg-card.pkg-row{border-radius:0;border:none;background:transparent;box-shadow:none;padding:12px 14px}.pkg-card.pkg-row:hover{transform:none;background:rgba(56,189,248,0.04);box-shadow:none;border-color:transparent}.pkg-card.pkg-row.selected{transform:none;border:none;background:rgba(56,189,248,0.08);box-shadow:none}.pkg-card.pkg-row.selected .pkg-radio{border-color:var(--neon) !important}.pkg-card.pkg-row.selected .pkg-radio-dot{opacity:1 !important;background:var(--neon) !important}/* ── PAYMENT CARD — image only, no radio dot, no text label ─────── */.payment-card{flex-direction:column !important;justify-content:center !important;align-items:center !important;padding:10px 8px !important;gap:0 !important;min-height:clamp(86px, 24vw, 118px) !important}/* Radio dot সম্পূর্ণ hide — payment card এ লাগবে না */.payment-card::before{display:none !important}/* Image: responsive, centered, transparent, no stretch/crop — text is baked into the artwork itself */.payment-card img{width:100% !important;max-width:240px !important;aspect-ratio:717/443 !important;height:auto !important;object-fit:contain !important;object-position:center !important;display:block !important;margin:auto !important;background:transparent !important}/* ── VISITOR BADGE ───────────────────────────────── */.visitor-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(124,58,237,0.06);border:1px solid rgba(124,58,237,0.25);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--text-main)}.visitor-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:pulse 2.6s ease-in-out infinite;flex-shrink:0;box-shadow:0 0 5px rgba(16,185,129,0.48);will-change:opacity}/* ── LIVE ORDER POPUP ────────────────────────────── */#liveOrderPopup{position:fixed;bottom:80px;left:16px;z-index:500;background:linear-gradient(135deg, rgba(10,8,28,0.97), rgba(8,6,22,0.97));border:1px solid rgba(56,189,248,0.35);border-radius:14px;padding:12px 14px;max-width:240px;display:none;box-shadow:0 8px 32px rgba(0,0,0,0.8),var(--glow-neon);animation:slideInLeft 0.4s ease}/* ── CONFETTI ────────────────────────────────────── */.confetti-piece{position:fixed;top:-10px;width:10px;height:10px;animation:confettiFall 3s linear forwards;z-index:9999;pointer-events:none}/* ── SCROLLBAR ───────────────────────────────────── */::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--galaxy), var(--neon));border-radius:2px}/* ── MAIN CONTENT ────────────────────────────────── */.main-content{padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px));position:relative;z-index:1}.no-select{-webkit-user-select:none;user-select:none}/* ── RESPONSIVE ──────────────────────────────────── */@media(min-width: 768px){/* True desktop/tablet canvas. Desktop-mode browsers on phones expose a wide
     CSS viewport; do not constrain the entire storefront to the mobile 480px
     shell just because the physical device has a touch screen. */.main-content{max-width:1180px;margin:0 auto}.top-header{max-width:1180px;left:auto;transform:none;right:auto;margin-left:auto;margin-right:auto;width:min(1180px, calc(100% - 24px))}.bottom-nav-outer{max-width:760px;left:50%;transform:translateX(-50%);right:auto;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px))}.bottom-nav{margin:0;width:100%;max-width:760px}#liveOrderPopup{left:max(16px, calc(50% - 574px + 16px))}}/* ═════════════════════════════════════════════════════════════
   DESKTOP-SITE MODE — touch devices requesting desktop layout
   Chrome Android may expose a ~980px CSS viewport even on a phone.
   A normal responsive mobile shell then becomes tiny/scaled and feels
   broken. In desktop-site mode we switch to a genuine app-shell:
   persistent sidebar + content canvas + no mobile bottom navigation.
   This is layout-only; no business/payment/order logic is affected.
   ═════════════════════════════════════════════════════════════ */@media (min-width:768px){html.af-desktop-mode body{overflow-x:hidden}html.af-desktop-mode #userSidebar{transform:translateX(0) !important;visibility:visible !important}html.af-desktop-mode #sidebarOverlay{display:none !important}html.af-desktop-mode .top-header{width:calc(100% - 272px) !important;max-width:none !important;margin-left:272px !important;margin-right:0 !important;left:auto !important;right:auto !important;transform:none !important;padding-left:22px;padding-right:22px;height:64px}html.af-desktop-mode .main-content{max-width:none !important;width:calc(100% - 272px) !important;margin-left:272px !important;margin-right:0 !important;padding-left:28px;padding-right:28px;padding-bottom:40px}html.af-desktop-mode .bottom-nav-outer{display:none !important}html.af-desktop-mode .af-premium-footer{width:calc(100% - 272px) !important;margin-left:272px !important;padding:32px 28px 32px !important}html.af-desktop-mode #liveOrderPopup{left:288px !important;right:auto !important;bottom:24px !important}html.af-desktop-mode #userMenu{top:76px !important;right:22px !important;width:270px !important}/* Make storefront grids read like a desktop catalogue instead of a
     stretched phone grid. */html.af-desktop-mode [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important}html.af-desktop-mode .slider-container img{height:220px !important}html.af-desktop-mode .section-title{font-size:20px !important}html.af-desktop-mode .product-card .card-name{font-size:14px !important;font-weight:900 !important}html.af-desktop-mode .product-card .card-tag{font-size:10px !important}/* Orders and informational pages get a comfortable desktop reading width. */html.af-desktop-mode .orders-page{max-width:980px !important;padding:24px 4px 40px !important}html.af-desktop-mode .af-info-page{max-width:980px !important;margin-left:auto !important;margin-right:auto !important}html.af-desktop-mode .af-premium-shell{max-width:980px !important}}/* Wider real desktop screens: retain the same shell without relying on
   touch/desktop-site detection. */@media (min-width:1201px){.top-header{max-width:1180px}.main-content{max-width:1180px}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}/* ── MARQUEE ─────────────────────────────────────── */@keyframes marqueeScroll{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}/* ══════════════════════════════════════════════════
   MOBILE SCROLL PERFORMANCE — GPU budget reduction
   8GB+ = full effects | বাকি সব = reduced
   ══════════════════════════════════════════════════ */@media (max-width: 768px){/* Default mobile (<8GB): সব reduce করা */.top-header{backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;box-shadow:0 2px 16px rgba(0,0,0,0.85) !important}#glass-orbs span{filter:blur(35px) !important;opacity:0.07 !important}#glass-orbs span:nth-child(3){opacity:0.04 !important}#particles-canvas{opacity:0.35 !important}.glass-card{backdrop-filter:blur(7px) saturate(130%) !important;-webkit-backdrop-filter:blur(7px) saturate(130%) !important}/* ── 8GB+ mobile: full premium effects restore ── */html.af-high-end .top-header{backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;box-shadow:0 2px 30px rgba(0,0,0,0.9),0 0 40px rgba(124,58,237,0.08) !important}html.af-high-end #glass-orbs span{filter:blur(80px) !important;opacity:0.12 !important}html.af-high-end #glass-orbs span:nth-child(3){opacity:0.07 !important}html.af-high-end #particles-canvas{opacity:0.65 !important}html.af-high-end .glass-card{backdrop-filter:blur(14px) saturate(160%) !important;-webkit-backdrop-filter:blur(14px) saturate(160%) !important}}/* Very low-end (1GB / dual-core): সব বন্ধ */html.af-very-low-end .top-header{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(5,5,15,0.99) !important;box-shadow:0 1px 0 rgba(124,58,237,0.4) !important}html.af-very-low-end #glass-orbs{display:none !important}html.af-very-low-end #particles-canvas{display:none !important}html.af-very-low-end .glass-card{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(10,8,28,0.97) !important}/* ── LOW-END DEVICE OPTIMIZATIONS (2-3GB, OPPO A54 etc.) ────── */.af-very-low-end .glass-card,.af-low-end .glass-card{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.af-very-low-end #glass-orbs,.af-low-end #glass-orbs{display:none !important}.af-very-low-end #particles-canvas{display:none !important}.af-low-end #particles-canvas{display:none !important}.af-very-low-end body::before,.af-low-end body::before{display:none !important}html.af-very-low-end *,html.af-very-low-end *::before,html.af-very-low-end *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}html.af-low-end{scroll-behavior:auto !important}/* Skip rendering off-screen catalogue cards until they approach the viewport.
   This substantially lowers layout/paint work on long lists without changing UI. */@supports (content-visibility: auto){.product-card,.game-card,.pkg-card,.category-card{content-visibility:auto;contain-intrinsic-size:1px 220px}}.af-very-low-end .product-card,.af-low-end .product-card,.af-very-low-end .game-card,.af-low-end .game-card,.af-very-low-end .pkg-card,.af-low-end .pkg-card{box-shadow:0 1px 6px rgba(0,0,0,0.45) !important;transform:none !important;animation:none !important}/* FIXED: .card-label ছিল না আগে — প্রতিটা product card-এর label-এ backdrop-filter
   চলত low-end device-েও, যেটাই আসলে home page grid scroll করার সময় সবচেয়ে বড়
   GPU খরচ করছিল (২০-৩০টা card একসাথে blur করলে)। */.af-very-low-end .product-card .card-label,.af-low-end .product-card .card-label,.af-very-low-end .section-title,.af-low-end .section-title{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}/* ---- extracted production CSS block ---- *//* ═══════════════════════════════════════════════════════════
   PREMIUM GLASS UI UPGRADE — AFNAAN STORE
   Next-level Glassmorphism · Cosmic Dark Theme
   ═══════════════════════════════════════════════════════════ *//* ── Enhanced Glass Variables ── */:root{--g-blur-sm:blur(8px);--g-blur-md:blur(12px);--g-blur-lg:blur(18px);--g-blur-xl:blur(24px);--g-shine:rgba(255,255,255,0.09);--g-shine2:rgba(255,255,255,0.05);--g-b1:rgba(255,255,255,0.07);--g-b2:rgba(255,255,255,0.14);--g-b3:rgba(255,255,255,0.20)}/* ── Glass Card — Apple Liquid Glass (override) ── */.glass-card{background:linear-gradient(
    145deg,
    rgba(255,255,255,0.13) 0%,
    rgba(124,58,237,0.09) 40%,
    rgba(56,189,248,0.06) 100%
  ) !important;backdrop-filter:blur(14px) saturate(160%) !important;-webkit-backdrop-filter:blur(14px) saturate(160%) !important;border:1px solid rgba(255,255,255,0.22) !important;box-shadow:0 8px 32px rgba(0,0,0,0.55),0 1px 0 rgba(255,255,255,0.16) inset,0 -1px 0 rgba(0,0,0,0.22) inset !important}.glass-card:hover{background:linear-gradient(
    145deg,
    rgba(255,255,255,0.18) 0%,
    rgba(124,58,237,0.12) 40%,
    rgba(56,189,248,0.08) 100%
  ) !important;border-color:rgba(255,255,255,0.36) !important;box-shadow:0 16px 48px rgba(0,0,0,0.65),0 0 0 1px rgba(56,189,248,0.30),0 0 30px rgba(124,58,237,0.18),0 1px 0 rgba(255,255,255,0.20) inset !important}/* ── Product Card — Apple Liquid Glass (override) ── */.product-card{background:linear-gradient(145deg,
      rgba(255,255,255,0.13) 0%,
      rgba(255,255,255,0.04) 30%,
      rgba(124,58,237,0.07) 65%,
      rgba(56,189,248,0.05) 100%
    ) !important;/* backdrop-filter সরানো হয়েছে — image-কে original color/sharpness রাখার জন্য।
     glass effect শুধু .card-label (নিচের টেক্সট অংশ) এ থাকবে। */border:1px solid rgba(255,255,255,0.22) !important;border-bottom-color:rgba(255,255,255,0.08) !important;box-shadow:0 2px 0 rgba(255,255,255,0.18) inset,0 -1px 0 rgba(0,0,0,0.3) inset,0 6px 24px rgba(0,0,0,0.5) !important}.product-card:hover{border-color:rgba(255,255,255,0.38) !important;box-shadow:0 2px 0 rgba(255,255,255,0.25) inset,0 16px 40px rgba(0,0,0,0.6),0 0 0 1px rgba(56,189,248,0.35),0 0 28px rgba(124,58,237,0.25) !important}.product-card .card-label{background:linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(6,5,18,0.82) 100%) !important;backdrop-filter:blur(8px) saturate(150%) !important;-webkit-backdrop-filter:blur(8px) saturate(150%) !important;border-top:1px solid rgba(255,255,255,0.16) !important}/* ── Package Card — Apple Liquid Glass (override) ── */.pkg-card{background:linear-gradient(
    145deg,
    rgba(255,255,255,0.11) 0%,
    rgba(124,58,237,0.08) 50%,
    rgba(56,189,248,0.06) 100%
  ) !important;backdrop-filter:blur(10px) saturate(150%) !important;-webkit-backdrop-filter:blur(10px) saturate(150%) !important;border:1px solid rgba(255,255,255,0.18) !important;box-shadow:0 4px 22px rgba(0,0,0,0.50),0 1px 0 rgba(255,255,255,0.14) inset,0 -1px 0 rgba(0,0,0,0.22) inset !important}.pkg-card:hover{background:linear-gradient(
    145deg,
    rgba(255,255,255,0.16) 0%,
    rgba(124,58,237,0.12) 50%,
    rgba(56,189,248,0.08) 100%
  ) !important;border-color:rgba(255,255,255,0.30) !important;box-shadow:0 12px 34px rgba(0,0,0,0.55),0 0 0 1px rgba(56,189,248,0.35),0 0 22px rgba(124,58,237,0.18),0 1px 0 rgba(255,255,255,0.18) inset !important}.pkg-card.selected{background:linear-gradient(
    145deg,
    rgba(255,255,255,0.16) 0%,
    rgba(56,189,248,0.12) 50%,
    rgba(124,58,237,0.14) 100%
  ) !important;border-color:rgba(56,189,248,0.75) !important;box-shadow:0 0 0 2px rgba(56,189,248,0.45),0 12px 36px rgba(124,58,237,0.38),0 0 32px rgba(56,189,248,0.20),0 1px 0 rgba(255,255,255,0.22) inset !important}/* ── Header — Deep Frosted ── */.top-header{background:linear-gradient(135deg,
    rgba(5,5,15,0.88) 0%,
    rgba(10,8,28,0.92) 100%) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border-bottom:1px solid rgba(255,255,255,0.06) !important;box-shadow:0 2px 40px rgba(0,0,0,0.90),0 0 60px rgba(124,58,237,0.07),inset 0 -1px 0 rgba(124,58,237,0.25) !important}/* ── Popup Box — Deep Frosted ── */.popup-box{background:linear-gradient(145deg,
    rgba(255,255,255,0.08) 0%,
    rgba(124,58,237,0.07) 35%,
    rgba(13,12,34,0.88) 100%) !important;backdrop-filter:var(--g-blur-xl) !important;-webkit-backdrop-filter:var(--g-blur-xl) !important;border:1px solid rgba(255,255,255,0.10) !important;border-top-color:rgba(255,255,255,0.22) !important;box-shadow:0 24px 70px rgba(0,0,0,0.90),0 0 50px rgba(124,58,237,0.18),inset 0 1px 0 rgba(255,255,255,0.14),inset 0 -1px 0 rgba(0,0,0,0.28) !important}/* ── Input Field — Frosted ── */.input-field{background:linear-gradient(140deg,
    rgba(255,255,255,0.05) 0%,
    rgba(5,5,20,0.85) 100%) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1.5px solid rgba(124,58,237,0.35) !important;border-top-color:rgba(255,255,255,0.12) !important;box-shadow:inset 0 2px 10px rgba(0,0,0,0.40) !important}.input-field:focus{background:linear-gradient(140deg,
    rgba(56,189,248,0.06) 0%,
    rgba(8,8,30,0.92) 100%) !important;border-color:rgba(56,189,248,0.65) !important;box-shadow:0 0 0 3px rgba(56,189,248,0.14),0 0 28px rgba(56,189,248,0.10),inset 0 2px 8px rgba(0,0,0,0.35) !important}/* ── Slider Container — Frosted ── */.slider-container{backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.08) !important;border-top-color:rgba(255,255,255,0.14) !important;box-shadow:0 10px 40px rgba(0,0,0,0.80),inset 0 1px 0 rgba(255,255,255,0.08) !important}/* ── Button Primary — Glass Shine ── */.btn-primary{background:linear-gradient(140deg,
    rgba(91,33,182,0.95) 0%,
    rgba(124,58,237,1.00) 50%,
    rgba(157,92,245,0.95) 100%) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.14) !important;border-top-color:rgba(255,255,255,0.28) !important;box-shadow:0 4px 20px rgba(124,58,237,0.50),0 0 0 1px rgba(56,189,248,0.14),inset 0 1px 0 rgba(255,255,255,0.22),inset 0 -1px 0 rgba(0,0,0,0.28) !important}.btn-primary:hover{box-shadow:0 12px 38px rgba(124,58,237,0.65),0 0 0 1px rgba(56,189,248,0.42),0 0 32px rgba(56,189,248,0.22),inset 0 1px 0 rgba(255,255,255,0.25),inset 0 -1px 0 rgba(0,0,0,0.22) !important;border-top-color:rgba(56,189,248,0.50) !important}/* ── User Menu — Frosted ── */#userMenu{background:linear-gradient(150deg,
    rgba(255,255,255,0.08) 0%,
    rgba(13,13,34,0.92) 40%,
    rgba(10,10,28,0.97) 100%) !important;backdrop-filter:var(--g-blur-xl) !important;-webkit-backdrop-filter:var(--g-blur-xl) !important;border:1px solid rgba(255,255,255,0.10) !important;border-top-color:rgba(255,255,255,0.22) !important;box-shadow:0 24px 60px rgba(0,0,0,0.95),0 0 40px rgba(124,58,237,0.18),inset 0 1px 0 rgba(255,255,255,0.14) !important}/* ── Live Order Popup — Frosted ── */#liveOrderPopup{background:linear-gradient(140deg,
    rgba(255,255,255,0.07) 0%,
    rgba(10,8,28,0.94) 100%) !important;backdrop-filter:var(--g-blur-md) !important;-webkit-backdrop-filter:var(--g-blur-md) !important;border:1px solid rgba(56,189,248,0.30) !important;border-top-color:rgba(56,189,248,0.50) !important;box-shadow:0 10px 40px rgba(0,0,0,0.85),0 0 28px rgba(56,189,248,0.22),inset 0 1px 0 rgba(255,255,255,0.10) !important}/* ── Header Wallet — Glass Pill ── */.header-wallet{background:linear-gradient(135deg,
    rgba(56,189,248,0.12) 0%,
    rgba(124,58,237,0.09) 100%) !important;backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;border:1px solid rgba(56,189,248,0.28) !important;border-top-color:rgba(255,255,255,0.18) !important;box-shadow:0 2px 14px rgba(56,189,248,0.12),inset 0 1px 0 rgba(255,255,255,0.12) !important}.header-wallet:hover{background:linear-gradient(135deg,
    rgba(56,189,248,0.22) 0%,
    rgba(124,58,237,0.18) 100%) !important;box-shadow:0 4px 22px rgba(56,189,248,0.28),inset 0 1px 0 rgba(255,255,255,0.16) !important}/* ── Header Avatar — Glass ── */.header-avatar{background:linear-gradient(140deg,
    rgba(255,255,255,0.10) 0%,
    rgba(124,58,237,0.25) 50%,
    rgba(91,33,182,0.95) 100%) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border:2px solid rgba(255,255,255,0.16) !important;box-shadow:0 2px 16px rgba(124,58,237,0.35),inset 0 1px 0 rgba(255,255,255,0.22) !important}/* ── Status Badges — Frosted ── */.status-pending{background:linear-gradient(135deg, rgba(251,191,36,0.14), rgba(251,191,36,0.06)) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;border:1px solid rgba(251,191,36,0.35) !important;box-shadow:0 2px 10px rgba(251,191,36,0.12) !important}.status-complete{background:linear-gradient(135deg, rgba(16,185,129,0.14), rgba(16,185,129,0.06)) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;border:1px solid rgba(16,185,129,0.35) !important;box-shadow:0 2px 10px rgba(16,185,129,0.14) !important}.status-cancelled{background:linear-gradient(135deg, rgba(239,68,68,0.18), rgba(127,29,29,0.08)) !important;color:#ff5c5c !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;border:1px solid rgba(239,68,68,0.44) !important;box-shadow:0 2px 12px rgba(239,68,68,0.16) !important}/* ── Toast — Glass ── */#toast.success{background:linear-gradient(135deg, rgba(5,150,105,0.92), rgba(16,185,129,0.88)) !important;backdrop-filter:var(--g-blur-md) !important;-webkit-backdrop-filter:var(--g-blur-md) !important;border:1px solid rgba(255,255,255,0.16) !important;border-top-color:rgba(255,255,255,0.28) !important;box-shadow:0 8px 28px rgba(16,185,129,0.45),inset 0 1px 0 rgba(255,255,255,0.20) !important}#toast.error{background:linear-gradient(135deg, rgba(91,33,182,0.92), rgba(124,58,237,0.88)) !important;backdrop-filter:var(--g-blur-md) !important;-webkit-backdrop-filter:var(--g-blur-md) !important;border:1px solid rgba(255,255,255,0.14) !important;border-top-color:rgba(255,255,255,0.24) !important;box-shadow:0 8px 28px rgba(124,58,237,0.50),inset 0 1px 0 rgba(255,255,255,0.18) !important}#toast.warning{background:linear-gradient(135deg, rgba(2,132,199,0.92), rgba(56,189,248,0.88)) !important;backdrop-filter:var(--g-blur-md) !important;-webkit-backdrop-filter:var(--g-blur-md) !important;border:1px solid rgba(255,255,255,0.14) !important;border-top-color:rgba(255,255,255,0.24) !important;box-shadow:0 8px 28px rgba(56,189,248,0.45),inset 0 1px 0 rgba(255,255,255,0.18) !important}/* ── Visitor Badge — Frosted ── */.visitor-badge{background:linear-gradient(135deg,
    rgba(255,255,255,0.07) 0%,
    rgba(124,58,237,0.06) 100%) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.10) !important;border-top-color:rgba(255,255,255,0.18) !important;box-shadow:0 2px 12px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.09) !important}/* ── Slider Dot — Frosted ── */.slider-dot{background:rgba(255,255,255,0.22) !important;border:1px solid rgba(255,255,255,0.15) !important;backdrop-filter:blur(4px) !important}.slider-dot.active{background:linear-gradient(90deg, var(--neon), rgba(56,189,248,0.80)) !important;border-color:rgba(56,189,248,0.55) !important;box-shadow:0 0 14px rgba(56,189,248,0.85),0 0 4px rgba(255,255,255,0.40) !important}/* ── Section Title Accent ── */.section-title::before{background:linear-gradient(180deg,
    rgba(255,255,255,0.90) 0%,
    var(--neon) 40%,
    var(--galaxy) 100%) !important;box-shadow:0 0 14px rgba(56,189,248,0.80),0 0 5px rgba(255,255,255,0.45) !important}/* ── Shimmer utility ── */@keyframes glassShimmer{0%{transform:translateX(-100%)}45%{transform:translateX(200%)}100%{transform:translateX(200%)}}.glass-shimmer{position:relative;overflow:hidden}.glass-shimmer::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,0.06) 50%,
    transparent 100%);animation:glassShimmer 4s ease-in-out infinite;pointer-events:none;z-index:0;will-change:transform}/* ── Orbs — Screen Blend ── */#glass-orbs span{mix-blend-mode:screen !important}/* ── Sidebar — Frosted ── */#userSidebar{background:linear-gradient(180deg,
    rgba(8,8,24,0.95) 0%,
    rgba(5,5,15,0.98) 100%) !important;backdrop-filter:var(--g-blur-xl) !important;-webkit-backdrop-filter:var(--g-blur-xl) !important;border-right:1px solid rgba(255,255,255,0.06) !important;box-shadow:8px 0 50px rgba(0,0,0,0.90),inset -1px 0 0 rgba(124,58,237,0.12) !important}/* ---- extracted production CSS block ---- *//* ══════════════════════════════════════════════════
   AFNAAN STORE — PREMIUM FOOTER
   ══════════════════════════════════════════════════ */.af-premium-footer{position:relative;z-index:2;padding:24px 14px 118px;font-family:'Rajdhani',sans-serif}.af-premium-shell{position:relative;max-width:820px;margin:0 auto;padding:28px 20px 22px;text-align:center;border:1px solid rgba(124,58,237,.38);border-radius:28px;background:linear-gradient(145deg,rgba(13,10,34,.94),rgba(7,9,25,.90));box-shadow:0 18px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06),0 0 42px rgba(124,58,237,.10);overflow:hidden}.af-premium-shell:before{content:"";position:absolute;inset:-80px -30%;height:150px;background:radial-gradient(ellipse,rgba(56,189,248,.12),transparent 65%);pointer-events:none}.af-premium-head,.af-premium-socials,.af-premium-divider,.af-premium-brand,.af-premium-copy,.af-premium-links,.af-premium-support{position:relative;z-index:1}.af-premium-kicker{font-family:'Orbitron',sans-serif;font-size:9px;font-weight:800;letter-spacing:3px;color:#67e8f9;margin-bottom:8px}.af-premium-title{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:800;letter-spacing:1.5px;color:#f5f3ff;text-shadow:0 0 20px rgba(124,58,237,.38)}.af-premium-title span{background:linear-gradient(90deg,#38bdf8,#a78bfa,#e879f9);-webkit-background-clip:text;background-clip:text;color:transparent}.af-premium-subtitle{max-width:560px;margin:8px auto 20px;font-size:13px;line-height:1.45;color:rgba(226,232,255,.58)}.af-premium-socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.af-social-card{min-width:0;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(125,211,252,.16);border-radius:17px;color:#eef2ff;text-decoration:none;text-align:left;background:linear-gradient(145deg,rgba(124,58,237,.12),rgba(15,23,42,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.af-social-card:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.52);box-shadow:0 10px 28px rgba(56,189,248,.10),inset 0 1px 0 rgba(255,255,255,.07)}.af-social-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:12px;background:rgba(124,58,237,.18);border:1px solid rgba(167,139,250,.20);font-size:17px}.af-social-meta{min-width:0;display:flex;flex-direction:column;line-height:1.1}.af-social-meta strong{font-size:14px;font-weight:800;color:#f8fafc}.af-social-meta small{margin-top:4px;font-size:10px;color:rgba(226,232,255,.48);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.af-social-arrow{margin-left:auto;color:#7dd3fc;font-size:17px;opacity:.72}.af-premium-divider{display:flex;align-items:center;gap:10px;margin:24px 0 17px}.af-premium-divider:before,.af-premium-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(124,58,237,.38),transparent)}.af-premium-divider span{width:5px;height:5px;border-radius:50%;background:#67e8f9;box-shadow:0 0 12px rgba(103,232,249,.75)}.af-premium-brand{font-family:'Orbitron',sans-serif;font-size:18px;font-weight:900;letter-spacing:2px;color:#fff}.af-premium-copy{font-size:12px;color:rgba(226,232,255,.54);margin-top:7px}.af-premium-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px 16px;margin:17px auto 13px}.af-premium-links a{font-size:12px;font-weight:700;color:#8bdcff;text-decoration:none;transition:color .18s ease,text-shadow .18s ease}.af-premium-links a:hover{color:#fff;text-shadow:0 0 12px rgba(56,189,248,.65)}.af-premium-support{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;color:rgba(226,232,255,.46)}.af-premium-support a{font-weight:800;color:#c4b5fd;text-decoration:none}.af-support-label{font-size:9px;letter-spacing:1.5px;color:rgba(226,232,255,.56)}.af-support-dot{color:rgba(125,211,252,.5)}.af-copyright{opacity:.55;margin-top:14px}@media(max-width:700px){.af-premium-socials{grid-template-columns:repeat(2,minmax(0,1fr))}.af-premium-shell{padding:25px 14px 20px;border-radius:24px}}@media(max-width:430px){.af-premium-footer{padding:18px 9px 116px}.af-premium-shell{padding:22px 10px 18px}.af-premium-title{font-size:13px;letter-spacing:1px}.af-premium-subtitle{font-size:12px;margin-bottom:16px}.af-premium-socials{gap:8px}.af-social-card{padding:10px 9px;border-radius:15px;gap:8px}.af-social-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:15px}.af-social-meta strong{font-size:12px}.af-social-meta small{font-size:9px}.af-social-arrow{display:none}.af-premium-links{gap:7px 12px}.af-premium-links a{font-size:11px}.af-premium-support{font-size:10px}}/* ---- extracted production CSS block ---- */.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.55s cubic-bezier(0.22,1,0.36,1),transform 0.55s cubic-bezier(0.22,1,0.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.08s}.reveal-delay-2{transition-delay:0.16s}.reveal-delay-3{transition-delay:0.24s}/* ═══════════════════════════════════════════
   STEP 3 — BUTTON & CARD HOVER
   ═══════════════════════════════════════════ */.btn-primary,.af-btn{position:relative;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease,filter 0.2s ease}.btn-primary::after,.af-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,0.08), transparent);opacity:0;transition:opacity 0.2s ease;border-radius:inherit;pointer-events:none}.btn-primary:hover,.af-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px rgba(124,58,237,0.4),0 0 0 1px rgba(56,189,248,0.3);filter:brightness(1.08)}.btn-primary:hover::after,.af-btn:hover::after{opacity:1}.btn-primary:active,.af-btn:active{transform:scale(0.97)}.ripple-effect{position:absolute;border-radius:50%;background:rgba(255,255,255,0.15);transform:scale(0);animation:ripple 0.5s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}/* ═══════════════════════════════════════════
   STEP 4 — MICRO-INTERACTIONS
   ═══════════════════════════════════════════ */.pkg-selected-bounce{animation:pkgBounce 0.35s cubic-bezier(0.36,0.07,0.19,0.97)}@keyframes pkgBounce{0%,100%{transform:scale(1)}30%{transform:scale(1.07)}60%{transform:scale(0.97)}}.balance-flash{animation:balFlash 0.6s ease}@keyframes balFlash{0%{color:inherit;text-shadow:none}40%{color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,0.8)}100%{color:inherit;text-shadow:none}}.success-pop{animation:successPop 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes successPop{0%{transform:scale(0) rotate(-15deg);opacity:0}70%{transform:scale(1.15) rotate(5deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px rgba(56,189,248,0.3),0 0 14px rgba(56,189,248,0.1);border-color:rgba(56,189,248,0.55) !important;transition:box-shadow 0.25s ease,border-color 0.25s ease}/* ---- extracted production CSS block ---- */.help-widget{position:fixed;right:16px;bottom:calc(86px + env(safe-area-inset-bottom, 0px));z-index:99999;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none/* container itself must never intercept taps — only its visible children opt back in below, otherwise the invisible (opacity:0, but still laid out) collapsed option row silently swallows taps meant for page content underneath it */}.help-toggle{position:relative;width:50px;height:50px;pointer-events:auto;border-radius:50%;border:1px solid rgba(255,255,255,0.18);background:linear-gradient(135deg, rgba(157,92,245,0.46) 0%, rgba(124,58,237,0.42) 55%, rgba(76,29,149,0.38) 100%);box-shadow:0 6px 22px rgba(124,58,237,0.38),0 0 0 1px rgba(124,58,237,0.20),inset 0 1px 1px rgba(255,255,255,0.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 0.30s cubic-bezier(0.22,0.72,0.22,1),box-shadow 0.38s ease}.help-toggle:active{transform:scale(0.96)}.help-toggle-ring{position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(124,58,237,0.35);pointer-events:none}.help-toggle-icon{position:absolute;display:flex;align-items:center;justify-content:center;transition:opacity 0.28s ease,transform 0.34s cubic-bezier(0.22,0.72,0.22,1)}.help-icon-close{opacity:0;transform:scale(0.4) rotate(-90deg)}.help-icon-chat{opacity:1;transform:scale(1) rotate(0deg)}.help-widget.open .help-icon-chat{opacity:0;transform:scale(0.4) rotate(90deg)}.help-widget.open .help-icon-close{opacity:1;transform:scale(1) rotate(0deg)}.help-options{display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.help-option{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 14px;border-radius:999px;text-decoration:none;background:linear-gradient(135deg, rgba(20,10,40,0.96) 0%, rgba(10,8,28,0.97) 100%);border:1px solid rgba(124,58,237,0.4);box-shadow:0 8px 24px rgba(0,0,0,0.45),0 0 18px rgba(124,58,237,0.25);color:#fff;font-size:13.5px;font-weight:600;white-space:nowrap;opacity:0;transform:translateY(8px) scale(0.96);transition:opacity 0.30s ease,transform 0.36s cubic-bezier(0.22,0.72,0.22,1)}.help-widget.open .help-options{pointer-events:auto}.help-widget.open .help-option{opacity:1;transform:translateY(0) scale(1)}.help-widget.open .help-option:nth-child(1){transition-delay:0.08s}.help-widget.open .help-option:nth-child(2){transition-delay:0.02s}.help-option-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;flex-shrink:0}.help-whatsapp .help-option-icon{background:linear-gradient(135deg, #25D366, #128C7E);color:#fff;box-shadow:0 0 14px rgba(37,211,102,0.45)}.help-telegram .help-option-icon{background:linear-gradient(135deg, #36A8E6, #1B7FC4);color:#fff;box-shadow:0 0 14px rgba(54,168,230,0.45)}.help-option:active{transform:scale(0.96)}@media (min-width: 768px){.help-widget{bottom:28px;right:24px}}/* ---- final adaptive performance layer ---- *//* Final adaptive performance layer: deliberately last so premium theme overrides cannot
   re-enable expensive blur/continuous effects on weaker phones. */@media (max-width:768px){html:not(.af-high-end) .top-header{backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;box-shadow:0 2px 16px rgba(0,0,0,.82) !important}html:not(.af-high-end) .bottom-nav,html:not(.af-high-end) #userMenu,html:not(.af-high-end) #userSidebar{backdrop-filter:blur(7px) !important;-webkit-backdrop-filter:blur(7px) !important}html.af-low-end .glass-card,html.af-low-end .product-card,html.af-low-end .game-card,html.af-low-end .pkg-card,html.af-low-end .popup-box,html.af-low-end .input-field,html.af-low-end .slider-container,html.af-low-end .header-wallet,html.af-low-end .header-avatar,html.af-low-end .status-pending,html.af-low-end .status-complete,html.af-low-end .status-cancelled,html.af-low-end #toast.success,html.af-low-end #toast.error,html.af-low-end #toast.warning{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.af-low-end #glass-orbs,html.af-low-end #particles-canvas{display:none!important}html.af-low-end .glass-shimmer::after{display:none!important}html.af-low-end .reveal{transition-duration:.32s!important;transition-delay:0s!important}html.af-low-end .btn-primary,html.af-low-end .af-btn,html.af-low-end .product-card,html.af-low-end .pkg-card{transition-duration:.16s!important}}@media (max-width:420px){.top-header{padding-left:10px!important;padding-right:10px!important}.logo-text{letter-spacing:1.25px!important;font-size:10px!important}}@media (prefers-reduced-motion:reduce){#particles-canvas,#glass-orbs,.glass-shimmer::after{display:none!important}}@media (max-width:900px),(pointer:coarse){html.af-mobile-perf #particles-canvas,html.af-mobile-perf #glass-orbs{display:none!important}html.af-mobile-perf *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.af-mobile-perf .top-header,html.af-mobile-perf .bottom-nav,html.af-mobile-perf #userMenu,html.af-mobile-perf #userSidebar,html.af-mobile-perf .glass-card,html.af-mobile-perf .product-card,html.af-mobile-perf .game-card,html.af-mobile-perf .pkg-card,html.af-mobile-perf .popup-box,html.af-mobile-perf .input-field,html.af-mobile-perf .slider-container,html.af-mobile-perf .header-wallet,html.af-mobile-perf .header-avatar,html.af-mobile-perf [style*="backdrop-filter"],html.af-mobile-perf [style*="-webkit-backdrop-filter"]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.af-mobile-perf .product-card,html.af-mobile-perf .game-card,html.af-mobile-perf .pkg-card,html.af-mobile-perf .category-card{content-visibility:visible!important;contain:paint;will-change:auto!important}html.af-mobile-perf .product-card,html.af-mobile-perf .game-card,html.af-mobile-perf .pkg-card,html.af-mobile-perf .glass-card{animation:none!important}html.af-mobile-perf .glass-shimmer::after{display:none!important}html.af-mobile-perf .visitor-dot{animation-duration:2.4s!important}html.af-mobile-perf{scroll-behavior:auto!important}html.af-mobile-perf.af-scrolling *{animation-play-state:paused!important}html.af-mobile-perf.af-scrolling .product-card,html.af-mobile-perf.af-scrolling .game-card,html.af-mobile-perf.af-scrolling .pkg-card,html.af-mobile-perf.af-scrolling .slider-track,html.af-mobile-perf.af-scrolling .bottom-nav,html.af-mobile-perf.af-scrolling .top-header{transition:none!important;filter:none!important}}@media (max-width:420px){html.af-mobile-perf .product-card,html.af-mobile-perf .game-card,html.af-mobile-perf .pkg-card{box-shadow:0 2px 10px rgba(0,0,0,.55) !important}}/* FINAL BOTTOM NAV READABILITY PASS
   Keep every navigation label readable; the active item is highlighted,
   but inactive labels must never become visually invisible. */.bottom-nav .nav-item{color:rgba(235, 240, 255, 0.88)}.bottom-nav .nav-item .btn-label{color:rgba(255, 255, 255, 0.92);opacity:1;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:800;letter-spacing:0.25px;line-height:1.05;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 8px rgba(124,58,237,.16)}.bottom-nav .nav-item.active .btn-label{color:#fff;opacity:1;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.75),0 0 10px rgba(56,189,248,.30)}.bottom-nav .nav-item:not(.active) .btn-icon{color:rgba(220, 228, 255, 0.78);filter:drop-shadow(0 1px 3px rgba(0,0,0,.65))}.bottom-nav .nav-item.active .btn-icon{color:#fff}@media (max-width: 420px){.bottom-nav .nav-item .btn-label{font-size:11px;font-weight:800}}/* FINAL BOTTOM NAV BORDER REFINEMENT
   Slimmer glass edges without changing navigation text/icon readability. */.bottom-nav{border-width:0.75px;border-color:rgba(255,255,255,0.08);box-shadow:0 10px 28px rgba(0,0,0,0.58),0 2px 6px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.10),inset 0 -1px 0 rgba(124,58,237,0.12)}.bottom-nav::before{opacity:.72}.nav-pill-bg{border-width:0.75px;border-color:rgba(255,255,255,0.14);box-shadow:0 0 12px rgba(124,58,237,0.42),0 0 22px rgba(56,189,248,0.12),inset 0 1px 0 rgba(255,255,255,0.18),inset 0 -1px 0 rgba(0,0,0,0.12)}@media (max-width:420px){.bottom-nav{padding:4px}.bottom-nav-outer{padding-left:12px;padding-right:12px}}/* FINAL POLISH — consistent media rendering and restrained profile shell */img{max-width:100%}.page-profile .profile-hero-glass,.page-profile .glass-panel,.page-profile .wallet-glass,.page-profile .profile-notice,.page-profile .stat-glass,.page-profile .action-card,.page-profile .logout-card{border-radius:18px !important}.page-profile .profile-hero-glass{border-color:rgba(255,255,255,.16) !important}@media (max-width: 767px){.page-profile .profile-hero-glass{border-radius:18px !important}.page-profile .profile-liquid-page{padding-bottom:132px !important}}/* LOW-END DEVICE PERFORMANCE MODE
   Automatically enabled by footer JS on devices reporting <=2GB RAM or Save-Data.
   Keeps the visual layout intact while removing expensive blur/animation work. */html.low-power-mode *,html.low-power-mode *::before,html.low-power-mode *::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important}html.low-power-mode [class*="glass"],html.low-power-mode .bottom-nav,html.low-power-mode .modal,html.low-power-mode .dropdown,html.low-power-mode .toast,html.low-power-mode .nav-pill-bg{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:0 2px 10px rgba(0,0,0,.38) !important}html.low-power-mode .product-card,html.low-power-mode .pkg-card,html.low-power-mode .card-glow,html.low-power-mode .visitor-dot{animation:none !important;filter:none !important}html.low-power-mode img{content-visibility:auto}@media (max-width: 767px){.product-grid,.package-grid,.card-grid{contain:content}}.af-premium-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:620px;margin:22px auto}.af-premium-links a{display:flex;align-items:center;gap:8px;padding:12px 10px;border:1px solid rgba(167,139,250,.18);border-radius:12px;background:rgba(167,139,250,.045);font-family:system-ui,sans-serif;font-size:12px;line-height:1.4;text-decoration:none;text-align:left}.af-premium-links a i{color:#bca7ec;width:16px;text-align:center;flex-shrink:0}.af-premium-links a:hover{border-color:rgba(125,211,252,.5);background:rgba(125,211,252,.07)}.af-premium-links a:focus-visible,.af-faq-item summary:focus-visible{outline:2px solid #7dd3fc;outline-offset:3px}@media(min-width:700px){.af-premium-links{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:360px){.af-premium-links{grid-template-columns:repeat(2,minmax(0,1fr))}.af-guide-section{padding:14px}}/* Persistent selection cues: remain visible with mobile effects disabled. */html .pkg-card.selected{border-color:#67e8f9!important;background:linear-gradient(135deg,#173b4d,#28234a) !important;box-shadow:inset 0 0 0 2px #67e8f9!important;transform:none!important}html .pkg-card.selected::before{content:'✓';display:flex;align-items:center;justify-content:center;color:#061a26;font:800 13px/1 system-ui,sans-serif;border-color:#67e8f9;background:#67e8f9;box-shadow:none}html .pkg-card.pkg-row.selected{background:#173b4d!important;box-shadow:inset 3px 0 0 #67e8f9,inset 0 0 0 1px #67e8f9!important}html .pkg-card.pkg-row.selected .pkg-radio{background:#67e8f9!important;border-color:#67e8f9!important}html .pkg-card.pkg-row.selected .pkg-radio-dot{width:auto!important;height:auto!important;background:none!important}html .pkg-card.pkg-row.selected .pkg-radio-dot::after{content:'✓';color:#061a26;font:800 13px/1 system-ui,sans-serif}html .pkg-card.payment-card.selected::before{display:flex!important;position:absolute;right:7px;top:7px;width:23px;height:23px;z-index:2;border:2px solid #061a26}html .af-choice[aria-pressed="true"],html .filter-tab.active-tab{color:#fff!important;border:1px solid #67e8f9!important;background:#253b58!important;box-shadow:inset 0 -3px 0 #67e8f9!important}html .af-choice[aria-pressed="true"]::after,html .filter-tab.active-tab::after{content:'✓';margin-left:5px;color:#a5f3fc;font:800 11px/1 system-ui,sans-serif}html .pkg-card:focus-visible,html .af-choice:focus-visible,html .filter-tab:focus-visible{outline:2px solid #f8fafc;outline-offset:3px}html .amount-choice{justify-content:center;gap:5px;min-width:0;padding:10px 6px!important}html .amount-choice::before{width:14px;height:14px;flex-shrink:0}html .amount-choice>div{font-size:13px;line-height:1.4}/* Failed profile images use the existing initial, without a broken-image label. */.header-avatar [hidden]{display:none!important}/* Persistent desktop-site sidebar: visible, operable and not dismissible. */@media (min-width:768px){html.af-desktop-mode #userSidebar{pointer-events:auto !important}html.af-desktop-mode #userSidebar .af-sidebar-close{display:none !important}html.af-desktop-mode #userSidebar a,html.af-desktop-mode #userSidebar button,html.af-desktop-mode #userSidebar input{pointer-events:auto !important}}/* Narrow desktop-site viewports: preserve a usable product/content canvas. */@media (min-width:768px) and (max-width:1050px){html.af-desktop-mode #userSidebar{width:220px !important}html.af-desktop-mode .top-header,html.af-desktop-mode .main-content,html.af-desktop-mode .af-premium-footer{width:calc(100% - 220px) !important;margin-left:220px !important;box-sizing:border-box}html.af-desktop-mode .main-content{padding-left:14px !important;padding-right:14px !important;min-width:0}html.af-desktop-mode .top-header{padding-left:14px !important;padding-right:14px !important}html.af-desktop-mode #liveOrderPopup{left:236px !important}html.af-desktop-mode .product-card{min-width:0}}/* Immediate, equal-width navigation indicator. No font/network/JS measurement dependency. */.bottom-nav .nav-pill-bg{box-sizing:border-box;width:calc((100% - 12px)/4);transform:translateX(calc((100% + 4px)*var(--nav-index,0)));transition:none;will-change:auto}.bottom-nav .nav-item{touch-action:manipulation;will-change:auto;transition:color .12s ease}.bottom-nav .nav-item .btn-content{transition:transform .08s ease}.bottom-nav .nav-item.is-pending{background:rgba(124,58,237,.14)}@media(pointer:coarse){.bottom-nav .nav-glare-wrap{display:none}}@media(max-width:767px){html.af-mobile-perf .reveal{opacity:1;transform:none;transition:none}}