/* ═══════════════════════════════════════════════════════════════════════════
   Pilot Shop — منوی پایین موبایل ( [mz_nav] )
   فقط زیر ۱۰۲۴px. ارتفاع = --mz-bnav-h (+ safe-area آیفون).
   ═══════════════════════════════════════════════════════════════════════════ */
.mz-bnav{ display:none; }
.mz-csheet{ display:none; }

@media (max-width:1023.98px){
  body.mz-has-bnav{ padding-bottom:calc(64px + env(safe-area-inset-bottom)); }
  /* دکمهٔ «برگشت به بالا»ی آسترا و ابزارک‌های شناور بالای منو بمانند */
  body.mz-has-bnav #ast-scroll-top{ bottom:calc(80px + env(safe-area-inset-bottom)); }

  .mz-scope.mz-bnav{
    display:block; position:fixed; z-index:8000; inset-inline:0; inset-block-end:0;
    padding-bottom:env(safe-area-inset-bottom);
    background:rgba(255,255,255,.96); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    border-top:1px solid var(--mz-line); box-shadow:0 -8px 24px rgba(15,27,43,.07);
    transition:transform .3s var(--mz-ease);
  }
  .mz-bnav.is-hidden{ transform:translateY(110%); }
  .mz-bnav__list{ display:flex; align-items:stretch; height:64px; max-width:560px; margin-inline:auto; }
  .mz-bnav__li{ flex:1 1 0; min-width:0; }
  .mz-scope .mz-bnav__a{
    width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:0 4px;
    color:var(--mz-mute); font-size:var(--mz-fs-xs); font-weight:700; line-height:1.3; text-align:center; -webkit-tap-highlight-color:transparent;
    transition:color .2s;
  }
  .mz-scope .mz-bnav__a:hover,.mz-scope .mz-bnav__a:focus{ color:var(--mz-mute); background:none; }
  .mz-scope .mz-bnav__a.is-on,.mz-scope .mz-bnav__a[aria-expanded="true"]{ color:var(--mz-ink); }
  .mz-bnav__icwrap{ position:relative; display:grid; place-items:center; width:44px; height:28px; border-radius:99px; transition:background .25s; }
  .mz-bnav__a.is-on .mz-bnav__icwrap{ background:var(--mz-gold-tint); color:var(--mz-gold-deep); }
  .mz-bnav__a > .mz-bnav__ic{ width:44px; height:28px; padding:3px 11px; }
  .mz-bnav__a[aria-expanded="true"] > .mz-bnav__ic{ background:var(--mz-gold-tint); color:var(--mz-gold-deep); border-radius:99px; }
  .mz-bnav__t{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .mz-bnav__count{
    position:absolute; inset-block-start:-6px; inset-inline-start:calc(50% + 2px); min-width:18px; height:18px; padding:0 4px; border-radius:99px;
    background:var(--mz-ink); color:var(--mz-gold-hi); font-size:var(--mz-fs-xs); font-weight:800; line-height:18px; text-align:center; border:2px solid #fff; box-sizing:content-box; transform:scale(.88); transform-origin:center;
  }
  .mz-bnav__count[hidden]{ display:none; }
  .mz-bnav__count.is-pop{ animation:mz-pop .45s var(--mz-ease); }
  @keyframes mz-pop{ 0%{ transform:scale(.88); } 40%{ transform:scale(1.25); } 100%{ transform:scale(.88); } }

  /* ── برگهٔ دسته‌بندی‌ها ── */
  .mz-scope.mz-csheet{ position:fixed; inset:0; z-index:9100; display:block; visibility:hidden; pointer-events:none; }
  .mz-csheet.is-open{ visibility:visible; pointer-events:auto; }
  .mz-csheet[hidden]{ display:none; }
  .mz-csheet__scrim{ position:absolute; inset:0; background:rgba(15,27,43,.5); opacity:0; transition:opacity .3s; }
  .mz-csheet.is-open .mz-csheet__scrim{ opacity:1; }
  .mz-csheet__panel{
    position:absolute; inset-inline:0; inset-block-end:0; max-height:86vh; max-height:86dvh; display:flex; flex-direction:column;
    background:#fff; border-radius:24px 24px 0 0; box-shadow:0 -20px 50px rgba(15,27,43,.25);
    transform:translateY(100%); transition:transform .42s var(--mz-ease); outline:none;
  }
  .mz-csheet.is-open .mz-csheet__panel{ transform:none; }
  .mz-csheet__head{ flex:none; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; border-bottom:1px solid var(--mz-line); position:relative; }
  .mz-csheet__head::before{ content:""; position:absolute; inset-block-start:8px; inset-inline:50%; width:40px; height:4px; margin-inline-start:-20px; border-radius:99px; background:var(--mz-line-2); }
  .mz-csheet__head h2{ font-size:var(--mz-fs-lg); font-weight:800; margin-top:8px; }
  .mz-csheet__x{ margin-top:8px; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--mz-soft); color:var(--mz-ink); }
  .mz-csheet__body{ flex:1; overflow-y:auto; overscroll-behavior:contain; padding:8px 16px calc(24px + env(safe-area-inset-bottom)); }
  .mz-cgroup{ border-bottom:1px solid var(--mz-line); padding-block:4px; }
  .mz-cgroup:last-child{ border-bottom:0; }
  .mz-scope .mz-crow{ display:flex; align-items:center; gap:12px; min-height:64px; padding-block:8px; color:var(--mz-ink); }
  .mz-crow__img{ flex:none; width:48px; height:48px; border-radius:14px; overflow:hidden; display:grid; place-items:center; background:var(--mz-soft); color:var(--mz-gold-deep); }
  .mz-crow__img img{ width:100%; height:100%; object-fit:cover; }
  .mz-crow__t{ flex:1; min-width:0; display:flex; flex-direction:column; }
  .mz-crow__t strong{ font-size:var(--mz-fs-md); font-weight:700; line-height:1.6; }
  .mz-crow__t small{ font-size:var(--mz-fs-xs); color:var(--mz-mute); }
  .mz-crow__go{ flex:none; color:var(--mz-mute); }
  .mz-crow--all{ border-bottom:1px solid var(--mz-line); }
  .mz-crow--all .mz-crow__img{ background:var(--mz-ink); color:var(--mz-gold-hi); }
  .mz-ckids{ display:flex; flex-wrap:wrap; gap:8px; padding:0 0 12px; padding-inline-start:60px; }
  .mz-scope .mz-ckids a{ display:inline-flex; align-items:center; min-height:36px; padding:0 12px; border-radius:99px; background:var(--mz-soft); border:1px solid var(--mz-line); font-size:var(--mz-fs-sm); color:var(--mz-ink-2); }
  .mz-csheet__empty{ padding:32px 0; text-align:center; color:var(--mz-mute); }
  body.mz-lock-nav{ overflow:hidden; }
}
@media (prefers-reduced-motion:reduce){ .mz-bnav,.mz-csheet__panel,.mz-csheet__scrim{ transition-duration:.01ms!important; } }
