/* سازگاری با گوشی‌ها و مرورگرهای قدیمی (اندروید ۷–۹ / WebView قدیمی / iOS ۱۲–۱۴).
 *
 * چیزهایی که در این مرورگرها نیست و صفحه را به‌هم می‌ریخت:
 *   • gap در flex   (Chrome < 84 ، Safari < 14.1)  → فاصله‌ها صفر و اجزا به هم چسبیده
 *   • inset         (Chrome < 87 ، Safari < 14.1)  → پرده‌ی تیره‌ی منو و حلقه‌ها اندازه نمی‌گرفت
 *   • min()/max()   (Chrome < 79 ، Safari < 11.1)  → پنجره‌ی پشتیبانی تمام‌صفحه یا بی‌ارتفاع می‌شد
 *   • color-mix()   (Chrome < 111، Safari < 16.2)  → پس‌زمینه‌ی کارت‌ها و نشان‌ها خالی می‌ماند
 * این فایل پس از شیوه‌نامه‌های اصلی بارگذاری می‌شود و در مرورگرهای تازه اثری ندارد.
 */

/* ── inset ── */
.sov{top:0;right:0;bottom:0;left:0}
.sp-ring{top:0;right:0;bottom:0;left:0}

/* ── اندازه‌ها بدون min() (مرورگر تازه همان مقدار min() شیوه‌نامه‌ی اصلی را می‌گیرد) ── */
@supports not (width:min(1px,2px)){
  .side{width:88vw;max-width:310px}
  .sp-box{width:370px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 120px)}
}

/* ── color-mix ── */
@supports not (color:color-mix(in srgb,red 50%,blue)){
  .sx-ic,.sx-cnt,.sx-go,.hub-act .ai{background:var(--accg)}
  .sx-go{border-color:var(--brd2)}
  .hub-head{background:var(--cd2);border-color:var(--brd2)}
  .track-pill{background:#fef3c7;border-color:#fcd34d}
  .hs-ico{background:#f1f5f9}
}

/* ── flex-gap: کلاس no-fgap را اسکریپت کوچک سربرگ روی <html> می‌گذارد ── */
html.no-fgap .top-m>*+*,
html.no-fgap .uc>*+*,
html.no-fgap .mbar>div>*+*,
html.no-fgap .th>*+*,
html.no-fgap .btn>*+*,
html.no-fgap .tb>*+*,
html.no-fgap .fa>*+*,
html.no-fgap .ni>*+*,
html.no-fgap .grp-h>*+*,
html.no-fgap .hub-head>*+*,
html.no-fgap .hub-primary>*+*,
html.no-fgap .hub-act>*+*,
html.no-fgap .sup-cta>*+*,
html.no-fgap .adm-bell>*+*,
html.no-fgap .sp-btn>*+*,
html.no-fgap .sp-head>*+*,
html.no-fgap .sp-form>*+*,
html.no-fgap .su-row>*+*,
html.no-fgap .su-stat>*+*,
html.no-fgap .cv-bar>*+*,
html.no-fgap .tk-msg>*+*{margin-right:8px}
html.no-fgap .hub-other>*,
html.no-fgap .sp-chips>*,
html.no-fgap .su-tabs>*,
html.no-fgap .dash-buttons>*{margin:0 0 6px 6px}
html.no-fgap .sx-card>*+*{margin-top:8px}
html.no-fgap .sp-list>*+*,
html.no-fgap .cv-list>*+*,
html.no-fgap .tk-thread>*+*,
html.no-fgap .cv-side>*+*{margin-top:8px}
html.no-fgap .tb{display:block}
html.no-fgap .tb>*{margin:0 0 6px 0}

/* ── گوشی‌های خیلی کوچک (۳۲۰ پیکسل) ── */
@media (max-width:360px){
  .mbar-t{font-size:11px}
  .bnav a,.bnav button{min-width:40px;font-size:9px}
  .sp-head small{display:none}
}

/* ── صفحه‌ی اصلی سایت ── */
.hero::after{top:0;right:0;bottom:0;left:0}
.ai-out::after{right:0;bottom:0;left:0}
html.no-fgap .brand>*+*,
html.no-fgap .nav-act>*+*,
html.no-fgap .hero-cta>*+*,
html.no-fgap .fin-btns>*+*,
html.no-fgap .dd-list li>*+*,
html.no-fgap .pl-l li>*+*,
html.no-fgap .hs-card>*+*,
html.no-fgap .nw-i>*+*{margin-right:10px}
html.no-fgap .micro>*{margin:0 6px 6px}
html.no-fgap .dd-list>*+*,
html.no-fgap .mk>*+*,
html.no-fgap .mk-flow>*+*,
html.no-fgap .cw>*+*,
html.no-fgap .pl-l>*+*{margin-top:9px}
@supports not (display:grid){
  .ov-grid,.hs-grid,.nw-grid,.pr-row,.cmp-g{display:block}
  .ov-grid>*,.hs-grid>*,.nw-grid>*,.pr-row>*,.cmp-g>*{margin-bottom:12px}
}