/* =====================================================================
   بهین هلدینگ | تسکا — لایه یکپارچه‌ساز نهایی (Unified Theme)
   نسخه ۲۰۲۶٫۰۹٫۱۷ — این فایل باید «آخر از همه» لود شود.
   ---------------------------------------------------------------------
   کار این لایه:
   ۱) تک‌پالت: همه رنگ‌های پراکنده (۶+ پالت قدیمی + بنفش اضافه) را به
      پالت رسمی «نیلوی عمیق + طلای شامپاین + عاج گرم» برمی‌گرداند.
   ۲) ریتم واحد فاصله‌گذاری (مبنی بر ۸) برای همه صفحات مشتری و مدیریت.
   ۳) رفع باگ‌های بصری: حلقه اضافه هیرو، جداکننده دوبل آمار، بریده شدن
      تیتر کالاها، تداخل موبایل، روی‌هم‌افتادن دکمه‌های شناور و...
   ۴) بنرها WebP هستند (assets/banners/*.webp).
   منطق و دیتابیس دست‌نخورده است — فقط ظاهر.
   ===================================================================== */

/* ------------------------------------------------------------------
   ۰) توکن‌های یکتا + نگاشت همه متغیرهای قدیمی به پالت رسمی
   ------------------------------------------------------------------ */
:root {
  /* پالت رسمی بهین */
  --bp-navy-950: #060d1f;
  --bp-navy-900: #081124;
  --bp-navy-800: #0b1b3d;
  --bp-navy-700: #12295c;
  --bp-indigo: #1b3a8f;
  --bp-steel: #3e5c9a;
  --bp-gold-200: #f7ebcc;
  --bp-gold-300: #f3e3b3;
  --bp-gold-400: #e9ce8b;
  --bp-gold-500: #d9b96a;
  --bp-gold-600: #c6a14e;
  --bp-gold-700: #a98437;
  --bp-ivory: #faf7f1;
  --bp-cream: #f5f1e8;
  --bp-ink: #1a2233;
  --bp-muted: #5d6a85;
  --bp-line: #e9e4d9;
  --bp-green: #0f9d61;
  --bp-green-deep: #0b7a4b;
  --bp-green-ink: #0a6e41;
  --bp-red: #d83b42;
  --bp-red-ink: #96292e;
  --bp-ease: cubic-bezier(.22, .68, .32, 1);
  --bp-sh-sm: 0 1px 2px rgba(8, 17, 36, .05), 0 3px 12px rgba(8, 17, 36, .055);
  --bp-sh-md: 0 1px 2px rgba(8, 17, 36, .04), 0 8px 22px rgba(8, 17, 36, .075),
              0 28px 56px -18px rgba(8, 17, 36, .15);
  --bp-sh-lg: 0 2px 4px rgba(8, 17, 36, .05), 0 18px 38px -10px rgba(8, 17, 36, .14),
              0 48px 92px -28px rgba(8, 17, 36, .25);

  /* نگاشت لایه پایه (styles) */
  --navy: #0b1b3d; --blue: #1b3a8f; --cyan: #1b3a8f; --green: #0b7a4b;
  --gold: #c6a14e; --red: #d83b42; --ink: #1a2233; --muted: #5d6a85;
  --line: #e9e4d9; --bg: #faf7f1; --white: #fff;
  --shadow: 0 12px 35px rgba(8, 17, 36, .08);

  /* نگاشت لایه corporate */
  --brand: #1b3a8f; --brand2: #12295c; --accent: #c6a14e; --success: #0b7a4b;
  --surface: #fff; --soft: #f5f1e8; --border: #e9e4d9; --text: #1a2233;

  /* نگاشت لایه enterprise */
  --e-blue: #1b3a8f; --e-blue2: #12295c; --e-navy: #0b1b3d; --e-green: #0b7a4b;
  --e-gold: #c6a14e; --e-red: #d83b42; --e-text: #1a2233; --e-muted: #5d6a85;
  --e-border: #e9e4d9; --e-bg: #faf7f1; --e-card: #fff;

  /* نگاشت لایه موبایل */
  --m-blue: #1b3a8f; --m-green: #0b7a4b; --m-red: #c93643; --m-text: #1a2233;
  --m-muted: #5d6a85; --m-border: #e9e4d9; --m-bg: #f5f1e8; --m-card: #fff;

  /* نگاشت لایه premium (حذف بنفش اضافه) */
  --tk-navy: #0b1b3d; --tk-plum: #1b3a8f; --tk-gold: #d9b96a;
  --tk-gold-soft: #f3e3b3; --tk-green: #0f9d61; --tk-ink: #1a2233;
  --tk-muted: #5d6a85; --tk-line: #e9e4d9; --tk-bg: #faf7f1;

  /* نگاشت دنیای تیره کارت سازمانی */
  --oc-bg0: #060d1f; --oc-bg1: #0b1b3d;
  --oc-surface: #101a38; --oc-surface2: #15224c;
  --oc-gold: #d9b96a; --oc-gold-hi: #f3e3b3; --oc-gold-deep: #a98437;
  --oc-sky: #9db8e8;

  /* نگاشت پنل تیره مدیریت */
  --a-bg0: #060d1f; --a-bg1: #0b1b3d;
  --a-surface: #101a38; --a-surface2: #15224c;
  --a-gold: #d9b96a; --a-gold-hi: #f3e3b3; --a-gold-deep: #a98437;
  --a-sky: #9db8e8; --a-violet: #8fa3d8;
}

/* ------------------------------------------------------------------
   ۱) پایه: ضد اسکرول افقی، کانتینر یکتا، ریتم عمودی واحد
   ------------------------------------------------------------------ */
html, body { overflow-x: clip; }
body { text-rendering: optimizeLegibility; }
img { max-width: 100%; }
::selection { background: rgba(217, 185, 106, .45); color: #081124; }
:focus-visible { outline: 3px solid rgba(198, 161, 78, .75); outline-offset: 2px; border-radius: 6px; }

/* تنها عرض استاندارد محتوا در همه صفحات */
.container { width: min(1200px, calc(100% - 32px)) !important; margin-inline: auto; }
.bp-footer .container { width: min(1200px, calc(100% - 32px)) !important; }

/* ریتم عمودی واحد */
.section { padding: 40px 0 !important; }
.bp-shell { padding: 56px 0 !important; }
.hero { margin: 24px auto !important; }
.stats { margin-bottom: 24px !important; }

/* اسکرول‌بار هم‌پالت */
::-webkit-scrollbar { width: 10px; height: 8px; }
::-webkit-scrollbar-track { background: #f1ece1; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #c6a14e, #a98437); border-radius: 8px; border: 2px solid #f1ece1; }

/* ------------------------------------------------------------------
   ۲) حذف بقایای لایه‌های قدیمی (باگ‌های بصری)
   ------------------------------------------------------------------ */
/* حلقه بزرگ اضافه پایین هیرو */
.hero-main::after { display: none !important; content: none !important; }
/* دایره محو اضافه کارت‌های خدمات */
.service::before { display: none !important; content: none !important; }
/* جداکننده دوبل آمار (فقط خط طلایی ::before می‌ماند) */
.stat { border-left: none !important; }

/* ------------------------------------------------------------------
   ۳) هدر و ناوبری — یکدست‌سازی کامل
   ------------------------------------------------------------------ */
/* سبد خرید هدر */
.head-cart {
  background: linear-gradient(135deg, var(--bp-navy-800), var(--bp-indigo)) !important;
  border: 1px solid rgba(217, 185, 106, .45) !important;
  box-shadow: var(--bp-sh-navy), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  color: var(--bp-gold-300) !important;
}
.head-cart:hover { transform: translateY(-2px); box-shadow: var(--bp-sh-lg) !important; }
/* دکمه شناور وسط ناوبری موبایل */
.mobile-bottom a.main {
  background: linear-gradient(135deg, var(--bp-navy-800), var(--bp-indigo)) !important;
  border: 4px solid var(--bp-ivory) !important;
  color: var(--bp-gold-300) !important;
  box-shadow: 0 6px 16px rgba(8, 17, 36, .4), inset 0 1px 0 rgba(255, 255, 255, .15) !important;
}
/* چیپ موجودی کیف پول */
.head-action.balance {
  background: #edf8f1 !important; border-color: #bfe3d2 !important; color: #0a6e41 !important;
}
/* ورودی دنیای کارت سازمانی (حذف بنفش) */
.corp-nav a.org-entry {
  background: linear-gradient(135deg, var(--bp-navy-800), var(--bp-indigo)) !important;
  color: var(--bp-gold-300) !important;
  border: 1px solid rgba(217, 185, 106, .55) !important;
  box-shadow: var(--bp-sh-navy) !important;
}
.org-fab {
  background: linear-gradient(135deg, var(--bp-navy-800), var(--bp-indigo)) !important;
  color: var(--bp-gold-300) !important;
  border: 1px solid rgba(217, 185, 106, .5) !important;
}

/* ------------------------------------------------------------------
   ۴) تیتر کالاها — رفع بریده‌شدن متن (باگ مهم)
   ------------------------------------------------------------------ */
.product h3 {
  height: auto !important; min-height: 52px !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.sale-card h3 { height: auto !important; min-height: 42px !important; }

/* ------------------------------------------------------------------
   ۵) آیکن خدمات سریع — حذف رنگ‌های پراکنده پاستیلی
   ------------------------------------------------------------------ */
.quick-service i {
  background: linear-gradient(145deg, #f3efe4, #e9e2cf) !important;
  color: var(--bp-gold-700) !important;
  box-shadow: inset 0 1px 0 #fff, 0 4px 10px rgba(8, 17, 36, .08) !important;
}

/* ------------------------------------------------------------------
   ۶) ماشین‌حساب‌ها و فرم‌های محاسباتی
   ------------------------------------------------------------------ */
.amount-display b { color: var(--bp-navy-800) !important; }
.amount-display span { color: var(--bp-muted) !important; }
.range-labels { color: var(--bp-muted) !important; }
input[type="range"] { accent-color: var(--bp-indigo); }
.term {
  border: 1.5px solid var(--bp-line) !important; border-radius: 12px !important;
  background: #fff !important; color: var(--bp-ink) !important; font-weight: 800;
  transition: all .22s var(--bp-ease) !important;
}
.term:hover { border-color: var(--bp-gold-500) !important; transform: translateY(-2px); box-shadow: var(--bp-sh-sm); }
.term.active {
  background: linear-gradient(135deg, var(--bp-navy-800), var(--bp-indigo)) !important;
  color: var(--bp-gold-300) !important; border-color: var(--bp-navy-700) !important;
  box-shadow: var(--bp-sh-navy) !important;
}
/* فلوی نتایج */
.flow-card b { color: var(--bp-navy-800) !important; }
.flow-card.red b { color: var(--bp-red-ink) !important; }
.flow-card.green b { color: var(--bp-green-ink) !important; }
.flow-card span { color: var(--bp-muted) !important; }
.flow-card .flow-svg, .flow-card .ui-icon { color: var(--bp-gold-600) !important; }
.result-strip { border: 1px solid var(--bp-line) !important; background: #fbfaf6 !important; }
.result-strip b { color: var(--bp-navy-800) !important; }
/* لجر محاسباتی */
.calc-ledger .ledger-item { background: #fbfaf6 !important; border-color: var(--bp-line) !important; }
.calc-ledger .ledger-item span { color: var(--bp-muted) !important; }
.calc-ledger .ledger-item b { color: var(--bp-navy-800) !important; }
.calc-ledger .ledger-item.danger { background: #fdf0f0 !important; border-color: #f0c1c1 !important; }
.calc-ledger .ledger-item.danger b { color: var(--bp-red-ink) !important; }
.calc-ledger .ledger-item.good { background: #effbf4 !important; border-color: #bce5cf !important; }
.calc-ledger .ledger-item.good b { color: var(--bp-green-ink) !important; }

/* ------------------------------------------------------------------
   ۷) جدول‌ها در صفحات مشتری (سبد، تسویه، فاکتور، حساب)
   ------------------------------------------------------------------ */
body.customer-app .comparison { border: 1px solid var(--bp-line); border-radius: 14px; overflow: hidden; }
body.customer-app .comparison th {
  background: linear-gradient(180deg, #f7f4ec, #f1ecdf) !important;
  color: var(--bp-navy-800) !important; font-weight: 800; font-size: 12px;
  border-bottom: 1.5px solid #e4ddcb !important; padding: 12px 10px !important;
}
body.customer-app .comparison td {
  border-bottom: 1px solid #f0ece1 !important; color: var(--bp-ink);
  padding: 12px 10px !important; font-size: 12.5px;
}
body.customer-app .comparison tr:last-child td { border-bottom: none; }
body.customer-app .comparison tr:hover td { background: #fbf8f0; }
/* کارت‌ها و جدول‌های مدیریتیِ داخل صفحات مشتری (حساب، درخواست‌ها، کارت‌ها) */
body.customer-app .admin-card {
  background: #fff !important; border: 1px solid #ece7db !important;
  border-radius: 19px !important; box-shadow: var(--bp-sh-md) !important;
}
body.customer-app .card-head { background: linear-gradient(90deg, #fbf8f1, #f6f2e8) !important; border-bottom: 1px solid #ece7db !important; }
body.customer-app .card-head h3 { color: var(--bp-navy-900) !important; font-weight: 900; }
body.customer-app .admin-table th {
  background: linear-gradient(180deg, #f7f4ec, #f1ecdf) !important;
  color: var(--bp-navy-800) !important; font-weight: 800;
}
body.customer-app .admin-table tr:hover td { background: #fbf8f0 !important; }
body.customer-app .admin-grid { gap: 16px !important; }

/* ------------------------------------------------------------------
   ۸) نشان‌ها و وضعیت‌ها (یکدست در همه صفحات)
   ------------------------------------------------------------------ */
.status {
  background: linear-gradient(135deg, #e7f7ee, #d2efdf) !important;
  color: #0a6e41 !important; border: 1px solid #b9e3cc !important;
  border-radius: 999px !important; font-weight: 800;
  box-shadow: inset 0 1px 0 #fff !important;
}
.badge {
  background: linear-gradient(135deg, var(--bp-gold-300), var(--bp-gold-500)) !important;
  color: var(--bp-navy-900) !important; border-radius: 999px !important; font-weight: 900;
}
.product .badge {
  background: linear-gradient(135deg, #0d3b2e, #0f9d61) !important; color: #fff !important;
}

/* ------------------------------------------------------------------
   ۹) کارت بانکی مشتری (قبلاً بدون استایل بود — باگ)
   ------------------------------------------------------------------ */
.bank-card-ui {
  position: relative; overflow: hidden; color: #fff;
  background:
    radial-gradient(130% 160% at 88% -25%, rgba(217, 185, 106, .3), transparent 46%),
    linear-gradient(140deg, #0b1b3d 0%, #081124 55%, #12295c 100%) !important;
  border: 1px solid rgba(217, 185, 106, .45) !important;
  border-radius: 18px !important; padding: 20px !important; min-height: 150px;
  display: flex; flex-direction: column; justify-content: space-between; gap: 8px;
  box-shadow: var(--bp-sh-lg), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}
.bank-card-ui::before {
  content: ''; position: absolute; width: 150px; height: 150px; left: -45px; top: -60px;
  border-radius: 50%; background: radial-gradient(circle, rgba(217, 185, 106, .22), transparent 70%);
  pointer-events: none;
}
.bank-card-ui span { color: var(--bp-gold-300); font-size: 12px; font-weight: 800; }
.bank-card-ui b { font-size: 17px; letter-spacing: 1.5px; direction: ltr; text-align: right; }
.bank-card-ui small { color: #a9b6d2; font-size: 11px; }

/* ------------------------------------------------------------------
   ۱۰) اعلان‌ها و تولتیست (رفع روی‌هم‌افتادن با دکمه بازگشت)
   ------------------------------------------------------------------ */
.alert {
  border-radius: 14px !important; box-shadow: var(--bp-sh-sm) !important;
  padding: 13px 16px !important; font-size: 13px !important; line-height: 1.95 !important;
}
.alert-success { background: linear-gradient(135deg, #effbf4, #e0f5ea) !important; border: 1px solid #bce5cf !important; color: #0a6e41 !important; }
.alert-warning { background: linear-gradient(135deg, #fdf7e8, #f9efcf) !important; border: 1px solid #ecd9a8 !important; color: #8a5a13 !important; }
.alert-danger { background: linear-gradient(135deg, #fdf0f0, #fbdcdc) !important; border: 1px solid #f0c1c1 !important; color: #96292e !important; }
.alert-info { background: linear-gradient(135deg, #eff3fb, #e2eaf8) !important; border: 1px solid #c2cfe8 !important; color: #27437f !important; }
.toast {
  left: 50% !important; right: auto !important; transform: translateX(50%) !important;
  bottom: 24px !important; z-index: 9995 !important; max-width: min(480px, calc(100vw - 32px));
  background: linear-gradient(135deg, var(--bp-navy-800), var(--bp-navy-700)) !important;
  border: 1px solid rgba(217, 185, 106, .45) !important; color: #f0e6c8 !important;
  border-radius: 14px !important; box-shadow: var(--bp-sh-lg) !important;
  font-size: 13px; text-align: center;
}
/* پاپ‌آپ SweetAlert2 — هم‌پالت */
.swal2-popup { border: 1px solid var(--bp-line) !important; box-shadow: var(--bp-sh-lg) !important; }
.swal2-title { color: var(--bp-navy-900) !important; }
.swal2-html-container { color: var(--bp-ink) !important; }
.swal2-confirm {
  background: linear-gradient(135deg, var(--bp-navy-800), var(--bp-indigo)) !important;
  color: var(--bp-gold-300) !important;
  box-shadow: var(--bp-sh-navy) !important;
}
.swal2-cancel { background: #f1ece1 !important; color: var(--bp-ink) !important; }

/* ------------------------------------------------------------------
   ۱۱) دکمه بازگشت به بالا + اسلایدر پیشنهادها
   ------------------------------------------------------------------ */
#tkTop {
  background: linear-gradient(135deg, var(--bp-navy-800), var(--bp-indigo)) !important;
  color: var(--bp-gold-300) !important; border: 1px solid rgba(217, 185, 106, .6) !important;
  box-shadow: var(--bp-sh-navy) !important;
}
/* سربرگ اسلایدر «منتخب امروز» با دکمه‌های مرور */
.sale-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.sale-head > div:first-child { min-width: 0; }
.sale-nav { display: flex; gap: 8px; flex: 0 0 auto; }
.sale-nav button {
  width: 40px; height: 40px; border-radius: 12px; cursor: pointer;
  border: 1.5px solid var(--bp-line); background: #fff; color: var(--bp-navy-800);
  font-size: 18px; line-height: 1; box-shadow: var(--bp-sh-sm);
  transition: all .22s var(--bp-ease);
  display: grid; place-items: center;
}
.sale-nav button:hover { border-color: var(--bp-gold-500); color: var(--bp-gold-700); transform: translateY(-2px); box-shadow: var(--bp-sh-md); }
.sales-slider { scroll-padding: 8px; }

/* ------------------------------------------------------------------
   ۱۲) ویجت ایجنت هوشمند — حذف بنفش، هم‌پالت کامل
   ------------------------------------------------------------------ */
#aiFab {
  background: linear-gradient(135deg, var(--bp-navy-800) 0%, var(--bp-indigo) 60%, var(--bp-navy-700) 100%) !important;
  color: var(--bp-gold-300) !important;
  box-shadow: 0 12px 32px rgba(8, 17, 36, .45), 0 0 0 2px rgba(217, 185, 106, .55) !important;
}
#aiFab:hover { box-shadow: 0 16px 38px rgba(8, 17, 36, .55), 0 0 0 3px rgba(217, 185, 106, .8) !important; }
#aiFab::after { border-color: rgba(217, 185, 106, .5) !important; }
#aiPanel { border: 1px solid var(--bp-line) !important; box-shadow: var(--bp-sh-lg) !important; }
.ai-head { background: linear-gradient(135deg, var(--bp-navy-900), var(--bp-navy-700)) !important; }
.ai-avatar {
  background: linear-gradient(135deg, var(--bp-gold-300), var(--bp-gold-600)) !important;
  color: var(--bp-navy-900) !important;
}
#aiMsgs { background: linear-gradient(180deg, #fbf8f1, #f5f1e8) !important; }
.ai-msg.bot { background: #fff !important; color: var(--bp-ink) !important; border: 1px solid var(--bp-line) !important; }
.ai-msg.user { background: linear-gradient(135deg, var(--bp-navy-800), var(--bp-indigo)) !important; color: #fff !important; }
#aiChips { background: #f5f1e8 !important; }
#aiChips button { border: 1px solid #ddd6c8 !important; color: var(--bp-navy-800) !important; }
#aiChips button:hover { background: var(--bp-navy-800) !important; color: var(--bp-gold-300) !important; border-color: var(--bp-navy-800) !important; }
.ai-input { background: #f5f1e8 !important; }
.ai-input input { border: 1.5px solid #ddd6c8 !important; }
.ai-input input:focus { border-color: var(--bp-gold-500) !important; box-shadow: 0 0 0 3px rgba(217, 185, 106, .28) !important; }
.ai-input button { background: linear-gradient(135deg, #0b7a4b, #0f9d61) !important; }

/* ------------------------------------------------------------------
   ۱۳) دنیای تیره کارت سازمانی — نزدیک شدن به پالت رسمی + هیرو بنری
   ------------------------------------------------------------------ */
body.oc-world { color: #eaeef9 !important; }
.oc-topbar .back:hover { color: #f3e3b3 !important; border-color: rgba(217, 185, 106, .5) !important; }
.oc-hero {
  background:
    linear-gradient(180deg, rgba(6, 13, 31, .88), rgba(6, 13, 31, .82)),
    url('assets/banners/hero-banner.webp') center / cover no-repeat;
  border: 1px solid rgba(217, 185, 106, .35);
  border-radius: 24px; padding: 44px 24px !important; margin-bottom: 26px;
  box-shadow: 0 26px 70px -30px rgba(0, 0, 0, .65);
}
.oc-hero h1 { color: var(--bp-gold-300) !important; text-shadow: 0 2px 20px rgba(0, 0, 0, .6); }
.oc-hero p { color: #c3cfe6 !important; }
.oc-brand .mark {
  background: linear-gradient(145deg, #12295c, #081124) !important;
  border: 1.5px solid rgba(217, 185, 106, .7) !important; color: var(--bp-gold-300) !important;
}
.oc-alert.info { background: rgba(157, 184, 232, .1) !important; border-color: rgba(157, 184, 232, .4) !important; color: #bccfff !important; }

/* ------------------------------------------------------------------
   ۱۴) پنل مدیریت — ریزه‌کاری‌های نهایی
   ------------------------------------------------------------------ */
.admin-mobile-nav b { color: var(--bp-gold-600) !important; }
.admin-top small { color: var(--bp-muted) !important; }
.side-link b { color: var(--bp-gold-400) !important; }
/* دکمه خطر در همه صفحات */
.btn-red, .btn-danger {
  background: linear-gradient(135deg, #b03a3e, #d83b42) !important; color: #fff !important;
  box-shadow: 0 2px 5px rgba(150, 40, 45, .3), 0 14px 30px -10px rgba(216, 59, 66, .45) !important;
}
/* نوار خرید چسبان صفحه محصول */
.purchase-bar {
  background: rgba(255, 255, 255, .97) !important; border: 1px solid var(--bp-line) !important;
  border-radius: 14px !important; box-shadow: var(--bp-sh-md) !important;
}
/* باکس سقف اعتبار */
.max-loan { border: 1px solid #eee4cc !important; color: var(--bp-navy-800) !important; }
.max-loan b { color: var(--bp-gold-700) !important; }
.fineprint { color: var(--bp-muted) !important; font-size: 11.5px !important; line-height: 1.95 !important; }

/* ------------------------------------------------------------------
   ۱۵) تبلت و دسکتاپ کوچک — قفل چیدمان
   ------------------------------------------------------------------ */
@media (max-width: 1180px) {
  .products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 1100px) {
  /* پیکان‌های بین کارت‌های فلو فقط در عریض خوب‌اند */
  .flow-card::after { display: none !important; content: none !important; }
  .result-flow { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr !important; }
  .hero-side { grid-template-columns: 1fr 1fr !important; }
  .categories { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .result-flow { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .services { grid-template-columns: 1fr 1fr !important; }
}

/* ------------------------------------------------------------------
   ۱۶) موبایل — یک سیستم واحد و قفل‌شده (پایان جنگ لایه‌ها)
   ------------------------------------------------------------------ */
@media (max-width: 680px) {
  html { font-size: 14px !important; }
  body.customer-app { font-size: 13.5px !important; line-height: 1.85 !important; padding-bottom: 72px !important; }
  body.admin-body { padding-bottom: 72px !important; }
  .container { width: calc(100% - 24px) !important; }
  .section { padding: 32px 0 !important; }
  .bp-shell { padding: 44px 0 !important; }
  .hero { margin: 14px auto !important; }
  .corp-head-row { height: 56px !important; }
  /* دسته‌ها همیشه گرید ۳ ستونه (پایان حالت اسلایدی/گریدی دوگانه) */
  .categories { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; overflow: visible !important; gap: 8px !important; }
  .categories .cat { flex: none !important; width: auto !important; min-width: 0 !important; }
  .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .product-img { height: 148px !important; }
  .product h3 { min-height: 50px !important; font-size: 13px !important; }
  .sale-card { flex-basis: 168px !important; }
  .sale-card h3 { min-height: 40px !important; }
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .stat::before { display: none !important; }
  .stat { border-bottom: 1px solid #f0ece1 !important; }
  .stat:nth-last-child(-n+2) { border-bottom: none !important; }
  .section-head { flex-direction: column !important; align-items: flex-start !important; gap: 4px; }
  .bank-body, .card-body { padding: 16px !important; }
  .form-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .result-flow { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .terms { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .services { grid-template-columns: 1fr !important; }
  .loan-grid { grid-template-columns: 1fr !important; }
  .admin-grid { grid-template-columns: 1fr !important; }
  .bank-results { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .installment-plans { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .purchase-tabs { position: sticky !important; top: 56px !important; z-index: 20 !important; }
  .purchase-bar { bottom: 66px !important; }
  .toast { bottom: 70px !important; }
  .mobile-bottom { height: 56px !important; }
  .bp-campaign-inner { padding: 24px 22px !important; }
  .sale-head { align-items: flex-start !important; }
  .sale-nav button { width: 36px; height: 36px; }
  .oc-hero { padding: 34px 18px !important; border-radius: 20px; }
  .bank-card-ui b { font-size: 15px; }
}
/* گوشی‌های خیلی کوچک */
@media (max-width: 560px) {
  .hero-side { grid-template-columns: 1fr !important; }
  .promo { min-height: 0 !important; }
}
@media (max-width: 400px) {
  .bp-footer-grid { grid-template-columns: 1fr !important; }
}

/* ------------------------------------------------------------------
   ۱۷) چاپ
   ------------------------------------------------------------------ */
@media print {
  .no-print, .corp-top, .corp-nav, .org-fab, .mobile-bottom, .ai-widget-root,
  #aiFab, #aiPanel, #tkTop, .bp-footer, .toast, .sale-nav { display: none !important; }
  body.customer-app, body.admin-body { background: #fff !important; }
  .bank-box, .admin-card { box-shadow: none !important; }
}

/* ------------------------------------------------------------------
   ۱۸) کاهش حرکت
   ------------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .fx-canvas { display: none !important; }
}