/* واجهة iPhone: تحاكي تطبيق Flutter وتبقى معزولة عن بقية الأجهزة. */
.ios-app-tabbar{display:none}

@media (max-width:932px){
  html.ios-app-ui{
    --ios-shell-bg:#f5f5f7;
    --ios-shell-surface:#ffffff;
    --ios-shell-text:#171719;
    --ios-shell-muted:#666b76;
    --ios-shell-line:rgba(20,20,24,.11);
    --ios-shell-bar:rgba(255,255,255,.94);
    --ios-shell-orange:#f5820a;
    --ios-shell-nav-height:58px;
    background:var(--ios-shell-bg);
    color-scheme:light;
    overflow-x:hidden;
  }
  html.ios-app-ui[data-theme="dark"]{
    --ios-shell-bg:#0e0e10;
    --ios-shell-surface:#1a1a1d;
    --ios-shell-text:#f4f4f5;
    --ios-shell-muted:#aaaab2;
    --ios-shell-line:rgba(255,255,255,.12);
    --ios-shell-bar:rgba(26,26,29,.94);
    color-scheme:dark;
  }
  .ios-app-ui body{
    min-height:100dvh;
    background:var(--ios-shell-bg);
    color:var(--ios-shell-text);
    padding-bottom:calc(var(--ios-shell-nav-height) + env(safe-area-inset-bottom) + 14px);
    overflow-x:hidden;
    -webkit-tap-highlight-color:transparent;
    overscroll-behavior-y:none;
  }
  .ios-app-ui body,.ios-app-ui button,.ios-app-ui input,.ios-app-ui select,.ios-app-ui textarea{font-size:max(16px,1em)}
  .ios-app-ui .announce{padding-top:calc(7px + env(safe-area-inset-top));font-size:12px;line-height:1.45}
  .ios-app-ui header.site.v2{
    top:0;
    background:#111113;
    border:0;
    box-shadow:0 1px 0 rgba(255,255,255,.06);
    padding-top:env(safe-area-inset-top);
    z-index:90;
  }
  .ios-app-ui .announce + header.site.v2{padding-top:0}
  .ios-app-ui header.site.v2 .header-in{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"actions logo" "search search";
    gap:8px 12px;
    padding:8px 12px 10px;
  }
  .ios-app-ui[dir="ltr"] header.site.v2 .header-in{grid-template-areas:"logo actions" "search search"}
  .ios-app-ui header.site.v2 .logo{grid-area:logo;justify-self:end;min-width:58px;height:44px;display:flex;align-items:center}
  .ios-app-ui[dir="ltr"] header.site.v2 .logo{justify-self:start}
  .ios-app-ui header.site.v2 .logo .mark-img{height:38px;max-width:82px;width:auto;object-fit:contain}
  .ios-app-ui header.site.v2 .header-actions{grid-area:actions;justify-self:start;display:flex;align-items:center;gap:8px;direction:rtl}
  .ios-app-ui[dir="ltr"] header.site.v2 .header-actions{justify-self:end;direction:ltr}
  .ios-app-ui header.site.v2 .mobile-nav-toggle,
  .ios-app-ui header.site.v2 .desktop-theme-toggle,
  .ios-app-ui header.site.v2 .lang-btn,
  .ios-app-ui header.site.v2 .top-soc,
  .ios-app-ui header.site.v2 .acct-chip{display:none!important}
  .ios-app-ui header.site.v2 .icon-btn{
    display:inline-flex;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid rgba(255,255,255,.09);
    border-radius:12px;
    background:#222226;
    color:#fff;
    transform:none;
    transition:background-color .16s ease,opacity .16s ease;
    touch-action:manipulation;
  }
  .ios-app-ui header.site.v2 .icon-btn.is-pressed{background:#343439;opacity:.75}
  .ios-app-ui header.site.v2 .search.pill{
    grid-area:search;
    width:100%;
    height:44px;
    min-width:0;
    max-width:none;
    padding-inline:12px;
    border:1px solid transparent;
    border-radius:12px;
    background:#fff;
    box-shadow:none;
  }
  .ios-app-ui header.site.v2 .search.pill input{min-width:0;color:#171719;font-size:16px}
  .ios-app-ui header.site.v2 .search.pill:focus-within{border-color:var(--ios-shell-orange);box-shadow:0 0 0 3px rgba(245,130,10,.2)}
  .ios-app-ui header.site.v2 nav.cats.v2{display:none}
  .ios-app-ui .mobile-nav,.ios-app-ui .mobile-nav-backdrop{display:none!important}
  .ios-app-ui .mini-badge{
    top:-5px;
    inset-inline-end:-5px;
    inset-inline-start:auto;
    min-width:18px;
    height:18px;
    border:2px solid #111113;
    background:var(--ios-shell-orange);
    font-size:10px;
  }
  .ios-app-ui body > .container,
  .ios-app-ui body > main,
  .ios-app-ui main > .container{padding-inline:12px}
  .ios-app-ui .sec-head{margin-top:16px;margin-bottom:12px}
  .ios-app-ui .sec-head h1,.ios-app-ui .sec-head h2{font-size:20px;line-height:1.45;letter-spacing:0}
  .ios-app-ui .card,.ios-app-ui .form-card,.ios-app-ui .filter-card,.ios-app-ui .reward-card{
    background:var(--ios-shell-surface);
    border:1px solid var(--ios-shell-line);
    border-radius:8px;
    box-shadow:0 1px 3px rgba(0,0,0,.05);
  }
  .ios-app-ui .btn,.ios-app-ui button,.ios-app-ui a{touch-action:manipulation}
  .ios-app-ui .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .ios-app-ui input,.ios-app-ui select,.ios-app-ui textarea{min-height:44px}

  .ios-app-ui .ios-app-tabbar{
    position:fixed;
    inset-inline:0;
    bottom:0;
    z-index:180;
    height:calc(var(--ios-shell-nav-height) + env(safe-area-inset-bottom));
    padding:4px 4px env(safe-area-inset-bottom);
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
    background:var(--ios-shell-bar);
    border-top:1px solid var(--ios-shell-line);
    box-shadow:0 -5px 18px rgba(0,0,0,.08);
    -webkit-backdrop-filter:blur(18px) saturate(1.5);
    backdrop-filter:blur(18px) saturate(1.5);
  }
  .ios-app-ui .ios-tab{
    position:relative;
    min-width:0;
    min-height:54px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    color:var(--ios-shell-muted);
    font-size:10px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none;
    transition:color .16s ease,opacity .16s ease;
  }
  .ios-app-ui .ios-tab svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .ios-app-ui .ios-tab.is-active{color:var(--ios-shell-orange)}
  .ios-app-ui .ios-tab.is-active svg{stroke-width:2.25}
  .ios-app-ui .ios-tab.is-pressed{opacity:.5}
  .ios-app-ui .ios-tab-icon-wrap{position:relative;display:flex}
  .ios-app-ui .ios-tab-badge{
    position:absolute;
    top:-7px;
    inset-inline-end:-11px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    border:2px solid var(--ios-shell-bar);
    border-radius:99px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e53935;
    color:#fff;
    font-size:9px;
    font-weight:800;
    font-variant-numeric:tabular-nums;
  }
  .ios-app-ui footer.site.v2{display:none}
  .ios-app-ui .sticky-atc{bottom:calc(var(--ios-shell-nav-height) + env(safe-area-inset-bottom));z-index:160}
  .ios-app-ui #toast{bottom:calc(var(--ios-shell-nav-height) + env(safe-area-inset-bottom) + 16px)}
  .ios-app-ui .wa-float{bottom:calc(var(--ios-shell-nav-height) + env(safe-area-inset-bottom) + 18px)}
  .ios-app-ui #ai-fab{bottom:calc(var(--ios-shell-nav-height) + env(safe-area-inset-bottom) + 18px)}
  .ios-app-ui #ai-chat{bottom:calc(var(--ios-shell-nav-height) + env(safe-area-inset-bottom) + 12px)}
  .ios-app-ui .pwa-prompt-card,.ios-app-ui .gift-pop-card,.ios-app-ui .receipt-confirm-card{margin-bottom:env(safe-area-inset-bottom)}
}

@media (max-width:390px){
  .ios-app-ui header.site.v2 .header-in{padding-inline:10px;gap:7px 9px}
  .ios-app-ui header.site.v2 .header-actions{gap:6px}
  .ios-app-ui header.site.v2 .icon-btn{width:42px;height:42px}
  .ios-app-ui .ios-tab{font-size:9.5px}
}

@media (max-height:520px) and (orientation:landscape){
  .ios-app-ui header.site.v2 .header-in{grid-template-columns:auto minmax(180px,1fr) auto;grid-template-areas:"actions search logo";padding-block:5px}
  .ios-app-ui[dir="ltr"] header.site.v2 .header-in{grid-template-areas:"logo search actions"}
  .ios-app-ui header.site.v2 .search.pill{height:42px}
}

@media (prefers-reduced-motion:reduce){
  .ios-app-ui *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}