:root{
    --bg:#F7F7F7;
    --surface:#FFFFFF;
    --surface-alt:#EEF3E1;
    --surface-warm:#FBF7EF;
    --text:#201E1D;
    --text-muted:#726F60;
    --text-faint:#A6A395;
    --line:#E6E1D3;
    --brand:#7C8168;
    --brand-strong:#3A3D31;
    --on-strong:#F7F7F7;
    --accent:#DCEB7D;
    --accent-strong:#B9CE55;
    --on-accent:#2E2B1F;
    --sale:#C1662E;
    --sale-soft:#FBE4D2;
    --ok:#5C7A3B;
    --ok-soft:#E1EECC;
    --danger:#B3492E;
    --danger-soft:#F6DCD3;
    --radius-s:10px;
    --radius-m:16px;
    --radius-l:22px;
    --shadow-card:0 1px 2px rgba(32,30,29,.06), 0 8px 20px -12px rgba(32,30,29,.18);
    --shadow-sheet:0 -8px 30px rgba(32,30,29,.22);
    --font-display:'Caprasimo','Baloo Bhaijaan 2',cursive;
    --font-head:'Baloo Bhaijaan 2','Segoe UI',sans-serif;
    --font-body:'IBM Plex Sans Arabic','Segoe UI',sans-serif;
    --font-num:'Figtree','Segoe UI',sans-serif;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --bg:#171614;
      --surface:#242220;
      --surface-alt:#2C2E22;
      --surface-warm:#26241F;
      --text:#F5F3EC;
      --text-muted:#B3AF9F;
      --text-faint:#7D7A6C;
      --line:#3B392E;
      --brand:#A9B08C;
      --brand-strong:#0F0F0D;
      --on-strong:#F5F3EC;
      --accent:#DCEB7D;
      --accent-strong:#B9CE55;
      --on-accent:#20220F;
      --sale:#E68A52;
      --sale-soft:#3D2A1C;
      --ok:#9FC26E;
      --ok-soft:#26301A;
      --danger:#E08469;
      --danger-soft:#3A241E;
      --shadow-card:0 1px 2px rgba(0,0,0,.3), 0 10px 24px -14px rgba(0,0,0,.6);
      --shadow-sheet:0 -8px 30px rgba(0,0,0,.5);
    }
  }
  :root[data-theme="dark"]{
    --bg:#171614;
    --surface:#242220;
    --surface-alt:#2C2E22;
    --surface-warm:#26241F;
    --text:#F5F3EC;
    --text-muted:#B3AF9F;
    --text-faint:#7D7A6C;
    --line:#3B392E;
    --brand:#A9B08C;
    --brand-strong:#0F0F0D;
    --on-strong:#F5F3EC;
    --accent:#DCEB7D;
    --accent-strong:#B9CE55;
    --on-accent:#20220F;
    --sale:#E68A52;
    --sale-soft:#3D2A1C;
    --ok:#9FC26E;
    --ok-soft:#26301A;
    --danger:#E08469;
    --danger-soft:#3A241E;
    --shadow-card:0 1px 2px rgba(0,0,0,.3), 0 10px 24px -14px rgba(0,0,0,.6);
    --shadow-sheet:0 -8px 30px rgba(0,0,0,.5);
  }
  *{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-body);
    -webkit-font-smoothing:antialiased;
    display:flex;
    justify-content:center;
    min-height:100vh; /* fallback for older browsers */
    min-height:100svh; /* stays put while scrolling — doesn't resize as the phone's browser bar shows/hides */
  }
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:.01ms !important; transition-duration:.01ms !important;}
  }
  a{color:inherit;}
  /* dev brief §2: these are now real <a href> links (crawlable), styled to look exactly like
     the buttons/spans/divs they replaced — this is the one shared reset they all need. */
  a.nav-btn, a.back-btn, a.dk-logo, .dk-nav>a, .dk-nav-cats-panel a, a.dk-cat-tile, a.dk-see-all,
  .dk-footer-col a, a.chip, a.section-link, a.marquee-item, a.store-card-link{text-decoration:none;}
  button{font-family:inherit;}
  input,select,textarea{font-family:inherit; font-size:15px;}
  ::selection{background:var(--accent); color:var(--on-accent);}

  .app-shell{
    width:100%;
    max-width:460px;
    min-height:100vh; /* fallback for older browsers */
    min-height:calc(100svh - 22px); /* a touch shorter, and stays put while scrolling instead of resizing */
    background:var(--bg);
    position:relative;
    display:flex;
    flex-direction:column;
    box-shadow:var(--shadow-card);
  }
  @media (min-width:520px){
    body{padding:28px 12px;}
    .app-shell{min-height:calc(100vh - 56px); min-height:calc(100svh - 76px); border-radius:28px; overflow:hidden;}
  }

  /* ---------- Header ---------- */
  .topbar{
    position:static;
    background:var(--bg);
    padding:calc(14px + env(safe-area-inset-top)) 16px 10px;
    display:flex; flex-direction:column; gap:12px;
    border-bottom:1px solid transparent;
  }
  .brand-row{display:flex; align-items:center; gap:10px;}
  .brand-home{display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit; cursor:pointer;}
  .back-btn{
    display:flex; align-items:center; justify-content:center;
    width:34px; height:34px; border-radius:50%; flex:none;
    background:var(--surface-alt); border:none; cursor:pointer; color:var(--text);
  }
  .brand-mark{
    width:44px; height:44px;
    display:flex; align-items:center; justify-content:center;
    flex:none;
  }
  .brand-mark svg{display:block;}
  .brand-word{
    font-family:var(--font-display);
    font-size:21px;
    letter-spacing:.3px;
    color:var(--text);
  }
  .brand-tag{
    font-family:var(--font-body);
    font-size:11px;
    color:var(--text-muted);
    text-align:end;
    max-width:108px;
    line-height:1.4;
  }
  .toggle-group{
    margin-inline-start:auto;
    display:flex; align-items:center; gap:6px; flex:none;
  }
  .theme-toggle{
    width:32px; height:32px; border-radius:50%; flex:none;
    border:1px solid var(--line); background:var(--surface); color:var(--text);
    display:flex; align-items:center; justify-content:center; cursor:pointer;
  }
  .theme-toggle svg{width:16px;height:16px;}
  .lang-toggle{
    min-width:32px; height:32px; border-radius:999px; flex:none; padding:0 10px;
    border:1px solid var(--line); background:var(--surface); color:var(--text);
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    font-family:var(--font-head); font-weight:700; font-size:11px; letter-spacing:.3px;
  }
  .search-bar{
    display:flex; align-items:center; gap:8px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:999px;
    padding:10px 14px;
  }
  .search-bar input{
    flex:1; border:none; outline:none; background:transparent; color:var(--text); font-size:14.5px;
  }
  .search-bar input::placeholder{color:var(--text-faint);}
  .search-bar svg{flex:none; color:var(--text-faint);}

  /* ---------- Category grid ----------
     ١٣ سبتمبر ٢٠٢٦: كان شريطًا أفقيًا قابلًا للتمرير — ومع وصول الأقسام إلى عشرة صار
     أغلبها مخفيًا خارج الشاشة. صار شبكة: «الكل» شريط عريض بالأعلى، ثم ١٢ مربعًا
     بأربعة في كل صف، فتظهر كل الأقسام دفعة واحدة بلا تمرير.
     أسماء الأصناف (.chip-rail / .chip) بقيت كما هي عمدًا حتى لا تنكسر الاختبارات. */
  .cat-section-head{padding:14px 16px 8px; text-align:center;}
  .cat-section-head .eyebrow{
    display:block; font-family:var(--font-head); font-size:11px; font-weight:700;
    letter-spacing:.14em; text-transform:uppercase; color:var(--accent-deep,var(--text-faint));
    margin-bottom:4px;
  }
  .cat-section-head h2{
    margin:0; font-family:var(--font-head); font-size:17px; font-weight:700; color:var(--text);
  }
  .chip-rail{
    display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:2px 16px 6px;
  }
  .chip{
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px;
    aspect-ratio:1/1;
    padding:6px 4px;
    border-radius:16px;
    background:var(--surface);
    border:1px solid var(--line);
    color:var(--text);
    font-family:var(--font-head);
    font-size:10.5px;
    line-height:1.25;
    font-weight:600;
    cursor:pointer;
    text-align:center;
    overflow:hidden;
    text-decoration:none;
  }
  .chip .chip-ic{
    display:flex; align-items:center; justify-content:center;
    width:30px; height:30px; border-radius:50%;
    background:var(--bg); color:var(--accent-deep,var(--text));
    flex:none;
  }
  .chip .chip-tx{display:block; width:100%; overflow-wrap:anywhere;}
  /* «الكل» شريط عريض يتصدّر الشبكة */
  .chip-rail .chip.chip-all{
    grid-column:1 / -1;
    aspect-ratio:auto;
    flex-direction:row;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    font-size:13.5px;
  }
  .chip-rail .chip.chip-all .chip-ic{width:22px; height:22px; background:transparent;}
  @media (max-width:340px){ .chip{font-size:9.5px;} .chip .chip-ic{width:26px;height:26px;} }
  .chip.active{background:var(--accent); border-color:var(--accent); color:var(--on-accent);}
  .chip.active .chip-ic{background:rgba(255,255,255,.22); color:var(--on-accent);}
  .chip svg{width:15px;height:15px;}

  .price-filter-row{
    display:flex; align-items:center; gap:8px; padding:4px 16px 8px; flex-wrap:wrap;
  }
  .price-filter-row .pf-label{font-size:11.5px; font-weight:700; color:var(--text-muted); font-family:var(--font-head); flex:none;}
  .price-filter-row input{
    width:64px; padding:7px 9px; border-radius:10px; border:1px solid var(--line);
    background:var(--surface); color:var(--text); font-size:12.5px; outline:none; text-align:center;
  }
  .price-filter-row input:focus{border-color:var(--brand);}
  .price-filter-row .pf-sep{color:var(--text-faint); font-size:12px;}
  .price-filter-row .pf-cur{font-size:11px; color:var(--text-faint); flex:none;}

  /* ---------- Content ---------- */
  .content{flex:1; padding-bottom:96px;}
  .section{padding:18px 16px 4px;}
  .section-head{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:12px;}
  .section-title{font-family:var(--font-head); font-size:17px; font-weight:700; color:var(--text);}
  .section-link{font-size:12.5px; font-weight:600; color:var(--brand); cursor:pointer;}

  .trust-banner{
    margin:14px 16px 4px;
    background:var(--brand-strong);
    color:var(--on-strong);
    border-radius:var(--radius-m);
    padding:16px 18px;
    display:flex; align-items:center; gap:14px;
  }
  .trust-banner .badge-free{
    flex:none;
    background:var(--accent); color:var(--on-accent);
    font-family:var(--font-head); font-weight:700; font-size:11px;
    padding:5px 10px; border-radius:999px;
  }
  .trust-banner p{margin:0; font-size:12.8px; line-height:1.55; color:var(--on-strong); opacity:.92;}
  .trust-banner strong{font-family:var(--font-head); display:block; font-size:14.5px; margin-bottom:3px; opacity:1;}

  .store-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:12px;
  }
  /* Paginated category/explore grid: 2 columns (5 rows per 10-store page) on the mobile-app view,
     same as every other store grid — no longer forced to a single narrow column. The wide desktop
     view still overrides this further below to a wider multi-column auto-fill layout. */
  .pagination-row{display:flex; align-items:center; justify-content:center; gap:14px; margin:18px 0 6px;}
  .page-btn{
    width:36px; height:36px; border-radius:50%; border:1px solid var(--line); background:var(--surface);
    color:var(--text); display:flex; align-items:center; justify-content:center; cursor:pointer;
  }
  .page-btn svg{width:15px;height:15px;}
  .page-btn:disabled{opacity:.35; cursor:default;}
  .page-btn.next svg{transform:none;}
  .page-btn.prev svg{transform:rotate(180deg);}
  [dir="rtl"] .page-btn.next svg{transform:rotate(180deg);}
  [dir="rtl"] .page-btn.prev svg{transform:none;}
  .page-indicator{font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:12.5px; font-weight:700; color:var(--text-muted); min-width:64px; text-align:center;}
  .gate-screen{
    min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:center;
    padding:28px 20px; background:var(--bg); position:relative;
  }
  .gate-toggles{position:absolute; top:calc(16px + env(safe-area-inset-top)); inset-inline-end:16px; display:flex; gap:8px;}
  .gate-card{
    width:100%; max-width:380px; background:var(--surface); border:1px solid var(--line);
    border-radius:var(--radius-l); padding:32px 24px 26px; text-align:center;
    display:flex; flex-direction:column; align-items:center; gap:4px;
  }
  .gate-brand{margin-bottom:10px;}
  .gate-brand svg{width:56px; height:56px;}
  .gate-title{font-family:var(--font-head); font-size:21px; margin:0 0 6px;}
  .gate-subtitle{font-size:13px; line-height:1.6; color:var(--text-muted); margin:0 0 20px;}
  .gate-field{width:100%; margin-bottom:12px;}
  .gate-field input{
    width:100%; box-sizing:border-box; padding:13px 14px; border-radius:var(--radius-m);
    border:1px solid var(--line); background:var(--bg); color:var(--text); font-size:14px; font-family:inherit;
  }
  .gate-field input:focus{outline:none; border-color:var(--brand-strong);}
  .gate-error{color:var(--danger); font-size:12.5px; margin:0 0 12px; width:100%; text-align:start;}
  .gate-submit{width:100%; margin-top:6px;}
  .store-card{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--radius-m);
    padding:0;
    cursor:pointer;
    display:flex; flex-direction:column;
    position:relative;
    overflow:hidden;
    box-shadow:var(--shadow-card);
  }
  .store-card-link{position:absolute; inset:0; z-index:1;}
  .card-banner{position:relative; width:100%; aspect-ratio:16/8.2; background:var(--surface-alt); flex:none;}
  .card-banner-img, .card-banner-placeholder{border-radius:var(--radius-m) var(--radius-m) 0 0;}
  .card-banner-img{width:100%; height:100%; object-fit:cover; display:block;}
  .card-banner-placeholder{width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.7);}
  .card-banner-logo{
    position:absolute; bottom:-20px; inset-inline-start:12px;
    width:52px; height:52px; border-radius:50%;
    border:3px solid var(--surface); background:var(--surface);
    box-shadow:var(--shadow-card);
    overflow:hidden;
  }
  .card-banner-logo .store-logo{width:100%; height:100%; border-radius:50%;}
  .card-body{padding:28px 12px 12px; display:flex; flex-direction:column; gap:8px;}
  .store-card .example-tag{
    position:absolute; top:8px; inset-inline-end:8px;
    background:var(--sale-soft); color:var(--sale);
    font-size:9.5px; font-weight:700; padding:3px 7px; border-radius:6px;
    font-family:var(--font-head);
  }
  .store-logo{
    width:44px; height:44px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-family:var(--font-display); font-size:15px;
    color:var(--on-accent);
    flex:none;
  }
  .store-logo-img{background:var(--surface); border:1px solid var(--line);}
  .store-logo-img img{width:70%; height:70%; object-fit:contain;}

  .logo-marquee-rows{display:flex; flex-direction:column; gap:5px;}
  .logo-marquee{direction:ltr; overflow:hidden; padding:1px 0; -webkit-mask-image:linear-gradient(to left, transparent, #000 6%, #000 94%, transparent); mask-image:linear-gradient(to left, transparent, #000 6%, #000 94%, transparent);}
  /* ١٣ سبتمبر ٢٠٢٦ — إصلاح جذري لدوران الشريط:
     ١) كانت alternate تجعله يرجع للخلف بدل أن يستمر. أُزيلت.
     ٢) والأهم: الصفحة RTL، فالمسار بعرض max-content يلتصق بالحافة اليمنى ويفيض يسارًا.
        ومع تحريكه إلى اليسار (-50%) كان ينسحب خارج الشاشة تمامًا فتظهر مساحة فاضية —
        وهذا ما كان يبدو وكأن «الحركة تنتهي». الحل: تثبيت اتجاه المسار نفسه ltr (بغض
        النظر عن لغة الصفحة) فيلتصق باليسار ويفيض يمينًا، فتدخل النسخة الثانية مكان
        الأولى بلا أي فراغ — ويعمل بالسلوك نفسه في العربية والإنجليزية.
     ٣) أُزيل gap واستُبدل بهامش على كل عنصر: مع gap يصير عرض المسار
        2N عنصرًا + (2N-1) فجوة، فلا يساوي -50% نسخة كاملة بالضبط وتحدث قفزة كل دورة.
        بالهامش يصير كل عنصر ٥٢px تمامًا، فـ-50% = نسخة كاملة = دورة بلا قفزة. */
  .logo-marquee-track{
    display:flex; gap:0; width:max-content;
    animation:shopora-marquee 90s linear infinite;
    will-change:transform;
  }
  .marquee-item{flex:none; cursor:pointer; border:none; background:none; padding:0; margin-right:14px;}
  .store-logo.marquee-logo{width:38px; height:38px; font-size:12px;}
  @keyframes shopora-marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
  @media (prefers-reduced-motion: reduce){
    .logo-marquee{overflow-x:auto; overflow-y:hidden;}
    .logo-marquee-track{animation:none; scrollbar-width:none;}
    .logo-marquee-track::-webkit-scrollbar{display:none;}
  }
  .store-name{font-family:var(--font-head); font-weight:700; font-size:14.5px; color:var(--text);}
  .store-origin{font-size:11.5px; color:var(--text-muted);}
  .origin-flag{display:inline-flex; vertical-align:0;}
  .origin-flag svg{display:block; flex:none;}
  .store-stars{display:flex; gap:1px; font-size:12px; color:var(--accent-strong);}
  .store-stars .off{color:var(--line);}
  .rating-row{display:flex; align-items:center; gap:5px;}
  .rating-count{font-size:11px; color:var(--text-faint);}
  .no-rating{font-size:12px; color:var(--text-faint); font-family:var(--font-head);}
  .badge-row{display:flex; flex-wrap:wrap; gap:5px; margin-top:2px;}
  .badge{
    display:inline-flex; align-items:center; gap:4px;
    font-size:10.5px; font-weight:600; padding:4px 7px; border-radius:7px;
    font-family:var(--font-body);
  }
  .badge svg{width:11px;height:11px;}
  .badge.ok{background:var(--ok-soft); color:var(--ok);}
  .badge.no{background:var(--danger-soft); color:var(--danger);}
  .badge.unclear{background:var(--surface-alt); color:var(--text-muted);}
  .badge.sale{background:var(--sale-soft); color:var(--sale);}
  .badge.tax{background:var(--sale-soft); color:var(--sale);}
  .badge.price{background:var(--surface-alt); color:var(--brand-strong);}
  .fav-btn{
    position:absolute; top:8px; inset-inline-start:8px; z-index:2; /* sits above .store-card-link */
    width:26px; height:26px; border-radius:50%;
    background:rgba(255,255,255,.85); backdrop-filter:blur(2px);
    display:flex; align-items:center; justify-content:center; border:none; cursor:pointer;
    color:var(--danger);
  }
  :root:not([data-theme="light"]) .fav-btn{background:rgba(20,19,17,.65);}
  :root[data-theme="dark"] .fav-btn{background:rgba(20,19,17,.65);}
  .fav-btn svg{width:14px;height:14px;}

  .empty-state{
    text-align:center; padding:48px 24px; color:var(--text-muted);
  }
  .empty-state svg{color:var(--text-faint); margin-bottom:10px;}
  .empty-state h4{font-family:var(--font-head); color:var(--text); margin:0 0 6px;}
  .empty-state p{margin:0; font-size:13px; line-height:1.6;}

  /* ---------- Bottom nav ---------- */
  .bottom-nav{
    position:fixed; bottom:0; left:50%; transform:translateX(-50%);
    width:100%; max-width:460px;
    background:var(--surface);
    border-top:1px solid var(--line);
    display:flex;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom));
    z-index:40;
  }
  .app-shell .bottom-nav{position:absolute;}
  .nav-btn{
    flex:1; display:flex; flex-direction:column; align-items:center; gap:3px;
    background:none; border:none; cursor:pointer; padding:6px 0; color:var(--text-faint);
  }
  .nav-btn svg{width:21px;height:21px;}
  .nav-btn span{font-size:10.5px; font-weight:600; font-family:var(--font-head);}
  .nav-btn.active{color:var(--brand-strong);}
  .nav-btn.active .nav-ic{background:var(--accent); border-radius:10px;}
  .nav-ic{padding:3px 10px; display:flex;}

  /* ---------- Sheet / modal ---------- */
  .overlay{
    position:fixed; inset:0; background:rgba(20,19,17,.5);
    z-index:50; display:flex; align-items:flex-end; justify-content:center;
    opacity:0; pointer-events:none; transition:opacity .2s ease;
  }
  .overlay.open{opacity:1; pointer-events:auto;}
  .sheet{
    width:100%; max-width:460px; max-height:88vh;
    background:var(--surface); border-radius:24px 24px 0 0;
    box-shadow:var(--shadow-sheet);
    display:flex; flex-direction:column;
    transform:translateY(16px);
    transition:transform .22s ease;
    overflow:hidden;
  }
  .overlay.open .sheet{transform:translateY(0);}
  .sheet-handle{width:40px; height:4px; border-radius:99px; background:var(--line); margin:10px auto 2px;}
  .sheet-head{display:flex; align-items:center; justify-content:space-between; padding:10px 18px 4px;}
  .sheet-close{
    width:30px; height:30px; border-radius:50%; border:none; background:var(--surface-alt);
    display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--text);
  }
  /* ١٣ سبتمبر ٢٠٢٦: مساحة آمنة سفلية — في وضع الاختصار يقع شريط الإيماءة أسفل الشاشة فوق
     محتوى الشيت المفتوح؛ هذا يبعده. */
  .sheet-body{overflow-y:auto; padding:6px 20px calc(28px + env(safe-area-inset-bottom));}

  .chat-fab-wrap{position:fixed; bottom:76px; left:50%; transform:translateX(-50%); width:100%; max-width:460px; padding:0 16px; display:flex; justify-content:flex-end; pointer-events:none; z-index:41;}
  .app-shell .chat-fab-wrap{position:absolute;}
  .chat-fab{
    pointer-events:auto; width:52px; height:52px; border-radius:50%; border:none; cursor:pointer;
    background:var(--brand-strong); color:var(--on-strong); box-shadow:var(--shadow-card);
    display:flex; align-items:center; justify-content:center;
  }
  .chat-fab svg{width:23px;height:23px;}
  .chat-overlay{
    position:fixed; inset:0; background:rgba(20,19,17,.5);
    z-index:55; display:flex; align-items:flex-end; justify-content:center;
    opacity:0; pointer-events:none; transition:opacity .2s ease;
  }
  .chat-overlay.open{opacity:1; pointer-events:auto;}
  .chat-sheet{
    width:100%; max-width:460px; height:82vh; max-height:640px;
    background:var(--surface); border-radius:24px 24px 0 0;
    box-shadow:var(--shadow-sheet);
    display:flex; flex-direction:column;
    transform:translateY(16px);
    transition:transform .22s ease;
    overflow:hidden;
  }
  .chat-overlay.open .chat-sheet{transform:translateY(0);}
  .chat-head{display:flex; align-items:center; justify-content:space-between; padding:14px 16px 10px; border-bottom:1px solid var(--line); flex:none;}
  .chat-head-title{display:flex; align-items:center; gap:9px;}
  .chat-head-title .chat-bot-ic{width:34px; height:34px; border-radius:50%; background:var(--accent); color:var(--on-accent); display:flex; align-items:center; justify-content:center; flex:none;}
  .chat-head-title .chat-bot-ic svg{width:17px;height:17px;}
  .chat-head-title strong{font-family:var(--font-head); font-size:14.5px; color:var(--text); display:block;}
  .chat-head-title small{font-size:10.5px; color:var(--text-faint);}
  .chat-head-actions{display:flex; align-items:center; gap:6px;}
  .chat-icon-btn{width:28px; height:28px; border-radius:50%; border:none; background:var(--surface-alt); color:var(--text); display:flex; align-items:center; justify-content:center; cursor:pointer;}
  .chat-icon-btn svg{width:14px;height:14px;}
  .chat-messages{flex:1; overflow-y:auto; padding:14px 16px; display:flex; flex-direction:column; gap:10px;}
  .chat-msg{max-width:86%; padding:10px 13px; border-radius:16px; font-size:12.8px; line-height:1.75; white-space:pre-line;}
  .chat-msg.bot{align-self:flex-start; background:var(--surface-alt); color:var(--text); border-end-start-radius:4px;}
  .chat-msg.user{align-self:flex-end; background:var(--brand-strong); color:var(--on-strong); border-end-end-radius:4px;}
  .chat-msg-stores{display:flex; flex-direction:column; gap:8px; margin-top:2px; max-width:86%;}
  .chat-store-mini{display:flex; align-items:center; gap:9px; padding:8px 10px; border-radius:14px; background:var(--surface-warm); border:1px solid var(--line); cursor:pointer; text-align:start;}
  .chat-store-mini .store-logo{width:34px; height:34px; font-size:12px; flex:none;}
  .chat-store-mini .csm-info{min-width:0;}
  .chat-store-mini .csm-name{font-family:var(--font-head); font-weight:700; font-size:12.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .chat-store-mini .csm-meta{font-size:10.5px; color:var(--text-muted);}
  .chat-suggestions{display:flex; flex-wrap:wrap; gap:6px; padding:0 16px 10px; flex:none;}
  .chat-suggestions .chip{cursor:pointer;}
  .chat-typing{align-self:flex-start; display:flex; gap:4px; padding:12px 14px; background:var(--surface-alt); border-radius:16px; border-end-start-radius:4px;}
  .chat-typing span{width:6px; height:6px; border-radius:50%; background:var(--text-faint); animation:chatTypingBounce 1.1s infinite ease-in-out;}
  .chat-typing span:nth-child(2){animation-delay:.15s;}
  .chat-typing span:nth-child(3){animation-delay:.3s;}
  @keyframes chatTypingBounce{0%,60%,100%{transform:translateY(0); opacity:.5;} 30%{transform:translateY(-3px); opacity:1;}}
  .chat-input-row{display:flex; align-items:center; gap:8px; padding:10px 14px calc(10px + env(safe-area-inset-bottom)); border-top:1px solid var(--line); flex:none;}
  .chat-input-row input{flex:1; border:1px solid var(--line); background:var(--surface-warm); border-radius:99px; padding:10px 15px; font-size:12.8px; color:var(--text); font-family:var(--font-body);}
  .chat-input-row input:focus{outline:2px solid var(--accent-strong); outline-offset:1px;}
  .chat-send-btn{width:38px; height:38px; border-radius:50%; border:none; background:var(--brand-strong); color:var(--on-strong); display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none;}
  .chat-send-btn svg{width:16px;height:16px;}
  .chat-send-btn:disabled{opacity:.5; cursor:default;}
  .chat-settings-panel{padding:14px 16px 18px; border-top:1px solid var(--line); background:var(--surface-warm); flex:none;}
  .chat-settings-panel label{display:block; font-size:11px; font-weight:700; color:var(--text-muted); font-family:var(--font-head); margin-bottom:5px;}
  .chat-settings-panel input{width:100%; border:1px solid var(--line); background:var(--surface); border-radius:var(--radius-s); padding:9px 12px; font-size:12.5px; color:var(--text); font-family:var(--font-num); direction:ltr; text-align:right;}
  .chat-settings-hint{font-size:10.5px; color:var(--text-faint); line-height:1.7; margin:7px 0 10px;}
  .chat-settings-row{display:flex; gap:8px;}
  .chat-ai-badge{font-size:9.5px; font-weight:700; padding:2px 7px; border-radius:99px; background:var(--ok-soft); color:var(--ok); font-family:var(--font-head); margin-inline-start:6px;}

  .detail-hero{display:flex; align-items:center; gap:12px; padding:8px 0 16px;}
  .detail-hero .store-logo{width:58px; height:58px; font-size:20px;}
  .detail-hero h2{margin:0 0 3px; font-family:var(--font-head); font-size:19px;}
  .fact-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:6px 0 16px;}
  .fact{background:var(--surface-warm); border:1px solid var(--line); border-radius:var(--radius-s); padding:10px 12px;}
  .fact .fact-label{display:flex; align-items:center; gap:5px; font-size:10.5px; color:var(--text-muted); margin-bottom:4px;}
  .fact .fact-label svg{width:12px;height:12px;}
  .fact .fact-value{font-weight:700; font-size:13px; font-family:var(--font-head);}
  .detail-desc{font-size:13.5px; line-height:1.85; color:var(--text); margin:0 0 14px;}
  .size-guide{
    background:var(--surface-warm); border:1px solid var(--line); border-radius:var(--radius-s);
    padding:10px 12px; margin:0 0 14px;
  }
  .size-guide-label{display:flex; align-items:center; gap:5px; font-size:10.5px; font-weight:700; color:var(--text-muted); margin-bottom:4px; font-family:var(--font-head);}
  .size-guide-label svg{width:12px;height:12px;}
  .size-guide p{margin:0; font-size:12.5px; line-height:1.7; color:var(--text);}
  /* ١٩ سبتمبر ٢٠٢٦: رابط تقييمات ترستبايلوت — رابط خارجي فقط، لا نستورد ولا نخزّن أي
     بيانات منهم (سياستهم تمنع السحب الآلي وإعادة العرض). الرابط يمر عبر بحثهم فيفتح
     صفحة سليمة دائمًا حتى لو المتجر بلا مراجعات، بدل صفحة خطأ. */
  .tp-link{
    display:inline-flex; align-items:center; gap:6px; margin-top:8px;
    font-family:var(--font-head); font-size:12px; font-weight:700;
    color:var(--brand-strong); text-decoration:none;
    border:1px solid var(--line); border-radius:999px; padding:6px 12px;
    background:var(--surface); transition:border-color .15s ease, transform .15s ease;
  }
  .tp-link:hover{border-color:var(--brand-strong); transform:translateY(-1px);}
  .tp-link svg{width:13px; height:13px; flex:none;}
  .reviews-section{margin:6px 0 0; padding-top:14px; border-top:1px solid var(--line);}
  .reviews-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:8px;}
  .reviews-head h3{margin:0; display:flex; align-items:center; gap:6px; font-family:var(--font-head); font-size:14.5px; color:var(--text);}
  .reviews-head h3 svg{flex:none;}
  .reviews-empty{margin:0; font-size:12.5px; color:var(--text-faint); padding:2px 0 4px;}
  .review-item{padding:10px 0; border-top:1px solid var(--line);}
  .review-item:first-of-type{border-top:none; padding-top:0;}
  .review-name{font-size:12.5px; font-weight:700; font-family:var(--font-head); color:var(--text); margin-bottom:3px;}
  .review-item .store-stars{margin-bottom:4px;}
  .review-comment{margin:0; font-size:12.8px; line-height:1.7; color:var(--text-muted);}
  .sort-row{display:flex; align-items:center; gap:7px; padding:0 16px 12px; flex:none;}
  .sort-row select{
    border:1px solid var(--line); background:var(--surface); color:var(--text);
    border-radius:999px; padding:6px 10px; font-size:12px; font-family:var(--font-head); font-weight:600; outline:none;
  }
  .discount-card{
    background:var(--sale-soft); color:var(--sale);
    border-radius:var(--radius-s); padding:12px 14px; margin-bottom:14px;
    display:flex; gap:10px; align-items:flex-start;
  }
  .discount-card svg{flex:none; margin-top:2px;}
  .discount-card .code{
    display:inline-block; margin-top:6px; background:rgba(0,0,0,.06);
    padding:2px 8px; border-radius:6px; font-family:var(--font-num); font-weight:700; letter-spacing:.5px;
  }
  .tag-row{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px;}
  .tag-pill{background:var(--surface-alt); color:var(--brand-strong); font-size:11.5px; font-weight:600; padding:5px 11px; border-radius:999px;}

  /* ---------- Buttons ---------- */
  .btn{
    display:flex; align-items:center; justify-content:center; gap:8px;
    border:none; border-radius:14px; padding:13px 16px;
    font-family:var(--font-head); font-weight:700; font-size:14px;
    cursor:pointer; width:100%;
  }
  .btn svg{width:16px;height:16px;}
  .btn-primary{background:var(--accent); color:var(--on-accent);}
  .btn-outline{background:transparent; border:1.5px solid var(--line); color:var(--text);}
  .btn-ghost{background:var(--surface-alt); color:var(--brand-strong);}
  .btn-danger{background:var(--danger-soft); color:var(--danger);}
  .btn-row{display:flex; gap:10px;}
  .heart-line{background:transparent; border:1.5px solid var(--line); color:var(--danger); width:52px; flex:none; padding:0;}

  /* ---------- About ---------- */
  .about-hero{padding:22px 20px 6px;}
  .about-hero .brand-word{font-size:26px;}
  .about-hero p{font-size:13.5px; color:var(--text-muted); line-height:1.7; margin-top:8px;}
  .method-card{
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m);
    padding:16px; margin:0 20px 14px; display:flex; gap:12px; align-items:flex-start;
  }
  .method-card .num{
    font-family:var(--font-display); font-size:20px; color:var(--accent-strong);
    background:var(--brand-strong); width:32px; height:32px; border-radius:50%;
    display:flex; align-items:center; justify-content:center; flex:none;
  }
  .method-card h5{margin:0 0 4px; font-family:var(--font-head); font-size:14px;}
  .method-card p{margin:0; font-size:12.5px; color:var(--text-muted); line-height:1.6;}
  .contact-section{margin:6px 20px 14px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m); padding:14px 16px;}
  .contact-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:4px;}
  .contact-head h3{margin:0; font-family:var(--font-head); font-size:14.5px; color:var(--text);}
  .contact-row{display:flex; align-items:center; gap:10px; padding:10px 2px; border-top:1px solid var(--line); color:var(--text); text-decoration:none;}
  .contact-row:first-of-type{border-top:none;}
  .contact-icon{width:30px; height:30px; border-radius:50%; background:var(--surface-alt); color:var(--brand-strong); display:flex; align-items:center; justify-content:center; flex:none;}
  .contact-label{font-size:13px; font-weight:600; font-family:var(--font-head);}
  .contact-empty-hint{margin:6px 0 0; font-size:12px; color:var(--text-faint); line-height:1.7;}
  .tips-section{padding:0 20px 8px;}
  .tips-section .tips-intro{font-size:13px; color:var(--text-muted); line-height:1.7; margin:0 0 16px;}
  .tips-section .method-card p{white-space:pre-line;}
  .shipco-title{font-family:var(--font-head); font-size:15px; color:var(--text); margin:18px 2px 10px;}
  .shipco-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:6px;}
  .shipco-card{
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m);
    padding:12px 13px;
  }
  .shipco-card .shipco-head{display:flex; align-items:center; gap:8px; margin-bottom:6px;}
  .shipco-card .store-logo.shipco-logo{width:28px; height:28px; font-size:11px; border-radius:8px; flex:none;}
  .shipco-card h6{margin:0; font-family:var(--font-head); font-size:12.5px; color:var(--text);}
  .shipco-card p{margin:0; font-size:11.5px; color:var(--text-muted); line-height:1.5;}
  .shipco-card .shipco-meta{margin-top:7px; font-size:11px; color:var(--text-muted); line-height:1.6;}
  .shipco-card .shipco-meta strong{color:var(--text); font-family:var(--font-head); font-weight:600;}
  .shipco-card a{display:inline-block; margin-top:6px; font-size:11px; color:var(--brand-strong); text-decoration:underline;}
  .shipco-empty{font-size:12.5px; color:var(--text-faint); padding:10px 2px;}
  .shipco-form-row{
    background:var(--surface-alt); border-radius:var(--radius-m); padding:12px 13px; margin-bottom:12px;
  }
  .shipco-form-row .form-field{margin-bottom:8px;}
  .shipco-form-row .form-field:last-of-type{margin-bottom:0;}
  .shipco-remove-btn{
    background:none; border:none; color:var(--sale); font-size:12px; text-decoration:underline;
    cursor:pointer; padding:4px 0; font-family:var(--font-body);
  }
  .disclaimer{margin:8px 20px 22px; font-size:11.5px; color:var(--text-faint); line-height:1.7; padding:12px 14px; border-inline-start:3px solid var(--line);}
  .category-caution{margin:2px 20px 16px; font-size:12.5px; color:var(--text); line-height:1.75; padding:13px 14px; border-inline-start:3px solid var(--sale); background:var(--sale-soft); border-radius:var(--radius-s); display:flex; gap:9px; align-items:flex-start;}
  .category-caution .ic{flex:none; color:var(--sale); margin-top:1px;}
  .policy-body{margin:0 20px 22px; font-size:13px; line-height:1.85; color:var(--text-muted);}
  .legal-links-row{display:flex; align-items:center; justify-content:center; gap:8px; margin:-10px 20px 22px; font-size:11.5px; color:var(--text-faint);}
  .legal-links-row a{color:var(--text-faint); text-decoration:underline;}
  .legal-links-row a:hover{color:var(--text-muted);}
  .legal-links-sep{color:var(--text-faint);}
  /* دفعة ٢: محتوى HTML موثّق (مراجعة مطوّلة بصفحة المتجر + نص الخصوصية/الشروط) — نفس خطوط
     وألوان ومسافات الموقع الحالية (var(--font-head) للعناوين، var(--text)/line-height 1.85
     لنص الفقرات زي .detail-desc تمامًا)، بعرض سطر مقروء (٦٥-٧٥ حرف تقريبًا). */
  .rich-content{font-size:13.5px; line-height:1.85; color:var(--text); max-width:66ch; margin:0 0 16px;}
  .rich-content h2{font-family:var(--font-head); font-size:16px; color:var(--text); margin:20px 0 8px; line-height:1.4;}
  .rich-content h2:first-child{margin-top:0;}
  .rich-content h3{font-family:var(--font-head); font-size:14px; color:var(--text); margin:16px 0 6px; line-height:1.4;}
  .rich-content h3:first-child{margin-top:0;}
  .rich-content p{margin:0 0 12px;}
  .rich-content p:last-child{margin-bottom:0;}
  .rich-content ul, .rich-content ol{margin:0 0 12px; padding-inline-start:22px;}
  .rich-content li{margin-bottom:5px;}
  .rich-content li:last-child{margin-bottom:0;}
  .rich-content strong{font-weight:700;}
  .rich-content table{display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; width:100%; max-width:100%; border-collapse:collapse; margin:0 0 16px; font-size:12.5px; white-space:nowrap;}
  .rich-content table:last-child{margin-bottom:0;}
  .rich-content th, .rich-content td{padding:8px 12px; text-align:start; border-bottom:1px solid var(--line);}
  .rich-content th{font-weight:700; color:var(--text); background:var(--surface-alt); white-space:nowrap;}
  .rich-content tbody tr:last-child td{border-bottom:none;}
  .policy-meta{margin:2px 20px 12px; font-size:12px; color:var(--text-faint);}
  /* ---------- Admin ---------- */
  .admin-topbar{padding:16px 18px 8px; display:flex; align-items:center; justify-content:space-between;}
  .admin-topbar h3{margin:0; font-family:var(--font-head); font-size:18px;}
  .admin-row{
    display:flex; align-items:center; gap:10px; padding:11px 16px; margin:0 16px 8px;
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-s);
  }
  .admin-row .store-logo{width:36px; height:36px; font-size:12px;}
  .admin-row .meta{flex:1; min-width:0;}
  .admin-row .meta div:first-child{font-weight:700; font-size:13.5px; font-family:var(--font-head);}
  .admin-row .meta div:last-child{font-size:11px; color:var(--text-muted);}
  .admin-actions{display:flex; gap:6px;}
  .icon-btn{
    width:32px; height:32px; border-radius:9px; border:1px solid var(--line); background:var(--surface-warm);
    display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--text);
  }
  .icon-btn svg{width:15px;height:15px;}
  .icon-btn.danger{color:var(--danger);}
  .readonly-note{
    margin:20px 16px; padding:16px; background:var(--surface-alt); border-radius:var(--radius-m);
    font-size:12.8px; color:var(--brand-strong); line-height:1.7; text-align:center;
  }

  .form-field{margin-bottom:14px;}
  .form-field label{display:block; font-size:12.5px; font-weight:700; margin-bottom:6px; color:var(--text); font-family:var(--font-head);}
  .form-field label.label-with-icon{display:flex; align-items:center; gap:6px;}
  .form-field label.label-with-icon svg{flex:none; color:var(--brand-strong);}
  .form-field .hint{font-size:10.8px; color:var(--text-faint); margin-top:4px; display:block;}
  .form-field input[type=text], .form-field input[type=url], .form-field select, .form-field textarea{
    width:100%; padding:11px 13px; border-radius:12px; border:1px solid var(--line);
    background:var(--surface-warm); color:var(--text); outline:none;
  }
  .form-field textarea{resize:vertical; min-height:64px;}
  .form-field input:focus, .form-field select:focus, .form-field textarea:focus{border-color:var(--brand);}
  .logo-upload-row{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
  .logo-upload-preview{flex:none;}
  .logo-upload-empty{background:var(--surface-alt); color:var(--text-faint); border:1px dashed var(--line);}
  .logo-upload-actions{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
  .btn-sm{width:auto; padding:9px 14px; font-size:12.5px; border-radius:11px;}
  .logo-remove-btn{background:none; border:none; color:var(--sale); font-size:11.5px; text-decoration:underline; cursor:pointer; padding:4px 0; font-family:var(--font-body);}
  .banner-upload-preview-img{flex:none; width:104px; height:60px; border-radius:10px; overflow:hidden; border:1px solid var(--line); background:var(--surface-alt);}
  .banner-upload-preview-img img{width:100%; height:100%; object-fit:cover; display:block;}
  .banner-upload-empty{flex:none; width:104px; height:60px; border-radius:10px; border:1px dashed var(--line); background:var(--surface-alt); display:flex; align-items:center; justify-content:center; color:var(--text-faint);}
  .seg{display:flex; gap:6px; flex-wrap:wrap;}
  .seg button{
    flex:1; min-width:88px; padding:10px 8px; border-radius:11px; border:1px solid var(--line);
    background:var(--surface-warm); color:var(--text); font-size:12.5px; font-weight:600; cursor:pointer;
  }
  .seg button.on{background:var(--brand-strong); border-color:var(--brand-strong); color:var(--on-strong);}
  .price-range-inputs{display:flex; align-items:center; gap:8px;}
  .price-range-inputs input{
    flex:1; min-width:0; padding:11px 13px; border-radius:12px; border:1px solid var(--line);
    background:var(--surface-warm); color:var(--text); outline:none;
  }
  .price-range-inputs input:focus{border-color:var(--brand);}
  .price-range-inputs .hint-inline{font-size:11px; color:var(--text-faint); flex:none;}
  .chk-grid{display:flex; flex-wrap:wrap; gap:7px;}
  .chk-pill{
    padding:8px 12px; border-radius:999px; border:1px solid var(--line); background:var(--surface-warm);
    font-size:12px; font-weight:600; cursor:pointer; color:var(--text);
  }
  .chk-pill.on{background:var(--accent); border-color:var(--accent); color:var(--on-accent);}
  .star-input{display:flex; gap:6px; font-size:24px; color:var(--line); cursor:pointer;}
  .star-input span.on{color:var(--accent-strong);}
  .star-input-sm{font-size:15px; gap:4px;}

  /* ---------- Toast ---------- */
  .toast{
    position:fixed; bottom:92px; left:50%; transform:translateX(-50%) translateY(20px);
    background:var(--brand-strong); color:var(--on-strong); font-size:13px; font-weight:600;
    padding:11px 20px; border-radius:999px; z-index:80; opacity:0; pointer-events:none;
    transition:all .25s ease; max-width:88%; text-align:center; font-family:var(--font-head);
  }
  .toast.show{opacity:1; transform:translateX(-50%) translateY(0);}

  .scrollhide{scrollbar-width:none;}
  .scrollhide::-webkit-scrollbar{display:none;}

  /* ================= Desktop marketing site (>=720px, or forced via the view-mode toggle) ================= */
  #desktop-marketing{display:none; background:var(--bg);}
  @media (min-width:720px){
    #desktop-marketing{display:block;}
    .app-shell{display:none;}
    body{padding:0; display:block;}
    html[data-app-open="1"] #desktop-marketing{display:none;}
    /* Wide desktop shopping view: browsing/categories/etc. on a real desktop window stay a full-width
       desktop layout, not the narrow phone frame — that narrow frame is reserved for the explicit
       "View the app version" toggle (data-view="mobile" below), never triggered just by clicking around. */
    html[data-app-open="1"] .app-shell{
      display:flex; margin:0 auto; max-width:1180px; width:100%;
      border-radius:0; overflow:visible; box-shadow:none;
      min-height:100vh;
    }
    html[data-app-open="1"] body{padding:0; display:block;}
  }
  /* Manual override: a viewer can force either view regardless of window width via the view-mode toggle. */
  html[data-view="desktop"] #desktop-marketing{display:block !important;}
  html[data-view="desktop"] .app-shell{display:none !important;}
  html[data-view="desktop"] body{padding:0 !important; display:block !important;}
  html[data-view="desktop"][data-app-open="1"] #desktop-marketing{display:none !important;}
  html[data-view="desktop"][data-app-open="1"] .app-shell{
    display:flex !important; margin:0 auto !important; max-width:1180px !important; width:100%;
    border-radius:0 !important; overflow:visible !important; box-shadow:none !important;
    min-height:100vh;
  }
  html[data-view="desktop"][data-app-open="1"] body{padding:0 !important; display:block !important;}
  /* Only this explicit "mobile app" choice keeps the narrow floating phone-card look, at any window width. */
  html[data-view="mobile"] #desktop-marketing{display:none !important;}
  html[data-view="mobile"] .app-shell{display:flex !important; margin:0 auto; max-width:460px;}
  html[data-view="mobile"] body{padding:0 !important; display:flex !important; justify-content:center;}
  @media (min-width:520px){
    html[data-view="mobile"] body{padding:28px 12px !important;}
    html[data-view="mobile"] .app-shell{min-height:calc(100vh - 56px); border-radius:28px; overflow:hidden;}
  }
  /* Wide desktop app: let the bottom nav / chat button / grid use the full wide width instead of staying
     capped at the 460px phone-frame size (those elements are position:absolute within .app-shell). */
  @media (min-width:720px){
    html[data-app-open="1"]:not([data-view="mobile"]) .app-shell .bottom-nav{
      max-width:1180px; padding-left:22px; padding-right:22px;
    }
    html[data-app-open="1"]:not([data-view="mobile"]) .app-shell .chat-fab-wrap{
      max-width:1180px; padding-right:26px;
    }
    html[data-app-open="1"]:not([data-view="mobile"]) .store-grid{
      grid-template-columns:repeat(auto-fill, minmax(190px,1fr));
      gap:18px;
    }
    /* ١٥ سبتمبر ٢٠٢٦: شبكة الأقسام داخل شاشة «تصفح» كانت أربعة أعمدة ١fr، فلمّا يتمدد الشيل
       على عرض الموقع يصير كل مربع ~٢٧٣px — ضخم. نحدّ عرض العمود ونوسّط الشبكة فتبقى
       المربعات بنفس مقاس نسخة التطبيق تمامًا كما في شبكة الأقسام بالصفحة الرئيسية. */
    html[data-app-open="1"]:not([data-view="mobile"]) .chip-rail{
      grid-template-columns:repeat(6, minmax(0,136px));
      justify-content:center;
      gap:14px;
    }
  }
  @media (min-width:720px) and (max-width:1080px){
    html[data-app-open="1"]:not([data-view="mobile"]) .chip-rail{grid-template-columns:repeat(5, minmax(0,132px));}
  }
  @media (min-width:720px) and (max-width:860px){
    html[data-app-open="1"]:not([data-view="mobile"]) .chip-rail{grid-template-columns:repeat(4, minmax(0,128px));}
  }
  .view-toggle-link{
    display:block; width:100%; text-align:center; background:var(--surface-alt); color:var(--brand-strong);
    border:none; cursor:pointer; padding:9px 10px; font-family:var(--font-head); font-weight:700; font-size:11.5px;
  }
  .dk-app-link{
    display:flex; align-items:center; gap:6px; background:none; cursor:pointer; color:var(--text-muted);
    font-family:var(--font-head); font-weight:700; font-size:11.5px; padding:6px 12px;
    border-radius:999px; border:1px solid var(--line); flex:none;
  }
  .dk-app-link:hover{color:var(--text);}

  /* ١٣ سبتمبر ٢٠٢٦: padding-top بالمساحة الآمنة — بدونه، في وضع الاختصار على الجوال
     (standalone + viewport-fit=cover + status-bar-style: black-translucent) تمتد الصفحة تحت
     شريط الحالة فيقع الشعار حرفيًا تحت الساعة وعلامة الواي فاي. نسخة الجوال (.topbar) محمية
     أصلًا بنفس الطريقة؛ هذا يسدّ الثغرة في نسخة الموقع الكاملة. */
  .dk-header{position:sticky; top:0; z-index:60; padding-top:env(safe-area-inset-top); background:color-mix(in srgb, var(--surface) 70%, transparent); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid transparent;}
  .dk-header-inner{
    max-width:1180px; margin:0 auto; padding:12px clamp(14px,4vw,32px) 0;
    display:flex; flex-direction:column; gap:10px;
  }
  .dk-header-top{
    display:flex; align-items:center; justify-content:space-between;
    gap:clamp(12px,3vw,36px); width:100%; flex-wrap:wrap;
  }
  .dk-logo{display:flex; align-items:center; gap:9px; background:none; border:none; cursor:pointer; padding:0; flex:none;}
  .dk-logo-mark{
    width:44px; height:44px;
    display:flex; align-items:center; justify-content:center; flex:none;
  }
  .dk-logo-mark svg{display:block;}
  .dk-logo-word{font-family:var(--font-display); font-size:20px; color:var(--text); letter-spacing:.3px;}
  .dk-nav{
    display:flex; align-items:center; justify-content:center;
    gap:clamp(16px,3vw,34px); width:100%; flex-wrap:wrap;
    border-top:1px solid var(--line); padding:9px 0 11px;
  }
  .dk-nav > a{
    background:none; border:none; cursor:pointer; padding:6px 1px;
    font-family:var(--font-head); font-weight:700; font-size:13.5px; color:var(--text-muted);
    border-bottom:2px solid transparent;
  }
  .dk-nav > a:hover{color:var(--text);}
  .dk-nav-cats{position:relative;}
  .dk-nav-cats > button{
    display:flex; align-items:center; gap:4px; background:none; border:none; cursor:pointer;
    padding:6px 1px; font-family:var(--font-head); font-weight:700; font-size:13.5px; color:var(--text-muted);
  }
  .dk-nav-cats > button svg{width:12px;height:12px;}
  .dk-nav-cats:hover > button{color:var(--text);}
  .dk-nav-cats-panel{
    position:absolute; top:100%; inset-inline-start:0; margin-top:10px;
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m);
    box-shadow:var(--shadow-card); padding:8px; display:flex; flex-direction:column; gap:2px;
    min-width:200px; opacity:0; pointer-events:none; transform:translateY(4px);
    transition:opacity .15s ease, transform .15s ease;
  }
  .dk-nav-cats:hover .dk-nav-cats-panel, .dk-nav-cats:focus-within .dk-nav-cats-panel{
    opacity:1; pointer-events:auto; transform:translateY(0);
  }
  .dk-nav-cats-panel a{
    text-align:start; background:none; border:none; cursor:pointer; border-radius:9px;
    padding:9px 11px; font-family:var(--font-body); font-size:13px; color:var(--text);
    display:block;
  }
  .dk-nav-cats-panel a:hover{background:var(--surface-alt);}
  .dk-header-actions{display:flex; align-items:center; gap:14px; flex:none;}
  .dk-search{
    display:flex; align-items:center; gap:7px; background:var(--surface-warm);
    border:1px solid var(--line); border-radius:999px; padding:8px 14px; width:clamp(140px,20vw,220px);
  }
  .dk-search svg{flex:none; color:var(--text-faint); width:15px; height:15px;}
  .dk-search input{flex:1; min-width:0; border:none; outline:none; background:transparent; color:var(--text); font-size:13.5px;}
  .dk-search input::placeholder{color:var(--text-faint);}

  .dk-hero{
    padding:clamp(40px,8vw,76px) clamp(16px,4vw,32px) clamp(32px,6vw,52px); text-align:center;
    background:linear-gradient(180deg, var(--surface-warm), var(--bg));
  }
  .dk-hero h1{
    font-family:var(--font-display); font-size:clamp(28px,4.2vw,44px); line-height:1.2; color:var(--text);
    max-width:780px; margin:0 auto 18px; text-wrap:balance;
  }
  .dk-hero-sub{
    font-size:16px; color:var(--text-muted); line-height:1.75; max-width:560px; margin:0 auto 34px;
  }
  .dk-hero-search{
    display:flex; align-items:center; gap:10px; background:var(--surface);
    border:1px solid var(--line); border-radius:999px; padding:15px 22px;
    max-width:480px; margin:0 auto; box-shadow:var(--shadow-card);
  }
  .dk-hero-search svg{flex:none; color:var(--text-faint);}
  .dk-hero-search input{flex:1; min-width:0; border:none; outline:none; background:transparent; color:var(--text); font-size:15px;}
  .dk-hero-search input::placeholder{color:var(--text-faint);}
  .dk-stats{display:flex; justify-content:center; gap:48px; margin-top:42px; flex-wrap:wrap;}
  .dk-stat{display:flex; flex-direction:column; align-items:center; gap:4px;}
  .dk-stat .n{font-family:var(--font-num); font-weight:800; font-size:28px; color:var(--brand-strong); display:flex; align-items:center;}
  .dk-stat .n svg{color:var(--brand-strong);}
  .dk-stat .l{font-family:var(--font-head); font-size:11.5px; color:var(--text-muted); text-transform:uppercase; letter-spacing:.5px;}

  .dk-marquee-wrap{padding:26px 0; background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}

  .dk-section{padding:clamp(36px,7vw,64px) clamp(16px,4vw,32px); max-width:1180px; margin:0 auto;}
  .dk-section-alt{max-width:none; background:var(--surface-warm);}
  .dk-section-alt > *{max-width:1180px; margin-left:auto; margin-right:auto;}
  .dk-section-head{text-align:center; margin-bottom:38px;}
  .dk-section-head .eyebrow{
    display:block; font-family:var(--font-head); font-weight:700; font-size:11.5px;
    color:var(--accent-strong); text-transform:uppercase; letter-spacing:.6px; margin-bottom:8px;
  }
  .dk-section-head h2{font-family:var(--font-display); font-size:30px; color:var(--text); margin:0; text-wrap:balance;}
  .dk-section-head-row{display:flex; align-items:flex-end; justify-content:space-between; text-align:start; margin-bottom:28px;}
  .dk-section-head-row .eyebrow{margin-bottom:6px;}
  .dk-section-head-row h2{font-size:26px;}
  .dk-see-all{
    display:flex; align-items:center; gap:4px; background:none; border:none; cursor:pointer;
    font-family:var(--font-head); font-weight:700; font-size:13px; color:var(--brand); flex:none;
  }
  .dk-see-all svg{width:13px;height:13px; transform:rotate(-90deg);}
  :root[dir="ltr"] .dk-see-all svg, html[lang="en"] .dk-see-all svg{transform:rotate(90deg);}

  /* ١٥ سبتمبر ٢٠٢٦: بطاقات الأقسام في نسخة الموقع صارت بنفس هيئة نسخة التطبيق —
     مربّعات صغيرة متساوية بأيقونة دائرية صغيرة، بدل البطاقات العريضة بأيقونة ٥٢px. */
  .dk-cat-grid{
    display:grid; grid-template-columns:repeat(6, minmax(0,136px));
    justify-content:center; gap:14px;
  }
  .dk-cat-tile{
    background:var(--surface); border:1px solid var(--line); border-radius:18px;
    aspect-ratio:1/1; padding:10px 8px; text-align:center; cursor:pointer;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px;
    transition:transform .15s ease, box-shadow .15s ease;
    overflow:hidden;
  }
  .dk-cat-tile:hover{transform:translateY(-3px); box-shadow:var(--shadow-card);}
  .dk-cat-tile .ic{
    width:34px; height:34px; border-radius:50%; background:var(--surface-alt); color:var(--brand-strong);
    display:flex; align-items:center; justify-content:center; flex:none;
  }
  .dk-cat-tile .ic svg{width:17px; height:17px;}
  .dk-cat-tile span:last-child{
    font-family:var(--font-head); font-weight:700; font-size:12px; line-height:1.3;
    color:var(--text); width:100%; overflow-wrap:anywhere;
  }
  /* زر «الكل» العريض يتصدّر الشبكة — نفس شريط نسخة التطبيق */
  .dk-cat-grid .dk-cat-tile.dk-cat-all{
    grid-column:1 / -1; aspect-ratio:auto; flex-direction:row; justify-content:center;
    gap:9px; padding:11px 16px; border-radius:999px;
    background:var(--accent); border-color:var(--accent); color:var(--on-accent);
  }
  .dk-cat-grid .dk-cat-tile.dk-cat-all .ic{
    width:24px; height:24px; background:rgba(255,255,255,.22); color:var(--on-accent);
  }
  .dk-cat-grid .dk-cat-tile.dk-cat-all .ic svg{width:15px; height:15px;}
  .dk-cat-grid .dk-cat-tile.dk-cat-all span:last-child{
    width:auto; font-size:14px; color:var(--on-accent);
  }
  @media (max-width:1080px){ .dk-cat-grid{grid-template-columns:repeat(5, minmax(0,132px));} }
  @media (max-width:860px){ .dk-cat-grid{grid-template-columns:repeat(4, minmax(0,128px));} }

  .dk-price-filter{
    display:flex; align-items:center; gap:9px; margin-bottom:26px; flex-wrap:wrap;
    background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:8px 8px 8px 16px; width:fit-content;
  }
  .dk-price-filter span:first-child{font-family:var(--font-head); font-weight:700; font-size:12.5px; color:var(--text-muted);}
  .dk-price-filter input{
    width:74px; padding:7px 10px; border-radius:999px; border:1px solid var(--line);
    background:var(--surface-warm); color:var(--text); font-size:12.5px; outline:none; text-align:center;
  }
  .dk-price-filter input:focus{border-color:var(--brand);}
  .dk-price-filter .sep{color:var(--text-faint);}
  .dk-price-filter .cur{font-size:11px; color:var(--text-faint);}

  .dk-how-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:24px;}
  .dk-how-grid .method-card{margin:0; height:100%;}

  .dk-trust{background:var(--brand-strong); padding:56px 32px;}
  .dk-trust-inner{max-width:640px; margin:0 auto; text-align:center;}
  .dk-trust-inner .badge-free{
    display:inline-block; background:var(--accent); color:var(--on-accent);
    font-family:var(--font-head); font-weight:700; font-size:11px; padding:5px 12px; border-radius:999px; margin-bottom:16px;
  }
  .dk-trust-inner h2{font-family:var(--font-display); font-size:28px; color:var(--on-strong); margin:0 0 12px;}
  .dk-trust-inner p{font-size:14.5px; color:var(--on-strong); opacity:.92; line-height:1.75; margin:0;}

  .dk-testimonials .empty-state{padding:20px 24px 6px;}

  .dk-faq{max-width:760px;}
  .dk-faq-list{display:flex; flex-direction:column;}
  .dk-faq-item{border-bottom:1px solid var(--line);}
  .dk-faq-item > button{
    width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px;
    background:none; border:none; cursor:pointer; padding:18px 2px;
    font-family:var(--font-head); font-weight:700; font-size:15px; color:var(--text); text-align:start;
  }
  .dk-faq-item > button svg{flex:none; color:var(--text-faint); transition:transform .15s ease;}
  .dk-faq-item.open > button svg{transform:rotate(180deg); color:var(--brand);}
  .dk-faq-item p{margin:0; padding:0 2px 20px; font-size:13.5px; color:var(--text-muted); line-height:1.75;}

  .dk-footer{background:var(--surface); border-top:1px solid var(--line); padding:52px clamp(16px,4vw,32px) 26px;}
  .dk-footer-grid{
    max-width:1180px; margin:0 auto; padding-bottom:36px;
    display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr)); gap:32px;
  }
  .dk-footer-brand .brand-word{font-family:var(--font-display); font-size:22px; color:var(--text); margin-bottom:10px;}
  .dk-footer-brand p{font-size:12.5px; color:var(--text-muted); line-height:1.7; max-width:260px; margin:0;}
  .dk-footer-col h6{font-family:var(--font-head); font-weight:700; font-size:12.5px; color:var(--text); margin:0 0 14px;}
  .dk-footer-col a{
    display:block; background:none; border:none; cursor:pointer; text-align:start;
    color:var(--text-muted); font-family:var(--font-body); font-size:13px; margin-bottom:10px; padding:0;
  }
  .dk-footer-col a:hover{color:var(--brand);}
  .dk-footer-social{display:flex; gap:8px; margin-top:6px;}
  .dk-social-btn{
    width:34px; height:34px; border-radius:50%; background:var(--surface-alt); color:var(--brand-strong);
    display:flex; align-items:center; justify-content:center; text-decoration:none;
  }
  .dk-social-btn:hover{background:var(--accent); color:var(--on-accent);}
  .dk-footer-bottom{
    max-width:1180px; margin:0 auto; padding-top:20px; border-top:1px solid var(--line);
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
    font-size:11.5px; color:var(--text-faint); line-height:1.6;
  }
  .dk-footer-bottom span:last-child{max-width:560px; text-align:end;}
  .dk-footer-legal{display:flex; gap:10px; flex:none;}
  .dk-footer-legal a{color:var(--text-faint); text-decoration:underline;}
  .dk-footer-legal a:hover{color:var(--brand);}

/* =====================================================================================
   ٢٠ أكتوبر ٢٠٢٦ — طبقة تصميم Apple (Human Interface Guidelines)
   كل ما تحت هذا السطر إضافة فوق التصميم السابق: لا يُحذف شيء فوقه، فالرجوع سهل.
   المبادئ: رد فعل فوري عند اللمس • لمسة ٤٤px • خطوط ShopOra الأصلية كما هي • مسافة آمنة للنوتش •
   زجاج للشريط العائم • رمز يدل على كل قسم • دائرة = متجر، مربع ناعم = قسم.
   ===================================================================================== */
:root{
  --ax-ink:#201E1D;
  --ax-muted:#5E5B55;
  --ax-hair:rgba(32,30,29,.08);
  --ax-fill:#F1EFEA;
  --ax-glass:rgba(255,255,255,.74);
  --ax-glass-edge:rgba(255,255,255,.65);
  --ax-press:cubic-bezier(.2,.8,.3,1);
}
:root[data-theme="dark"]{ --ax-ink:#F5F3EC; --ax-muted:#B3AF9F; --ax-hair:rgba(255,255,255,.10); --ax-fill:#2C2A26; --ax-glass:rgba(36,34,32,.72); --ax-glass-edge:rgba(255,255,255,.08); }
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --ax-ink:#F5F3EC; --ax-muted:#B3AF9F; --ax-hair:rgba(255,255,255,.10); --ax-fill:#2C2A26; --ax-glass:rgba(36,34,32,.72); --ax-glass-edge:rgba(255,255,255,.08); }
}
html{-webkit-tap-highlight-color:transparent; text-size-adjust:100%; -webkit-text-size-adjust:100%;}
input,select,textarea{font-size:16px;} /* أقل من ١٦ يخلي الآيفون يكبّر الشاشة عند الكتابة */

/* ---------- رد فعل اللمس: يصغر لحظة الضغط (Response) ---------- */
.chip,.ax-pill,.ax-tile,.btn,.nav-btn,.store-card,.marquee-item,.ax-allstores,.ax-seg-btn,.lang-toggle,.theme-toggle,
.sheet-close,.dk-cat-tile,.ax-dk-pill,.ax-dk-btn,.page-btn,.ax-bought,.fav-btn .fav-dot,.back-btn,.brand-home,.dk-logo{
  transition:transform 120ms var(--ax-press), background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}
.chip:active,.ax-pill:active,.ax-tile:active,.btn:active,.nav-btn:active,.marquee-item:active,.ax-allstores:active,.ax-seg-btn:active,
.lang-toggle:active,.theme-toggle:active,.sheet-close:active,.dk-cat-tile:active,.ax-dk-pill:active,.ax-dk-btn:active,.page-btn:active,
.ax-bought:active,.back-btn:active,.brand-home:active,.dk-logo:active{transform:scale(.96);}
.store-card:active{transform:scale(.98);}
.fav-btn:active .fav-dot{transform:scale(.88);}

/* ---------- الرأس: تحت شريط الساعة والبطارية (Safe area) ---------- */
.topbar.ax-top{padding:calc(12px + env(safe-area-inset-top)) 16px 6px; gap:14px;}
.brand-word{font-size:22px;}
.lang-toggle{min-width:40px; height:40px;}
.theme-toggle{width:40px; height:40px;}
.ax-hero{display:flex; flex-direction:column; gap:8px; margin-top:4px;}
.ax-h1{margin:0; font-family:var(--font-display); font-weight:700; font-size:28px; line-height:1.15; letter-spacing:-.01em; color:var(--text); text-wrap:balance;}
.ax-sub{margin:0; font-size:15px; line-height:1.6; color:var(--text-muted);}
.ax-title{margin:2px 0 0; font-family:var(--font-display); font-weight:700; font-size:30px; line-height:1.1; letter-spacing:-.01em; color:var(--text);}

/* ---------- دوائر المتاجر المضافة حديثًا: صفان يتحركان لحالهما باستمرار (زي قبل) ---------- */
.ax-circles{margin:0 -16px; overflow:hidden;}
.ax-circles-inner{display:flex; flex-direction:column; gap:8px; padding:3px 0 4px;}
.ax-circles .logo-marquee{padding:1px 0;}
.ax-circle{display:block; border-radius:50%; margin:0 10px 0 0 !important;}
.ax-circle .store-logo{width:44px; height:44px; border-radius:50%; font-size:12px; box-shadow:0 0 0 1px var(--ax-hair); border:none;}
.ax-circle .store-logo-img{background:var(--surface);}
@media (prefers-reduced-motion: reduce){ .ax-circles{overflow-x:auto;} }

/* ---------- البحث ---------- */
.search-bar{height:50px; padding:0 16px; border-radius:25px; box-sizing:border-box;}
.search-bar input{font-size:16px; height:100%;}
.search-bar input::-webkit-search-cancel-button{opacity:.5;}
.ax-stats{display:flex; align-items:baseline; gap:6px; font-size:13px; color:var(--text-muted); margin-top:-4px;}
.ax-stats strong{font-family:var(--font-num); font-size:16px; font-weight:800; color:var(--text); font-variant-numeric:tabular-nums;}

/* ---------- الأقسام: شريط يتمرر ---------- */
.ax-sec-head{display:flex; align-items:baseline; justify-content:space-between; font-size:13px; font-weight:600; color:var(--text-muted); margin-bottom:-6px;}
.ax-sec-head a{color:var(--text-muted); text-decoration:none; font-weight:500; min-height:32px; display:flex; align-items:center;}
.ax-chips{display:flex; gap:8px; overflow-x:auto; margin:0 -16px; padding:2px 16px 4px; overscroll-behavior-x:contain;}
.chip.ax-chip{
  flex:none; flex-direction:row; aspect-ratio:auto; height:40px; padding:0 14px 0 12px; gap:7px;
  border-radius:20px; font-family:var(--font-head); font-size:14px; font-weight:600; line-height:1; white-space:nowrap; overflow:visible;
  background:var(--surface); border:1px solid var(--line); color:var(--text);
}
.chip.ax-chip .chip-ic{width:auto; height:auto; background:none; border-radius:0; position:relative; color:var(--text);}
.chip.ax-chip .chip-tx{width:auto; overflow-wrap:normal;}
.chip.ax-chip svg{width:16px; height:16px;}
.chip.ax-chip .cat-sa{display:none;}
.chip.ax-chip.active{background:var(--ax-ink); border-color:var(--ax-ink); color:var(--bg);}
.chip.ax-chip.active .chip-ic{color:var(--accent);}
.chip.ax-chip.ax-chip-more{background:transparent; border-style:dashed; font-weight:600;}
.cat-flag{display:block; border-radius:3px;}

/* ---------- صفحة الأقسام: «كل المتاجر» + مجموعات بأيقونات ---------- */
.ax-allstores{display:flex; align-items:center; gap:12px; min-height:62px; padding:0 16px; border-radius:16px; background:var(--ax-ink); color:var(--bg); text-decoration:none;}
.ax-allstores .ic{width:38px; height:38px; border-radius:11px; background:rgba(220,235,125,.18); color:var(--accent); display:flex; align-items:center; justify-content:center; flex:none;}
.ax-allstores .tx{flex:1; display:flex; flex-direction:column; gap:1px;}
.ax-allstores b{font-size:16px; font-weight:700;}
.ax-allstores small{font-size:12.5px; opacity:.72;}
[dir="rtl"] .ax-allstores > svg:last-child{transform:rotate(180deg);}
.ax-group h3{margin:4px 0 10px; font-size:13px; font-weight:600; color:var(--text-muted);}
.ax-tiles{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px 8px;}
.ax-tile{display:flex; flex-direction:column; align-items:center; gap:6px; text-decoration:none; color:var(--text); min-height:44px;}
.ax-tile-ic{position:relative; width:56px; height:56px; border-radius:16px; background:var(--surface); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; color:var(--text);}
.ax-tile-ic svg{width:26px; height:26px; stroke-width:1.6;}
.ax-tile-ic svg.cat-flag{width:30px; height:20px;}
.ax-tile-tx{font-size:12.5px; line-height:1.3; font-weight:500; text-align:center;}
.ax-tile.active .ax-tile-ic{background:var(--ax-ink); border-color:var(--ax-ink); color:var(--accent);}
.ax-tile.active .ax-tile-tx{font-weight:700;}
.cat-sa{position:absolute; bottom:-4px; left:-4px; font-size:9px; font-weight:700; letter-spacing:.04em; padding:1px 5px; border-radius:6px; background:#1E6B3A; color:#fff; line-height:1.5;}

/* ---------- الميزانية ---------- */
.ax-budget{display:flex; flex-direction:column; gap:8px;}
.ax-budget-row{display:flex; align-items:center; gap:6px; overflow-x:auto; margin:0 -16px; padding:2px 16px 4px;}
.ax-budget-label{flex:none; font-size:13px; font-weight:600; color:var(--text-muted); margin-inline-end:2px;}
.ax-pill{flex:none; height:36px; padding:0 12px; border-radius:18px; border:1px solid var(--line); background:var(--surface); color:var(--text);
  font-family:var(--font-head); font-size:13.5px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:5px; white-space:nowrap;}
.ax-pill.active{background:var(--ax-ink); border-color:var(--ax-ink); color:var(--bg); font-weight:600;}
.ax-pill-clear{background:transparent; color:var(--text-muted);}
.ax-custom{margin:0;}
.ax-custom input{font-size:16px !important;}
.ax-note{margin:0; font-size:12.5px; line-height:1.6; color:var(--text-muted);}

/* ---------- بطاقة المتجر: صورة ثابتة ٤:٥، السعر مرة، شارتين بس ---------- */
.store-card{border-color:transparent; box-shadow:0 1px 2px rgba(32,30,29,.05), 0 6px 18px -10px rgba(32,30,29,.16);}
.card-banner{aspect-ratio:4/5;}
.card-banner-logo{width:44px; height:44px; bottom:-18px; border-width:3px;}
.card-body{padding:24px 12px 12px; gap:6px;}
.store-name{font-size:15px; line-height:1.3;}
.store-origin{font-size:12.5px; line-height:1.45;}
.store-price{font-family:var(--font-num); color:var(--text); font-variant-numeric:tabular-nums; white-space:nowrap;}
.badge-row{gap:4px;}
.badge-row .badge:nth-child(n+3){display:none;}
.badge{font-size:11.5px;}
.fav-btn{top:2px; inset-inline-start:2px; width:44px; height:44px; background:transparent !important; backdrop-filter:none;}
.fav-btn .fav-dot{width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.88); display:flex; align-items:center; justify-content:center; box-shadow:0 1px 3px rgba(0,0,0,.12);}
:root[data-theme="dark"] .fav-btn .fav-dot{background:rgba(20,19,17,.7);}
.fav-btn svg{width:15px; height:15px;}

/* ---------- الشريط السفلي: زجاج عائم (Materials) — ٤ تبويبات ---------- */
.bottom-nav,.app-shell .bottom-nav{
  position:fixed; left:50%; transform:translateX(-50%); bottom:calc(10px + env(safe-area-inset-bottom));
  width:calc(100% - 24px); max-width:436px; height:64px; padding:0 4px; box-sizing:border-box;
  border-radius:32px; border:1px solid var(--ax-glass-edge);
  background:var(--ax-glass); -webkit-backdrop-filter:blur(20px) saturate(180%); backdrop-filter:blur(20px) saturate(180%);
  box-shadow:0 8px 28px rgba(32,30,29,.14); align-items:center;
}
.nav-btn{gap:2px; padding:0; height:64px; justify-content:center; color:var(--text-muted); text-decoration:none;}
.nav-btn span{font-size:11px; font-weight:600;}
.nav-ic{padding:0;}
.nav-btn.active{color:var(--text);}
.nav-btn.active span{font-weight:700;}
.nav-btn.active .nav-ic{background:none; border-radius:0;}
.nav-btn.active svg{fill:rgba(220,235,125,.6);}
.content{padding-bottom:calc(110px + env(safe-area-inset-bottom));}
.view-toggle-link,.dk-app-link{display:none !important;}

/* ---------- نافذة المتجر ---------- */
.sheet{border-radius:24px 24px 0 0; transition:transform 340ms cubic-bezier(.2,.9,.25,1); will-change:transform; touch-action:pan-y;}
.sheet-handle{width:36px; height:5px; background:rgba(0,0,0,.18); margin:8px auto 0;}
:root[data-theme="dark"] .sheet-handle{background:rgba(255,255,255,.25);}
.sheet-head{padding:4px 12px 0;}
.sheet-close{width:44px; height:44px; background:var(--ax-fill);}
.sheet-body{padding-bottom:0;}
.detail-hero h2{letter-spacing:-.01em;}
.ax-more{margin:4px 0 14px; border-radius:14px; background:var(--ax-fill); padding:0 14px;}
.ax-more summary{list-style:none; cursor:pointer; min-height:48px; display:flex; align-items:center; justify-content:space-between; font-weight:600; font-size:14.5px;}
.ax-more summary::-webkit-details-marker{display:none;}
.ax-more summary svg{transition:transform 200ms ease;}
.ax-more[open] summary svg{transform:rotate(180deg);}
.ax-more .rich-content{padding-bottom:10px;}
.ax-bought{width:100%; min-height:48px; margin:2px 0 14px; border-radius:14px; border:1px solid var(--line); background:var(--surface); color:var(--text);
  display:flex; align-items:center; justify-content:center; gap:8px; font-family:var(--font-head); font-size:15px; font-weight:700; cursor:pointer;}
.ax-bought.on{background:#EEF3DA; border-color:#D9E4AE; color:#3F4E12;}
:root[data-theme="dark"] .ax-bought.on{background:#2C331C; border-color:#3E4826; color:#DCEB7D;}
.btn-row.ax-actions{position:sticky; bottom:0; z-index:3; margin:10px -20px 0; padding:12px 20px calc(14px + env(safe-area-inset-bottom));
  background:var(--ax-glass); -webkit-backdrop-filter:blur(20px) saturate(180%); backdrop-filter:blur(20px) saturate(180%); border-top:1px solid var(--ax-hair);}
.btn-row.ax-actions .btn-primary{flex:1; min-height:52px; border-radius:26px; font-size:16px; font-weight:600; justify-content:center; gap:8px;}
.btn-row.ax-actions .heart-line{width:52px; min-width:52px; height:52px; border-radius:26px;}

/* ---------- متاجري ---------- */
.ax-seg{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:3px; border-radius:12px; background:var(--ax-fill); margin-bottom:10px;}
.ax-seg-btn{min-height:52px; border-radius:9px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; text-decoration:none; color:var(--text);
  font-size:13px; font-weight:500;}
.ax-seg-btn small{font-size:11px; color:var(--text-muted);}
.ax-seg-btn.active{background:var(--surface); box-shadow:0 1px 3px rgba(32,30,29,.14); font-weight:700;}
.ax-seg-btn.active svg{fill:rgba(220,235,125,.6);}
.ax-hint{margin:0 0 14px; font-size:13px; line-height:1.6; color:var(--text-muted);}

/* ---------- روابط أسفل الرئيسية ---------- */
.ax-foot{display:flex; justify-content:center; gap:4px 18px; flex-wrap:wrap; padding:18px 16px 6px;}
.ax-foot a{font-size:13px; color:var(--text-muted); text-decoration:none; min-height:36px; display:flex; align-items:center;}
.section-title{font-size:19px;}

/* ---------- الكمبيوتر والآيباد (٧٢٠px وأكثر) ---------- */
@media (min-width:720px){
  .overlay{align-items:center; padding:24px;}
  .sheet{max-width:620px; border-radius:22px; max-height:88vh; transform:scale(.96) translateY(8px); opacity:.0; transition:transform 260ms cubic-bezier(.2,.9,.25,1), opacity 180ms ease;}
  .overlay.open .sheet{transform:none; opacity:1;}
  .btn-row.ax-actions{padding-bottom:16px;}
  html[data-app-open="1"]:not([data-view="mobile"]) .app-shell .bottom-nav{max-width:520px; padding:0 4px;}
  html[data-app-open="1"]:not([data-view="mobile"]) .ax-tiles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));}
  html[data-app-open="1"]:not([data-view="mobile"]) .ax-top{padding-left:24px; padding-right:24px;}
  .store-card:hover{box-shadow:0 2px 4px rgba(32,30,29,.06), 0 14px 30px -14px rgba(32,30,29,.28);}
}

/* هيدر الكمبيوتر بسطر واحد وزجاجي */
.ax-dk-header .dk-header-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:72px; padding-top:12px; padding-bottom:8px;}
.ax-dk-nav{display:flex; gap:4px; padding:4px; border-radius:24px; background:var(--ax-glass); border:1px solid var(--ax-hair);}
.ax-dk-nav > a{height:40px; padding:0 16px; border-radius:20px; display:flex; align-items:center; font-size:15px; font-weight:600; color:var(--text-muted);}
.ax-dk-nav > a:hover{background:rgba(32,30,29,.06); color:var(--text);}
.ax-dk-nav > a[aria-current="page"]{background:var(--ax-ink); color:var(--bg); font-weight:600;}
.ax-dk-hero{padding-bottom:10px;}
.ax-dk-hero-2{padding-top:18px !important; padding-bottom:30px !important;}
.ax-dk-h1{margin:0 auto 14px; max-width:820px; font-family:var(--font-display); font-weight:700; font-size:clamp(2rem,4.2vw,3.4rem); line-height:1.08; letter-spacing:-.02em; color:var(--text); text-align:center; text-wrap:balance;}
.ax-dk-circles{margin:0; text-align:center;}
.ax-dk-circles .ax-circles-inner{padding:4px 0 6px;}
.ax-dk-circles .ax-circle .store-logo{width:52px; height:52px;}
.ax-dk-circles .ax-circle{margin-right:12px !important;}
.ax-dk-stats{justify-content:center; margin-top:14px; font-size:14px;}
.ax-dk-section{padding-top:28px; padding-bottom:28px;}
.ax-dk-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; flex-wrap:wrap;}
.ax-dk-head h2{margin:0; font-family:var(--font-display); font-size:28px; font-weight:700; letter-spacing:-.01em; color:var(--text);}
.ax-dk-btn{height:44px; padding:0 18px; border-radius:22px; background:var(--ax-ink); color:var(--bg); display:inline-flex; align-items:center; gap:8px; text-decoration:none; font-weight:600; font-size:15px;}
[dir="rtl"] .ax-dk-btn svg{transform:rotate(180deg);}
.ax-dk-sub{margin:8px 0 10px; font-size:14px; font-weight:600; color:var(--text-muted);}
.ax-dk-tiles{display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:12px;}
.ax-dk-tile.dk-cat-tile{flex-direction:row; justify-content:flex-start; gap:12px; min-height:68px; padding:0 14px; border-radius:16px; text-align:start;}
.ax-dk-tile .ic{width:40px; height:40px; border-radius:12px; background:var(--ax-fill); display:flex; align-items:center; justify-content:center; position:relative; flex:none;}
.ax-dk-tile .ic svg{width:22px; height:22px;}
.ax-dk-tile .ic svg.cat-flag{width:26px; height:17px;}
.ax-dk-tile span:last-child{font-size:15px; font-weight:600;}
.ax-dk-groups{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; margin-top:12px;}
.ax-dk-group{background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:4px 16px 16px;}
.ax-dk-pills{display:flex; flex-wrap:wrap; gap:8px;}
.ax-dk-pill{min-height:44px; padding:0 14px 0 8px; border-radius:22px; background:var(--bg); display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:var(--text); font-size:14px; font-weight:600;}
.ax-dk-pill .ic{width:30px; height:30px; border-radius:15px; background:var(--surface); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; position:relative;}
.ax-dk-pill .ic svg{width:17px; height:17px;}
.ax-dk-pill .ic svg.cat-flag{width:20px; height:13px;}
.ax-dk-pill .cat-sa,.ax-dk-tile .cat-sa{bottom:-5px; left:-6px; font-size:8px;}
.ax-budget-hero .ax-budget-row{margin:0; padding:0; flex-wrap:wrap; overflow:visible;}
.ax-budget-hero .ax-pill{height:44px; padding:0 18px; border-radius:22px; font-size:15px;}
.ax-budget-hero .ax-budget-label{display:none;}
.dk-footer-col a.ax-strong{font-weight:700; color:var(--text);}
@media (hover:hover){
  .dk-cat-tile:hover,.ax-dk-pill:hover{box-shadow:0 8px 22px -12px rgba(32,30,29,.3);}
}
@media (hover:none){ .dk-cat-tile:hover{transform:none; box-shadow:none;} }

/* ---------- إمكانية الوصول (إعدادات الجوال) ---------- */
@media (prefers-reduced-transparency: reduce){
  .bottom-nav,.app-shell .bottom-nav,.btn-row.ax-actions,.dk-header,.ax-dk-nav{background:var(--surface) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;}
}
@media (prefers-contrast: more){
  .bottom-nav,.app-shell .bottom-nav{background:var(--surface); border-color:var(--text);}
  .chip.ax-chip,.ax-pill,.ax-tile-ic,.store-card{border-color:var(--text);}
}
@media (prefers-reduced-motion: reduce){
  .chip:active,.ax-pill:active,.ax-tile:active,.btn:active,.nav-btn:active,.store-card:active,.marquee-item:active{transform:none;}
  .sheet{transition:opacity 160ms ease !important;}
}
/* إصلاحات الكمبيوتر — v1.1 */
.ax-dk-header .dk-header-inner{flex-direction:row; padding:14px clamp(14px,4vw,32px) 10px; gap:16px;}
.ax-dk-header .dk-nav.ax-dk-nav{width:auto; flex:none; flex-wrap:nowrap; border-top:none; padding:4px; gap:2px; margin-inline:auto;}
.ax-dk-header .ax-dk-nav > a{border-bottom:none; padding:0 16px;}
.ax-dk-header .ax-dk-nav > a[aria-current="page"]{font-weight:600;}
.ax-dk-header .toggle-group{margin-inline-start:0;}
.ax-dk-hero{background:transparent !important;}
#desktop-marketing{background:linear-gradient(180deg, var(--surface-warm) 0, var(--bg) 640px);}
.ax-dk-hero:not(.ax-dk-hero-2){padding-bottom:22px !important;}
.ax-dk-hero .dk-hero-sub{margin-bottom:0;}
.dk-cat-tile.ax-dk-tile{aspect-ratio:auto; overflow:visible;}
.dk-cat-tile.ax-dk-tile span:last-child{width:auto; font-size:15px;}
.ax-dk-tile .ic{border-radius:12px; color:var(--text);}
.ax-dk-tile .ic svg{width:22px; height:22px;}
@media (max-width:860px){ .ax-dk-header .dk-logo-word{display:none;} }
@media (min-width:720px){
  html[data-app-open="1"]:not([data-view="mobile"]) .ax-tiles{grid-template-columns:repeat(auto-fill, 104px); justify-content:start; gap:16px 10px;}
  html[data-app-open="1"]:not([data-view="mobile"]) .ax-allstores{max-width:520px;}
}
.dk-hero-sub{text-wrap:balance;}

/* =====================================================================
   ٢٠ أكتوبر ٢٠٢٦ — v1.2 (بطلب شروق)
   ١) زجاج شفاف على البطاقات والأقسام والأزرار (Materials)
   ٢) مقاسات أصغر في الجوال
   ===================================================================== */
:root{
  --ax-mat:rgba(255,255,255,.62);
  --ax-mat-strong:rgba(255,255,255,.78);
  --ax-mat-edge:rgba(255,255,255,.75);
  --ax-mat-blur:blur(18px) saturate(170%);
  --ax-mat-shadow:0 1px 2px rgba(32,30,29,.04), 0 8px 24px -14px rgba(32,30,29,.22);
  --ax-ambient:
    radial-gradient(60% 38% at 100% 0%, rgba(220,235,125,.38), transparent 70%),
    radial-gradient(55% 34% at 0% 22%, rgba(246,170,120,.26), transparent 70%),
    radial-gradient(70% 40% at 80% 70%, rgba(190,205,235,.30), transparent 72%);
}
:root[data-theme="dark"]{
  --ax-mat:rgba(40,38,35,.58); --ax-mat-strong:rgba(40,38,35,.74); --ax-mat-edge:rgba(255,255,255,.09);
  --ax-mat-shadow:0 1px 2px rgba(0,0,0,.2), 0 8px 24px -14px rgba(0,0,0,.6);
  --ax-ambient:
    radial-gradient(60% 38% at 100% 0%, rgba(220,235,125,.10), transparent 70%),
    radial-gradient(55% 34% at 0% 22%, rgba(246,170,120,.08), transparent 70%),
    radial-gradient(70% 40% at 80% 70%, rgba(120,140,200,.10), transparent 72%);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ax-mat:rgba(40,38,35,.58); --ax-mat-strong:rgba(40,38,35,.74); --ax-mat-edge:rgba(255,255,255,.09);
    --ax-mat-shadow:0 1px 2px rgba(0,0,0,.2), 0 8px 24px -14px rgba(0,0,0,.6);
    --ax-ambient:
      radial-gradient(60% 38% at 100% 0%, rgba(220,235,125,.10), transparent 70%),
      radial-gradient(55% 34% at 0% 22%, rgba(246,170,120,.08), transparent 70%),
      radial-gradient(70% 40% at 80% 70%, rgba(120,140,200,.10), transparent 72%);
  }
}
/* خلفية فيها ألوان ناعمة عشان الزجاج يبان */
.app-shell{background:var(--ax-ambient), var(--bg); background-attachment:local;}
.topbar,.topbar.ax-top{background:transparent;}
#desktop-marketing{background:var(--ax-ambient), var(--bg);}

/* السطوح الزجاجية */
.store-card,
.chip.ax-chip,.ax-pill,.ax-tile-ic,.search-bar,.ax-seg,.ax-more,.ax-bought,
.ax-dk-group,.ax-dk-tile.dk-cat-tile,.dk-cat-tile,.ax-dk-pill,.fact,.ax-fact,.reviews-section,.rv-card,.rv-summary,
.lang-toggle,.theme-toggle,.sheet-close{
  background:var(--ax-mat);
  -webkit-backdrop-filter:var(--ax-mat-blur); backdrop-filter:var(--ax-mat-blur);
  border:1px solid var(--ax-mat-edge);
}
.store-card{box-shadow:var(--ax-mat-shadow);}
.search-bar{background:var(--ax-mat-strong); box-shadow:var(--ax-mat-shadow);}
.card-banner-logo{border-color:rgba(255,255,255,.9);}
.ax-seg-btn.active{background:var(--ax-mat-strong);}
.chip.ax-chip.active,.ax-pill.active,.ax-tile.active .ax-tile-ic{background:var(--ax-ink); border-color:var(--ax-ink);}
.ax-bought.on{background:rgba(220,235,125,.35); border-color:rgba(160,180,60,.35);}
.chip.ax-chip.ax-chip-more,.ax-pill-clear{background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; border:1px dashed var(--line);}
.sheet{background:var(--ax-mat-strong); -webkit-backdrop-filter:blur(30px) saturate(180%); backdrop-filter:blur(30px) saturate(180%);}
.ax-dk-group{background:var(--ax-mat);}
.ax-dk-pill{background:var(--ax-mat-strong);}

@media (prefers-reduced-transparency: reduce){
  .store-card,.chip.ax-chip,.ax-pill,.ax-tile-ic,.search-bar,.ax-seg,.ax-more,.ax-bought,.ax-dk-group,.dk-cat-tile,.ax-dk-pill,
  .reviews-section,.rv-card,.rv-summary,.lang-toggle,.theme-toggle,.sheet-close,.sheet{
    background:var(--surface); -webkit-backdrop-filter:none; backdrop-filter:none; border-color:var(--line);
  }
  .app-shell,#desktop-marketing{background:var(--bg);}
}

/* ---------- مقاسات الجوال: أصغر وأخف ---------- */
@media (max-width:719px){
  .topbar.ax-top{padding:calc(10px + env(safe-area-inset-top)) 16px 4px; gap:12px;}
  .lang-toggle{min-width:36px; height:36px; font-size:12px;}
  .theme-toggle{width:36px; height:36px;}
  .ax-h1{font-size:23px; line-height:1.2;}
  .ax-sub{font-size:13.5px; line-height:1.55;}
  .ax-title{font-size:24px;}
  .ax-hero{gap:5px; margin-top:0;}

  .ax-circles-inner{gap:6px;}
  .ax-circle{margin-right:8px !important;}
  .ax-circle .store-logo{width:38px; height:38px; font-size:11px;}

  .search-bar{height:44px; border-radius:22px; padding:0 14px;}
  .ax-stats{font-size:12px;}
  .ax-stats strong{font-size:14px;}

  .ax-sec-head{font-size:12px;}
  .chip.ax-chip{height:34px; padding:0 12px 0 10px; gap:6px; border-radius:17px; font-size:12.5px;}
  .chip.ax-chip svg{width:14px; height:14px;}
  .ax-chips{gap:6px;}

  .ax-budget-label{font-size:12px;}
  .ax-pill{height:32px; padding:0 11px; border-radius:16px; font-size:12.5px;}

  .ax-allstores{min-height:52px; border-radius:14px; gap:10px; padding:0 14px;}
  .ax-allstores .ic{width:32px; height:32px; border-radius:9px;}
  .ax-allstores b{font-size:14.5px;}
  .ax-allstores small{font-size:11.5px;}
  .ax-group h3{font-size:12px; margin:2px 0 8px;}
  .ax-tiles{gap:12px 6px;}
  .ax-tile{gap:5px;}
  .ax-tile-ic{width:48px; height:48px; border-radius:14px;}
  .ax-tile-ic svg{width:22px; height:22px;}
  .ax-tile-ic svg.cat-flag{width:26px; height:17px;}
  .ax-tile-tx{font-size:11.5px;}

  .card-banner-logo{width:38px; height:38px; bottom:-15px; border-width:2px;}
  .card-body{padding:20px 10px 10px; gap:4px;}
  .store-name{font-size:13.5px;}
  .store-origin{font-size:11.5px;}
  .badge{font-size:10.5px;}
  .fav-btn .fav-dot{width:28px; height:28px;}
  .fav-btn svg{width:13px; height:13px;}

  .bottom-nav,.app-shell .bottom-nav{height:56px; border-radius:28px; width:calc(100% - 28px);}
  .nav-btn{height:56px;}
  .nav-btn svg{width:20px; height:20px;}
  .nav-btn span{font-size:10px;}
  .content{padding-bottom:calc(96px + env(safe-area-inset-bottom));}

  .ax-seg-btn{min-height:44px; font-size:13px;}
  .ax-seg-btn small{font-size:10px;}
  .ax-hint{font-size:12px;}
  .sheet-close{width:36px; height:36px;}
  .ax-more summary{min-height:44px; font-size:13.5px;}
  .ax-bought{min-height:44px; font-size:13.5px;}
  .btn-row.ax-actions .btn-primary{min-height:46px; border-radius:23px; font-size:14.5px;}
  .btn-row.ax-actions .heart-line{width:46px; min-width:46px; height:46px; border-radius:23px;}
  .ax-foot a{font-size:12px;}
}

/* ---------- تجارب المشتريات ---------- */
.rv-section{margin:6px 0 14px; padding:14px; border-radius:18px; display:flex; flex-direction:column; gap:10px;}
.rv-head{display:flex; align-items:center; justify-content:space-between;}
.rv-head h3{margin:0; font-family:var(--font-head); font-size:17px; font-weight:700; color:var(--text);}
.rv-stars{display:inline-flex; gap:1px; flex:none;}
.rv-stars svg{fill:none; stroke:var(--line); stroke-width:1.6; stroke-linejoin:round;}
.rv-stars svg.on{fill:var(--ax-ink); stroke:var(--ax-ink);}
.rv-empty{display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; padding:6px 4px 2px;}
.rv-empty p{margin:0; font-size:13.5px; line-height:1.6; color:var(--text-muted);}
.rv-write{align-self:stretch; min-height:44px; border-radius:22px; border:1px solid var(--ax-ink); background:transparent; color:var(--text);
  display:flex; align-items:center; justify-content:center; gap:7px; font:600 14.5px var(--font-body); cursor:pointer; transition:transform 120ms var(--ax-press);}
.rv-write:active{transform:scale(.97);}
.rv-summary{display:flex; gap:14px; align-items:center; padding:12px; border-radius:14px;}
.rv-avg{display:flex; flex-direction:column; align-items:center; gap:3px; flex:none; min-width:78px;}
.rv-avg b{font-family:var(--font-num); font-size:34px; font-weight:800; line-height:1; color:var(--text);}
.rv-avg > span:last-child{font-size:11.5px; color:var(--text-muted);}
.rv-dist{flex:1; display:flex; flex-direction:column; gap:4px;}
.rv-bar{display:flex; align-items:center; gap:6px; font-family:var(--font-num); font-size:11px; color:var(--text-muted);}
.rv-bar i{flex:1; height:6px; border-radius:3px; background:var(--ax-fill); overflow:hidden; display:block;}
.rv-bar b{display:block; height:100%; border-radius:3px; background:var(--ax-ink);}
.rv-sub{margin:4px 0 0; font-size:12.5px; font-weight:600; color:var(--text-muted);}
.rv-facts{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px;}
.rv-fact{padding:10px 12px; border-radius:12px; background:var(--ax-mat); border:1px solid var(--ax-mat-edge); display:flex; flex-direction:column; gap:2px;}
.rv-fact span{font-size:11.5px; color:var(--text-muted);}
.rv-fact b{font-size:13.5px; font-weight:600; color:var(--text);}
.rv-card{padding:12px; border-radius:14px; display:flex; flex-direction:column; gap:8px; position:relative;}
.rv-pending{border-style:dashed !important;}
.rv-pending-tag{font-size:11.5px; font-weight:600; color:var(--text-muted);}
.rv-top{display:flex; align-items:center; gap:10px;}
.rv-av{width:34px; height:34px; border-radius:50%; background:var(--ax-fill); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; flex:none; color:var(--text);}
.rv-who{flex:1; display:flex; flex-direction:column; gap:1px; min-width:0;}
.rv-who b{font-size:14px; color:var(--text);}
.rv-meta{display:flex; flex-wrap:wrap; gap:4px 10px; font-size:11.5px; color:var(--text-muted);}
.rv-verified{display:inline-flex; align-items:center; gap:3px; color:#4D5E14;}
:root[data-theme="dark"] .rv-verified{color:#DCEB7D;}
.rv-tags{display:flex; flex-wrap:wrap; gap:5px;}
.rv-tags span{font-size:11.5px; padding:4px 9px; border-radius:11px; background:var(--ax-fill); color:var(--text);}
.rv-text{margin:0; font-size:14px; line-height:1.7; color:var(--text);}
.rv-report{align-self:flex-end; min-height:32px; padding:0 6px; background:none; border:none; font:500 12px var(--font-body); color:var(--text-faint); cursor:pointer;}

/* نافذة «اكتبي تجربتك» */
.rv-root{position:fixed; inset:0; z-index:90; display:flex; align-items:flex-end; justify-content:center;}
.rv-backdrop{position:absolute; inset:0; background:rgba(20,19,17,.42); opacity:0; transition:opacity 220ms ease;}
.rv-sheet{position:relative; width:100%; max-width:520px; max-height:92vh; display:flex; flex-direction:column; border-radius:24px 24px 0 0;
  background:var(--ax-mat-strong); -webkit-backdrop-filter:blur(30px) saturate(180%); backdrop-filter:blur(30px) saturate(180%);
  border:1px solid var(--ax-mat-edge); box-shadow:0 -10px 40px rgba(0,0,0,.18);
  transform:translateY(100%); transition:transform 340ms cubic-bezier(.2,.9,.25,1); color:var(--text); font-family:var(--font-body);}
.rv-root.open .rv-backdrop{opacity:1;}
.rv-root.open .rv-sheet{transform:none;}
.rv-body{overflow-y:auto; padding:4px 18px 12px; display:flex; flex-direction:column; gap:14px; overscroll-behavior:contain;}
.rv-bar-top{display:flex; justify-content:flex-start;}
.rv-cancel{min-height:40px; padding:0 4px; background:none; border:none; font:500 15px var(--font-body); color:var(--text-muted); cursor:pointer;}
.rv-store{display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center;}
.rv-store .store-logo{width:52px; height:52px; border-radius:50%;}
.rv-store h2{margin:0; font-family:var(--font-head); font-size:19px; font-weight:700; line-height:1.35;}
.rv-starpick{display:flex; justify-content:center; gap:4px; direction:ltr;}
.rv-star{width:48px; height:48px; border:none; background:none; padding:0; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.rv-star svg{fill:none; stroke:#CFCBC2; stroke-width:1.5; stroke-linejoin:round; transition:transform 160ms cubic-bezier(.2,.9,.3,1.4), fill 120ms ease;}
.rv-star.on svg{fill:var(--ax-ink); stroke:var(--ax-ink);}
.rv-star.pick svg{transform:scale(1.12);}
.rv-hint{margin:-6px 0 0; text-align:center; font-size:13.5px; color:var(--text-muted);}
.rv-hint.set{color:var(--text); font-weight:600;}
.rv-q{border:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px;}
.rv-q legend{padding:0; margin-bottom:8px; font-size:14px; font-weight:600;}
.rv-opts{display:flex; flex-wrap:wrap; gap:6px;}
.rv-opt{min-height:38px; padding:0 14px; border-radius:19px; border:1px solid var(--line); background:var(--ax-mat); color:var(--text); font:500 13.5px var(--font-body); cursor:pointer; transition:transform 120ms var(--ax-press), background-color 160ms ease;}
.rv-opt:active{transform:scale(.96);}
.rv-opt.on{background:var(--ax-ink); border-color:var(--ax-ink); color:var(--bg); font-weight:600;}
.rv-field{display:flex; flex-direction:column; gap:6px; font-size:14px; font-weight:600;}
.rv-field textarea,.rv-field input{font:400 16px var(--font-body); color:var(--text); padding:10px 12px; border-radius:12px; border:1px solid var(--line); background:var(--ax-mat-strong); resize:vertical; box-sizing:border-box; width:100%;}
.rv-photo{align-self:flex-start; min-height:40px; padding:0 14px; border-radius:20px; border:1px dashed var(--line); display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:600; cursor:pointer;}
.rv-photo.on{border-style:solid; background:rgba(220,235,125,.35);}
.rv-check{display:flex; align-items:center; gap:10px; min-height:44px; font-size:14px;}
.rv-check input{width:20px; height:20px; accent-color:var(--ax-ink);}
.rv-privacy{margin:0; display:flex; gap:6px; align-items:flex-start; font-size:12px; line-height:1.6; color:var(--text-muted);}
.rv-privacy svg{flex:none; margin-top:2px;}
.rv-err{margin:0; font-size:13px; color:#B3261E;}
.rv-foot{padding:12px 18px calc(14px + env(safe-area-inset-bottom)); border-top:1px solid var(--ax-hair);}
.rv-send{width:100%; min-height:50px; border-radius:25px; border:none; background:var(--ax-ink); color:var(--bg); font:600 16px var(--font-body); cursor:pointer; transition:transform 120ms var(--ax-press), opacity 160ms ease;}
.rv-send:active{transform:scale(.97);}
.rv-send:disabled{background:var(--ax-fill); color:var(--text-faint); cursor:default;}
.rv-done{padding:28px 22px calc(22px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center;}
.rv-done-ic{width:60px; height:60px; border-radius:50%; background:rgba(220,235,125,.45); display:flex; align-items:center; justify-content:center;}
.rv-done h2{margin:0; font-family:var(--font-head); font-size:20px;}
.rv-done p{margin:0 0 8px; font-size:14px; line-height:1.7; color:var(--text-muted);}
[hidden]{display:none !important;}
@media (min-width:720px){
  .rv-root{align-items:center;}
  .rv-sheet{border-radius:22px; max-height:86vh; transform:scale(.96); opacity:0; transition:transform 260ms cubic-bezier(.2,.9,.25,1), opacity 180ms ease;}
  .rv-root.open .rv-sheet{transform:none; opacity:1;}
  .rv-sheet .sheet-handle{display:none;}
}
@media (max-width:719px){
  .rv-head h3{font-size:15.5px;}
  .rv-avg b{font-size:28px;}
  .rv-text{font-size:13.5px;}
}
@media (prefers-reduced-motion: reduce){ .rv-sheet,.rv-backdrop,.rv-star svg{transition:none;} }
@media (prefers-reduced-transparency: reduce){ .rv-sheet,.rv-fact,.rv-opt{background:var(--surface); -webkit-backdrop-filter:none; backdrop-filter:none;} }
.rv-opt:hover{background:var(--ax-mat-strong); color:var(--text);}
.rv-opt.on,.rv-opt.on:hover{background:var(--ax-ink); border-color:var(--ax-ink); color:var(--bg);}

/* =====================================================================
   ٢٠ أكتوبر ٢٠٢٦ — v1.3 (بطلب شروق)
   صفحة المتجر كاملة بزر رجوع · المعلومات نقاط · التجارب مرتبة بالصور · «كل المتاجر» تحت
   ===================================================================== */
/* صفحة المتجر: شاشة كاملة بدل نافذة نص */
.overlay,#overlay-root .overlay{align-items:stretch; justify-content:stretch; padding:0 !important; background:var(--bg);}
.overlay .sheet,.sheet{width:100%; max-width:none !important; height:100%; max-height:none !important; border-radius:0 !important;
  border:none; box-shadow:none; background:var(--ax-ambient), var(--bg) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  transform:translateX(-24px); opacity:0; transition:transform 300ms cubic-bezier(.2,.9,.25,1), opacity 200ms ease !important;}
[dir="ltr"] .overlay .sheet{transform:translateX(24px);}
.overlay.open .sheet{transform:none !important; opacity:1;}
.sheet-handle{display:none;}
.ax-pagebar{position:sticky; top:0; z-index:5; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px;
  padding:calc(6px + env(safe-area-inset-top)) 12px 6px !important; min-height:52px;
  background:var(--ax-glass); -webkit-backdrop-filter:blur(20px) saturate(180%); backdrop-filter:blur(20px) saturate(180%); border-bottom:1px solid var(--ax-hair);}
.ax-back{justify-self:start; display:inline-flex; align-items:center; gap:2px; min-height:44px; padding:0 8px 0 4px; border:none; background:none;
  color:var(--text); font:600 16px var(--font-body); cursor:pointer; transition:transform 120ms var(--ax-press), opacity 120ms ease;}
.ax-back:active{transform:scale(.96); opacity:.6;}
[dir="ltr"] .ax-back svg{transform:rotate(180deg);}
.ax-pagebar-title{font-family:var(--font-head); font-weight:700; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:56vw; color:var(--text);}
.sheet-body{flex:1; width:100%; max-width:720px; margin:0 auto; box-sizing:border-box; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.overlay .sheet{display:flex; flex-direction:column; overflow:hidden;}
.btn-row.ax-actions{margin-left:-20px; margin-right:-20px;}
@media (min-width:720px){ .sheet-body{padding-left:28px; padding-right:28px;} .btn-row.ax-actions{margin-left:-28px; margin-right:-28px; padding-left:28px; padding-right:28px;} }

/* المعلومات كنقاط */
.ax-info{margin:4px 0 14px; padding:14px 16px; border-radius:18px; background:var(--ax-mat); -webkit-backdrop-filter:var(--ax-mat-blur); backdrop-filter:var(--ax-mat-blur); border:1px solid var(--ax-mat-edge);}
.ax-info h3{margin:0 0 10px; display:flex; align-items:center; gap:7px; font-family:var(--font-head); font-size:16px; font-weight:700; color:var(--text);}
.ax-info h4{margin:12px 0 6px; font-family:var(--font-head); font-size:14.5px; font-weight:700; color:var(--text);}
.ax-info-sec + .ax-info-sec{border-top:1px solid var(--ax-hair);}
.ax-bullets{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px;}
.ax-bullets li{position:relative; padding-inline-start:16px; font-size:14px; line-height:1.75; color:var(--text);}
.ax-bullets li::before{content:""; position:absolute; inset-inline-start:2px; top:.72em; width:6px; height:6px; border-radius:50%; background:var(--accent-strong, #A8BA3A);}
.ax-bullets li strong{font-weight:700;}
.ax-b-sub{display:block; font-weight:700; font-size:13px; color:var(--text-muted); margin-bottom:2px;}
.ax-b-raw{overflow-x:auto;}
.ax-key{padding:10px 12px; margin-bottom:6px; border-radius:14px; background:rgba(220,235,125,.28); border:1px solid rgba(168,186,58,.25);}
.ax-key > b{display:block; font-size:12.5px; margin-bottom:6px; color:var(--text);}
.ax-info .ax-more{margin:10px 0 0; background:transparent; padding:0;}
.ax-info .ax-more summary{padding:0 2px;}

/* «كل المتاجر» تحت */
.ax-home-all{margin-top:16px;}
.ax-group + .ax-allstores,.ax-group ~ .ax-allstores{margin-top:18px;}
.ax-dk-allrow{display:flex; justify-content:center; margin-top:22px;}

/* التجارب: مرتبة + صور */
.rv-n{font-family:var(--font-num); font-size:13px; font-weight:700; color:var(--text-muted); background:var(--ax-fill); padding:2px 8px; border-radius:10px; margin-inline-start:4px;}
.rv-section > .rv-write{background:var(--ax-ink); color:var(--bg); border-color:var(--ax-ink);}
.rv-strip{display:flex; gap:6px; overflow-x:auto; margin:0 -14px; padding:0 14px 2px; scrollbar-width:none;}
.rv-strip::-webkit-scrollbar{display:none;}
.rv-strip .rv-pic{width:84px; height:84px; flex:none;}
.rv-pics{display:flex; gap:6px; flex-wrap:wrap;}
.rv-pics .rv-pic{width:72px; height:72px;}
.rv-pic{padding:0; border:none; border-radius:12px; overflow:hidden; background:var(--ax-fill); cursor:zoom-in; transition:transform 120ms var(--ax-press);}
.rv-pic:active{transform:scale(.96);}
.rv-pic img{width:100%; height:100%; object-fit:cover; display:block;}
.rv-sort{display:flex; gap:6px; margin-top:4px;}
.rv-sort button{min-height:34px; padding:0 12px; border-radius:17px; border:1px solid var(--line); background:var(--ax-mat); color:var(--text); font:500 13px var(--font-body); cursor:pointer;}
.rv-sort button.on{background:var(--ax-ink); border-color:var(--ax-ink); color:var(--bg); font-weight:600;}
.rv-list{display:flex; flex-direction:column; gap:8px;}
.rv-collapsed .rv-list > .rv-card:nth-child(n+4){display:none;}
.rv-toggle{min-height:44px; border-radius:22px; border:1px solid var(--line); background:var(--ax-mat); color:var(--text); font:600 14px var(--font-body); cursor:pointer;}
.rv-lightbox{position:fixed; inset:0; z-index:120; background:rgba(0,0,0,.88); display:flex; align-items:center; justify-content:center; padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));}
.rv-lightbox img{max-width:100%; max-height:100%; border-radius:12px; object-fit:contain;}
.rv-lb-close{position:absolute; top:calc(12px + env(safe-area-inset-top)); inset-inline-end:12px; width:44px; height:44px; border-radius:22px; border:none; background:rgba(255,255,255,.18); color:#fff; display:flex; align-items:center; justify-content:center;}
@media (max-width:719px){ .ax-info h3{font-size:15px;} .ax-bullets li{font-size:13.5px;} }
@media (prefers-reduced-motion: reduce){ .overlay .sheet{transform:none !important;} }

/* v1.4 — عنوان الرئيسية أصغر شوي + «قبل ما تطلبين» مطوية */
.ax-h1{font-size:24px;}
@media (max-width:719px){ .ax-h1{font-size:20px; line-height:1.25;} .ax-sub{font-size:13px;} }
.ax-dk-h1{font-size:clamp(1.75rem,3.4vw,2.7rem);}
.ax-info-fold{padding:0 16px;}
.ax-info-fold > summary{list-style:none; cursor:pointer; min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.ax-info-fold > summary::-webkit-details-marker{display:none;}
.ax-fold-t{display:flex; align-items:center; gap:7px; font-family:var(--font-head); font-size:16px; font-weight:700; color:var(--text);}
.ax-fold-cta{display:inline-flex; align-items:center; gap:4px; font-size:13px; font-weight:600; color:var(--text-muted);}
.ax-fold-cta svg{transition:transform 200ms ease;}
.ax-info-fold[open] .ax-fold-cta svg{transform:rotate(180deg);}
.ax-fold-body{padding:2px 0 14px;}
@media (max-width:719px){ .ax-fold-t{font-size:15px;} }

/* v1.5 — إصلاح تعليق الكتابة في «اكتبي تجربتك» على الجوال (آيفون):
   تمويه الزجاج (backdrop-filter) فوق طبقات كثيرة يثقّل الرسم وقت ما يطلع الكيبورد.
   نافذة التجربة صارت سطح صلب، وكل التمويه تحتها يتوقف وهي مفتوحة. */
.rv-sheet{background:var(--surface) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; max-height:calc(100dvh - 24px);}
html.rv-open *:not(.rv-root):not(.rv-root *){-webkit-backdrop-filter:none !important; backdrop-filter:none !important;}
html.rv-open, html.rv-open body{overflow:hidden;}
.rv-opt,.rv-field textarea,.rv-field input{-webkit-backdrop-filter:none !important; backdrop-filter:none !important;}
.rv-opt{background:var(--surface);}
.rv-field textarea,.rv-field input{background:var(--bg); -webkit-user-select:text; user-select:text; touch-action:manipulation;}
.rv-body{-webkit-overflow-scrolling:touch; touch-action:pan-y;}
/* الجوال: الزجاج داخل الصفحات بدون تمويه حي (أخف وأسرع على الآيفون)، ويبقى التمويه للشريط السفلي وشريط الرجوع */
@media (max-width:719px){
  .store-card,.chip.ax-chip,.ax-pill,.ax-tile-ic,.search-bar,.ax-seg,.ax-more,.ax-bought,.fact,.reviews-section,.rv-card,.rv-summary,.rv-fact,.ax-info,
  .lang-toggle,.theme-toggle,.sheet-close{-webkit-backdrop-filter:none !important; backdrop-filter:none !important;}
  :root{--ax-mat:rgba(255,255,255,.72); --ax-mat-strong:rgba(255,255,255,.86);}
  :root[data-theme="dark"]{--ax-mat:rgba(40,38,35,.78); --ax-mat-strong:rgba(40,38,35,.9);}
}
@media (max-width:719px) and (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--ax-mat:rgba(40,38,35,.78); --ax-mat-strong:rgba(40,38,35,.9);}
}

/* v1.6 — الآيباد/الكمبيوتر: صفحة المتجر كانت تحت هيدر الموقع (z-index 60) فيختفي شريط «رجوع».
   الحين صفحة المتجر فوق كل شي (ونافذة التجربة والصورة فوقها). */
#overlay-root .overlay{z-index:70;}
/* اختصار «تجارب المشتريات» تحت اسم المتجر — ينزل للقسم مباشرة */
.ax-jump{margin-top:6px; min-height:34px; padding:0 12px; border-radius:17px; border:1px solid var(--line); background:var(--ax-mat-strong); color:var(--text);
  display:inline-flex; align-items:center; gap:6px; font:600 13px var(--font-body); cursor:pointer; transition:transform 120ms var(--ax-press);}
.ax-jump:active{transform:scale(.96);}
.rv-section{scroll-margin-top:72px;}

/* =====================================================================
   v1.7 — ٢١ أكتوبر ٢٠٢٦ (بطلب شروق): رفوف في الرئيسية + بطاقات أصغر
   ===================================================================== */
.ax-shelves{display:flex; flex-direction:column; gap:18px;}
.ax-shelf-head{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:8px;}
.ax-shelf-head h3{margin:0; font-family:var(--font-head); font-size:17px; font-weight:700; color:var(--text);}
.ax-shelf-more{display:inline-flex; align-items:center; gap:2px; min-height:32px; font-size:13px; font-weight:600; color:var(--text-muted); text-decoration:none;}
[dir="rtl"] .ax-shelf-more svg{transform:rotate(180deg);}
.ax-shelf-row{display:flex; gap:10px; overflow-x:auto; overflow-y:hidden; margin:0 -16px; padding:2px 16px 8px;
  scroll-snap-type:x mandatory; scroll-padding-inline:16px; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;}
.ax-shelf-row .store-card{flex:none; width:136px; scroll-snap-align:start; border-radius:16px;}
.ax-shelf-row .card-banner{aspect-ratio:1/1;}
.ax-shelf-row .card-banner-logo{width:32px; height:32px; bottom:-12px; inset-inline-start:8px; border-width:2px;}
.ax-shelf-row .card-body{padding:16px 9px 9px; gap:3px;}
.ax-shelf-row .store-name{font-size:13px; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ax-shelf-row .store-origin{font-size:11px; line-height:1.4;}
.ax-shelf-row .badge-row{display:none;}
.ax-shelf-row .rating-row{transform:scale(.9); transform-origin:inline-start;}
.ax-shelf-row .fav-btn{width:36px; height:36px;}
.ax-shelf-row .fav-btn .fav-dot{width:24px; height:24px;}
.ax-shelf-row .fav-btn svg{width:12px; height:12px;}
.ax-shelves .ax-home-all{margin-top:4px;}
@media (min-width:720px){
  .ax-shelf-row{margin:0; padding:2px 0 8px;}
  .ax-shelf-row .store-card{width:168px;}
  .ax-shelf-head h3{font-size:19px;}
}
/* بطاقات القوائم الثانية (الأقسام وكل المتاجر) أصغر في الجوال */
@media (max-width:719px){
  .store-grid{gap:10px;}
  .store-grid .card-banner{aspect-ratio:1/1;}
  .store-grid .card-banner-logo{width:34px; height:34px; bottom:-13px;}
  .store-grid .card-body{padding:18px 9px 9px; gap:3px;}
  .store-grid .store-name{font-size:13px;}
  .store-grid .store-origin{font-size:11px;}
  .store-grid .badge{font-size:10px;}
}

/* v1.9 — رفوف الآيباد والكمبيوتر (نفس تنظيم الجوال) */
.ax-shelf-tools{display:inline-flex; align-items:center; gap:10px;}
.ax-shelf-arrows{display:none; gap:6px;}
.ax-arrow{width:34px; height:34px; border-radius:17px; border:1px solid var(--line); background:var(--ax-mat-strong); color:var(--text);
  display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:transform 120ms var(--ax-press), background-color 160ms ease;}
.ax-arrow:hover{background:var(--surface);}
.ax-arrow:active{transform:scale(.94);}
.ax-arrow-next svg{transform:rotate(180deg);}
[dir="ltr"] .ax-arrow svg{transform:rotate(180deg);}
[dir="ltr"] .ax-arrow-next svg{transform:none;}
@media (min-width:720px) and (hover:hover){ .ax-shelf-arrows{display:inline-flex;} }
.ax-dk-shelves{gap:26px; padding-top:8px;}
.ax-dk-budget{padding-bottom:6px;}
.ax-dk-shelves .ax-shelf-row{gap:14px; scrollbar-width:none;}
.ax-dk-shelves .ax-shelf-row::-webkit-scrollbar{display:none;}
.ax-dk-shelves .ax-shelf-row .store-card{width:178px;}
@media (min-width:1100px){ .ax-dk-shelves .ax-shelf-row .store-card{width:196px;} }
.ax-dk-shelves .ax-shelf-head h3{font-family:var(--font-display); font-size:22px;}
/* الرفوف فيها بطاقات كثيرة — بدون تمويه حي عليها (أخف على الآيباد وما يصير وميض/فراغات) */
.ax-shelf-row .store-card,.store-grid .store-card{-webkit-backdrop-filter:none !important; backdrop-filter:none !important; background:var(--ax-mat-strong);}
@media (hover:none){
  .store-card,.ax-dk-group,.ax-dk-pill,.dk-cat-tile,.ax-pill,.ax-info,.rv-section,.rv-card,.rv-summary,.rv-fact,.fact{-webkit-backdrop-filter:none !important; backdrop-filter:none !important;}
}