/* ================================================================
   دنیای مشتری تسکا — Design System v4 «World» (2026-08-26)
   سرمه‌ای عمیق + برنج | گرید ۸px | شیشه‌ای | سنگین و لوکس
   دامنه: body.oc-world — بدون دست‌خوردن به صفحات ادمین
   ================================================================ */
@font-face{font-family:'Vazirmatn';src:url('assets/fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('assets/fonts/Vazirmatn-Medium.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('assets/fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
:root{
  --w-bg0:#070c1b; --w-bg1:#0b1230;
  --w-surface:#111b3a; --w-surface2:#16224a; --w-surface3:#1c2b5c;
  --w-line:rgba(148,166,220,.14); --w-line2:rgba(148,166,220,.26);
  --w-text:#eef1fb; --w-dim:#9aa4c8; --w-dim2:#7d87b0;
  --w-gold:#d8b25c; --w-gold-hi:#ecd39a; --w-gold-deep:#9a731f; --w-gold-ink:#241a03;
  --w-green:#3fbb8b; --w-green-hi:#8fe3c0; --w-red:#e4687a; --w-red-hi:#ffa9b7;
  --w-sky:#7fa8ff; --w-violet:#a79bff;
  --w-r-lg:20px; --w-r-md:14px; --w-r-sm:10px;
  --w-shadow:0 24px 60px -28px rgba(2,6,20,.9);
  --w-font:'Vazirmatn',Tahoma,sans-serif;
}
body.oc-world{box-sizing:border-box}
body.oc-world *,body.oc-world *::before,body.oc-world *::after{box-sizing:border-box}
body.oc-world{
  margin:0;min-height:100vh;color:var(--w-text);font-family:var(--w-font);direction:rtl;
  background:
   radial-gradient(60vw 50vw at 88% -14%, rgba(63,87,180,.20), transparent 62%),
   radial-gradient(46vw 42vw at -12% 106%, rgba(216,178,92,.08), transparent 60%),
   linear-gradient(180deg,var(--w-bg0),var(--w-bg1) 48%,var(--w-bg0)) !important;
  font-size:14px;line-height:1.9;
}
body.oc-world ::selection{background:rgba(216,178,92,.35);color:#fff}
body.oc-world ::-webkit-scrollbar{width:10px;height:10px}
body.oc-world ::-webkit-scrollbar-thumb{background:rgba(148,166,220,.25);border-radius:8px;border:2px solid var(--w-bg0)}
body.oc-world a{color:var(--w-gold-hi)}
body.oc-world img{max-width:100%}
.oc-world .container{max-width:1200px;margin-inline:auto;padding-inline:20px}
.oc-world main{display:block;min-height:50vh}

/* ---------- نوار بالای شرکتی ---------- */
.oc-world .corp-top{display:none}
@media(min-width:861px){
.oc-world .corp-top{display:block;background:linear-gradient(90deg,rgba(216,178,92,.12),rgba(216,178,92,.05) 40%,rgba(127,168,255,.08));border-bottom:1px solid var(--w-line);font-size:10.5px;color:var(--w-dim)}
.oc-world .corp-top .container{display:flex;justify-content:space-between;align-items:center;padding-block:7px;gap:12px}
.oc-world .corp-top a{color:var(--w-dim);text-decoration:none;margin-inline-start:16px;transition:.2s}
.oc-world .corp-top a:hover{color:var(--w-gold-hi)}
}

/* ---------- هدر اصلی ---------- */
.oc-world .corp-header{position:sticky;top:0;z-index:60;background:rgba(8,13,29,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--w-line)}
.oc-world .corp-head-row{display:flex;align-items:center;gap:16px;padding-block:12px}
.oc-world .corp-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--w-text);flex:0 0 auto}
.oc-world .corp-logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:22px;color:var(--w-gold-ink);
  background:linear-gradient(135deg,var(--w-gold-hi),var(--w-gold-deep));box-shadow:0 10px 26px rgba(216,178,92,.35)}
.oc-world .corp-brand b{display:block;font-size:17px;font-weight:900;line-height:1.4}
.oc-world .corp-brand small{color:var(--w-dim);font-size:10px}
.oc-world .corp-search{flex:1;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.045);border:1px solid var(--w-line2);border-radius:13px;padding:10px 14px;min-width:0}
.oc-world .corp-search .ui-icon{width:18px;height:18px;color:var(--w-dim);flex:0 0 auto}
.oc-world .corp-search input{flex:1;background:transparent;border:0;outline:0;color:var(--w-text);font:inherit;font-size:12.5px;min-width:0}
.oc-world .corp-search input::placeholder{color:var(--w-dim2)}
.oc-world .corp-search:focus-within{border-color:var(--w-gold);box-shadow:0 0 0 3px rgba(216,178,92,.15)}
.oc-world .corp-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.oc-world .head-action{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--w-text);background:rgba(255,255,255,.045);border:1px solid var(--w-line);border-radius:13px;padding:7px 12px;transition:.2s;min-width:0}
.oc-world .head-action:hover{border-color:rgba(216,178,92,.5);transform:translateY(-1px)}
.oc-world .head-action .ui-icon{width:20px;height:20px;color:var(--w-gold-hi);flex:0 0 auto}
.oc-world .head-action small{display:block;color:var(--w-dim);font-size:9px;line-height:1.5}
.oc-world .head-action b{display:block;font-size:11px;font-weight:800;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.oc-world .head-action.balance b{color:var(--w-gold-hi)}
.oc-world .head-cart{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;text-decoration:none;color:var(--w-text);
  background:linear-gradient(135deg,rgba(216,178,92,.22),rgba(216,178,92,.08));border:1px solid rgba(216,178,92,.35);transition:.2s}
.oc-world .head-cart:hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(216,178,92,.5)}
.oc-world .head-cart .ui-icon{width:21px;height:21px}
.oc-world .head-cart i{position:absolute;top:-6px;inset-inline-start:-6px;min-width:19px;height:19px;padding-inline:5px;border-radius:999px;background:var(--w-red);color:#fff;font-size:9.5px;font-style:normal;font-weight:800;display:grid;place-items:center;box-shadow:0 4px 10px rgba(228,104,122,.5)}
.oc-world .head-cart i:empty{display:none}

/* ---------- ناوبری اصلی ---------- */
.oc-world .corp-nav{border-top:1px solid var(--w-line);overflow-x:auto;scrollbar-width:none}
.oc-world .corp-nav::-webkit-scrollbar{display:none}
.oc-world .corp-nav .container{display:flex;align-items:center;gap:4px;padding-block:0;white-space:nowrap}
.oc-world .corp-nav a{position:relative;display:inline-flex;align-items:center;gap:7px;padding:12px 15px;color:var(--w-dim);text-decoration:none;font-size:12px;font-weight:700;transition:.2s}
.oc-world .corp-nav a::after{content:'';position:absolute;inset-inline:14px;bottom:-1px;height:2.5px;border-radius:3px;background:linear-gradient(90deg,var(--w-gold-hi),var(--w-gold-deep));transform:scaleX(0);transition:transform .25s}
.oc-world .corp-nav a:hover,.oc-world .corp-nav a.on{color:var(--w-gold-hi)}
.oc-world .corp-nav a:hover::after,.oc-world .corp-nav a.on::after{transform:scaleX(1)}
.oc-world .corp-nav a.org-entry,.oc-world .corp-nav a.asset-entry{margin-inline-start:auto;border-radius:11px;margin-block:7px;padding:7px 14px;font-weight:900}
.oc-world .corp-nav a.org-entry{color:var(--w-gold-ink);background:linear-gradient(135deg,var(--w-gold-hi),var(--w-gold-deep));box-shadow:0 8px 20px -6px rgba(216,178,92,.5)}
.oc-world .corp-nav a.org-entry::after{display:none}
.oc-world .corp-nav a.asset-entry{color:#dfe8ff;background:linear-gradient(135deg,rgba(127,168,255,.28),rgba(167,155,255,.14));border:1px solid rgba(127,168,255,.4)}
.oc-world .corp-nav a.asset-entry::after{display:none}

/* ---------- دکمه شناور کارت سازمانی ---------- */
.oc-world .org-fab{position:fixed;bottom:86px;inset-inline-start:16px;inset-inline-end:auto;left:auto !important;right:auto;width:auto;max-width:70vw;z-index:55;display:inline-flex;align-items:center;gap:8px;animation:none;
  background:linear-gradient(135deg,var(--w-gold-hi),var(--w-gold-deep));color:var(--w-gold-ink);font-weight:900;font-size:12px;text-decoration:none;
  padding:11px 17px;border-radius:999px;box-shadow:0 16px 36px -10px rgba(216,178,92,.6);transition:.2s}
.oc-world .org-fab:hover{transform:translateY(-3px) scale(1.02)}
@media(min-width:861px){.oc-world .org-fab{bottom:22px}}

/* ---------- ناوبری پایین موبایل ---------- */
.oc-world .mobile-bottom{position:fixed;bottom:0;inset-inline:0;z-index:58;display:grid;grid-template-columns:repeat(5,1fr);
  background:rgba(8,13,29,.94);backdrop-filter:blur(16px);border-top:1px solid var(--w-line2);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.oc-world .mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--w-dim);text-decoration:none;font-size:9.5px;font-weight:700;padding:5px 2px;border-radius:11px;transition:.2s}
.oc-world .mobile-bottom a .ui-icon{width:21px;height:21px}
.oc-world .mobile-bottom a.main{color:var(--w-gold-ink)}
.oc-world .mobile-bottom a.main .ui-icon{width:46px;height:46px;margin-top:-24px;padding:12px;border-radius:16px;color:var(--w-gold-ink);
  background:linear-gradient(135deg,var(--w-gold-hi),var(--w-gold-deep));box-shadow:0 12px 26px -6px rgba(216,178,92,.55)}
.oc-world .mobile-bottom a.main span{color:var(--w-gold-hi)}
.oc-world .mobile-bottom a:active{background:rgba(255,255,255,.06)}
@media(min-width:861px){.oc-world .mobile-bottom{display:none}}
@media(max-width:860px){body.oc-world{padding-bottom:70px}}

/* ---------- دکمه‌ها ---------- */
.oc-world .btn,.oc-world .a-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;
  padding:11px 20px;font:inherit;font-size:12.5px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s;line-height:1.6}
.oc-world .btn-gold{color:var(--w-gold-ink);background:linear-gradient(135deg,var(--w-gold-hi),var(--w-gold) 55%,var(--w-gold-deep));box-shadow:0 12px 28px -10px rgba(216,178,92,.55)}
.oc-world .btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 36px -10px rgba(216,178,92,.7)}
.oc-world .btn-blue{color:#eaf0ff;background:linear-gradient(135deg,#3b63c9,#274b9e);box-shadow:0 12px 26px -12px rgba(59,99,201,.6)}
.oc-world .btn-blue:hover{transform:translateY(-2px)}
.oc-world .btn-green{color:#06251a;background:linear-gradient(135deg,var(--w-green-hi),var(--w-green));box-shadow:0 12px 26px -12px rgba(63,187,139,.55)}
.oc-world .btn-green:hover{transform:translateY(-2px)}
.oc-world .btn-outline{color:var(--w-text);background:rgba(255,255,255,.04);border-color:var(--w-line2)}
.oc-world .btn-outline:hover{border-color:rgba(216,178,92,.55);color:var(--w-gold-hi);transform:translateY(-2px)}
.oc-world .btn-light{color:var(--w-gold-ink);background:linear-gradient(135deg,#f3e3bd,var(--w-gold-hi))}
.oc-world .btn.sm{padding:7px 13px;font-size:11px;border-radius:10px}
.oc-world .btn.ghost,.oc-world .ghost{background:transparent;border-color:transparent;color:var(--w-dim)}
.oc-world .icon-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--w-text);font-size:11px;font-weight:700;
  background:rgba(255,255,255,.05);border:1px solid var(--w-line);border-radius:11px;padding:8px 13px;transition:.2s;cursor:pointer}
.oc-world .icon-btn:hover{border-color:rgba(216,178,92,.5);color:var(--w-gold-hi)}

/* ---------- هشدار ---------- */
.oc-world .alert{border-radius:13px;padding:12px 16px;font-size:12px;border:1px solid;margin-bottom:14px;display:flex;align-items:center;gap:9px;line-height:1.9}
.oc-world .alert-warning{background:rgba(216,178,92,.09);border-color:rgba(216,178,92,.35);color:var(--w-gold-hi)}
.oc-world .alert-success{background:rgba(63,187,139,.09);border-color:rgba(63,187,139,.38);color:var(--w-green-hi)}
.oc-world .alert-danger{background:rgba(228,104,122,.1);border-color:rgba(228,104,122,.4);color:var(--w-red-hi)}
.oc-world .alert-info{background:rgba(127,168,255,.09);border-color:rgba(127,168,255,.35);color:#bcd1ff}

/* ---------- فرم‌ها ---------- */
.oc-world .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px}
.oc-world .field{min-width:0}
.oc-world .field label{display:block;font-size:11px;color:var(--w-dim);margin-bottom:7px;font-weight:700}
.oc-world .field input,.oc-world .field select,.oc-world .field textarea,
.oc-world input[type=text],.oc-world input[type=number],.oc-world input[type=password],.oc-world input[type=tel],.oc-world input[type=email],.oc-world select,.oc-world textarea{
  width:100%;background:rgba(7,12,27,.66);border:1px solid var(--w-line2);border-radius:12px;padding:11px 14px;color:var(--w-text);font:inherit;font-size:13px;outline:0;transition:border .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.oc-world .field select,.oc-world select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239aa4c8' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 13px center;padding-inline-end:14px;cursor:pointer}
.oc-world .field input:focus,.oc-world .field select:focus,.oc-world .field textarea:focus,
.oc-world input:focus,.oc-world select:focus,.oc-world textarea:focus{border-color:var(--w-gold);box-shadow:0 0 0 3px rgba(216,178,92,.16)}
.oc-world input::placeholder,.oc-world textarea::placeholder{color:var(--w-dim2)}
.oc-world input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:7px;border-radius:99px;background:linear-gradient(90deg,var(--w-gold) var(--val,50%),rgba(148,166,220,.2) var(--val,50%));outline:0;padding:0;border:0;cursor:pointer}
.oc-world input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--w-gold-hi),var(--w-gold-deep));border:3px solid #0b1230;box-shadow:0 4px 14px rgba(216,178,92,.6);cursor:grab}
.oc-world input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--w-gold-hi),var(--w-gold-deep));border:3px solid #0b1230;cursor:grab}
.oc-world input[type=checkbox],.oc-world input[type=radio]{accent-color:var(--w-gold);width:17px;height:17px}
.oc-world .range-labels{display:flex;justify-content:space-between;color:var(--w-dim2);font-size:9.5px;margin-top:5px}

/* ---------- کارت‌های عمومی ---------- */
.oc-world .admin-card,.oc-world .panel,.oc-world .card{background:linear-gradient(170deg,rgba(22,34,74,.55),rgba(13,20,44,.75));border:1px solid var(--w-line);border-radius:var(--w-r-lg);margin-bottom:18px;overflow:hidden;box-shadow:var(--w-shadow)}
.oc-world .card-head,.oc-world .panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 19px;border-bottom:1px solid var(--w-line)}
.oc-world .card-head h3,.oc-world .panel-head h3{margin:0;font-size:13.5px;font-weight:900}
.oc-world .card-body,.oc-world .panel-body{padding:19px}
.oc-world .mini,.oc-world .fineprint{color:var(--w-dim2);font-size:10.5px;line-height:1.9}
.oc-world .dim-t{color:var(--w-dim)}
.oc-world .empty-note{color:var(--w-dim);text-align:center;padding:26px 14px;font-size:12px;background:rgba(255,255,255,.025);border:1px dashed var(--w-line2);border-radius:14px}
.oc-world .flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* ---------- جدول ---------- */
.oc-world .admin-table{width:100%;border-collapse:collapse;font-size:11.5px}
.oc-world .admin-table th{color:var(--w-dim);font-weight:700;text-align:right;padding:11px 13px;border-bottom:1px solid var(--w-line2);white-space:nowrap;font-size:10.5px;background:rgba(255,255,255,.025)}
.oc-world .admin-table td{padding:12px 13px;border-bottom:1px dashed var(--w-line);vertical-align:middle}
.oc-world .admin-table tr:last-child td{border-bottom:0}
.oc-world .admin-table tr:hover td{background:rgba(216,178,92,.04)}
@media(max-width:760px){.oc-world .admin-table{display:block;overflow-x:auto;white-space:nowrap}}

/* ---------- پیل و وضعیت ---------- */
.oc-world .pill,.oc-world .status,.oc-world .badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;padding:4px 12px;border-radius:999px;border:1px solid;white-space:nowrap}
.oc-world .pill.ok,.oc-world .status.active,.oc-world .status.paid,.oc-world .status.completed,.oc-world .status.approved{background:rgba(63,187,139,.11);border-color:rgba(63,187,139,.4);color:var(--w-green-hi)}
.oc-world .pill.warn,.oc-world .status.pending,.oc-world .status.processing,.oc-world .status.submitted,.oc-world .status.under_review,.oc-world .badge{background:rgba(216,178,92,.1);border-color:rgba(216,178,92,.4);color:var(--w-gold-hi)}
.oc-world .pill.bad,.oc-world .status.cancelled,.oc-world .status.rejected,.oc-world .status.late,.oc-world .status.failed{background:rgba(228,104,122,.11);border-color:rgba(228,104,122,.42);color:var(--w-red-hi)}
.oc-world .status.new,.oc-world .pill.info{background:rgba(127,168,255,.11);border-color:rgba(127,168,255,.4);color:#bcd1ff}

/* ---------- KPI و آمار ---------- */
.oc-world .kpis,.oc-world .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;margin-bottom:20px}
.oc-world .kpi,.oc-world .stat{background:linear-gradient(165deg,rgba(22,34,74,.6),rgba(13,20,44,.8));border:1px solid var(--w-line);border-radius:16px;padding:16px 17px;position:relative;overflow:hidden}
.oc-world .kpi::before,.oc-world .stat::before{content:'';position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--w-gold-hi),var(--w-gold-deep))}
.oc-world .kpi span,.oc-world .stat span{display:block;color:var(--w-dim);font-size:10.5px;margin-bottom:5px}
.oc-world .kpi b,.oc-world .stat b{display:block;font-size:19px;font-weight:900;color:var(--w-gold-hi)}
.oc-world .kpi small,.oc-world .stat small{color:var(--w-dim2);font-size:9.5px}
.oc-world .kpi.k-good b{color:var(--w-green-hi)}.oc-world .kpi.k-bad b{color:var(--w-red-hi)}

/* ---------- سکشن‌ها ---------- */
.oc-world .section{padding-block:24px}
.oc-world .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px}
.oc-world .section-head h2{margin:0 0 6px;font-size:19px;font-weight:900}
.oc-world .section-head h2::after{content:'';display:block;width:44px;height:3px;border-radius:3px;margin-top:8px;background:linear-gradient(90deg,var(--w-gold-hi),transparent)}
.oc-world .section-head p{margin:0;color:var(--w-dim);font-size:11.5px}
.oc-world .section-head>a{color:var(--w-gold);font-size:11.5px;font-weight:800;text-decoration:none;white-space:nowrap;border:1px solid rgba(216,178,92,.3);padding:8px 15px;border-radius:11px;transition:.2s}
.oc-world .section-head>a:hover{background:rgba(216,178,92,.1)}

/* ---------- محصولات ---------- */
.oc-world .products{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px}
.oc-world .product{background:linear-gradient(170deg,rgba(22,34,74,.5),rgba(13,20,44,.72));border:1px solid var(--w-line);border-radius:18px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column}
.oc-world .product:hover{transform:translateY(-6px);border-color:rgba(216,178,92,.45);box-shadow:0 30px 60px -24px rgba(2,6,20,.9),0 0 0 1px rgba(216,178,92,.12)}
.oc-world .product-img{position:relative;aspect-ratio:4/3;background:radial-gradient(80% 90% at 50% 20%,rgba(63,87,180,.22),transparent 70%),linear-gradient(160deg,#141f45,#0b1230);display:grid;place-items:center;overflow:hidden}
.oc-world .product-img img,.oc-world .product-photo{width:100%;height:100%;object-fit:cover}
.oc-world .product-img .badge{position:absolute;top:11px;inset-inline-start:11px;z-index:2}
.oc-world .product-svg{width:74px;height:74px;color:rgba(216,178,92,.75);filter:drop-shadow(0 10px 24px rgba(216,178,92,.3))}
.oc-world .product-body{padding:15px 16px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.oc-world .product-body h3{margin:0;font-size:12.5px;font-weight:800;line-height:1.8;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.oc-world .price small{display:block;color:var(--w-dim2);font-size:9.5px}
.oc-world .price b{font-size:14.5px;font-weight:900;color:var(--w-text)}
.oc-world .installment{background:rgba(216,178,92,.07);border:1px dashed rgba(216,178,92,.3);border-radius:11px;padding:8px 11px;font-size:10px;color:var(--w-dim)}
.oc-world .installment small{display:block;font-size:9px;color:var(--w-dim2)}
.oc-world .installment strong{font-size:14px;color:var(--w-gold-hi);font-weight:900}
.oc-world .product-actions{display:flex;gap:8px;margin-top:auto}
.oc-world .product-actions .btn-blue{flex:1}
.oc-world .product-actions .btn-outline{padding-inline:13px}

/* ---------- دسته‌بندی‌ها ---------- */
.oc-world .categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:12px}
.oc-world .cat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:19px 10px 15px;text-decoration:none;color:var(--w-text);
  background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--w-line);border-radius:17px;transition:.22s}
.oc-world .cat:hover,.oc-world .cat.active{border-color:rgba(216,178,92,.55);transform:translateY(-4px);box-shadow:0 18px 36px -18px rgba(216,178,92,.4)}
.oc-world .cat .ui-icon{width:30px;height:30px;color:var(--w-gold-hi)}
.oc-world .cat b{font-size:11px;font-weight:800;text-align:center}

/* ---------- خدمات سریع ---------- */
.oc-world .quick-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:13px}
.oc-world .quick-service{display:flex;align-items:center;gap:12px;padding:15px;text-decoration:none;color:var(--w-text);
  background:linear-gradient(165deg,rgba(22,34,74,.55),rgba(13,20,44,.7));border:1px solid var(--w-line);border-radius:16px;transition:.22s}
.oc-world .quick-service:hover{border-color:rgba(216,178,92,.5);transform:translateY(-3px)}
.oc-world .quick-service i{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(216,178,92,.2),rgba(216,178,92,.05));border:1px solid rgba(216,178,92,.3)}
.oc-world .quick-service .ui-icon{width:22px;height:22px;color:var(--w-gold-hi)}
.oc-world .quick-service b{display:block;font-size:12px;font-weight:800}
.oc-world .quick-service small{color:var(--w-dim);font-size:9.5px}

/* ---------- اعتماد ---------- */
.oc-world .trust-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:13px}
.oc-world .trust-item{display:flex;align-items:center;gap:12px;padding:15px 17px;background:rgba(255,255,255,.03);border:1px solid var(--w-line);border-radius:15px}
.oc-world .trust-item .ui-icon{width:30px;height:30px;color:var(--w-gold-hi);flex:0 0 auto}
.oc-world .trust-item b{display:block;font-size:11.5px;font-weight:800}
.oc-world .trust-item small{color:var(--w-dim);font-size:9.5px}

/* ---------- زون فروش / اسلایدر ---------- */
.oc-world .sale-zone{background:linear-gradient(170deg,rgba(22,34,74,.5),rgba(13,20,44,.7));border:1px solid var(--w-line);border-radius:22px;padding:22px;margin-block:10px}
.oc-world .sale-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.oc-world .sale-head span{color:var(--w-gold);font-size:10.5px;font-weight:800}
.oc-world .sale-head b{display:block;font-size:16px;font-weight:900}
.oc-world .sale-head button{width:38px;height:38px;border-radius:11px;border:1px solid var(--w-line2);background:rgba(255,255,255,.05);color:var(--w-text);font-size:17px;cursor:pointer;transition:.2s;margin-inline-start:5px}
.oc-world .sale-head button:hover{border-color:var(--w-gold);color:var(--w-gold-hi)}
.oc-world .sales-slider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.oc-world .sale-card{flex:0 0 205px;scroll-snap-align:start;text-decoration:none;color:var(--w-text);background:rgba(7,12,27,.5);border:1px solid var(--w-line);border-radius:16px;padding:13px;transition:.22s}
.oc-world .sale-card:hover{border-color:rgba(216,178,92,.5);transform:translateY(-4px)}
.oc-world .sale-card>div{aspect-ratio:16/10;border-radius:12px;background:linear-gradient(160deg,#141f45,#0b1230);display:grid;place-items:center;overflow:hidden;margin-bottom:11px}
.oc-world .sale-card img{width:100%;height:100%;object-fit:cover}
.oc-world .sale-card .product-svg{width:52px;height:52px;color:rgba(216,178,92,.7)}
.oc-world .sale-card h3{margin:0 0 7px;font-size:11.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oc-world .sale-card small{color:var(--w-dim2);font-size:9px;display:block}
.oc-world .sale-card strong{display:block;font-size:14px;color:var(--w-gold-hi);font-weight:900}
.oc-world .sale-card em{font-style:normal;font-size:9.5px;color:var(--w-dim)}

/* ---------- دروازه مالی ---------- */
.oc-world .finance-gateway{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;
  background:linear-gradient(120deg,rgba(216,178,92,.13),rgba(63,87,180,.14) 60%,rgba(167,155,255,.09));border:1px solid rgba(216,178,92,.3);border-radius:24px;padding:30px 28px}
.oc-world .finance-gateway span{color:var(--w-gold);font-size:11px;font-weight:800}
.oc-world .finance-gateway h2{margin:6px 0 9px;font-size:19px;font-weight:900;max-width:560px;line-height:1.9}
.oc-world .finance-gateway p{margin:0;color:var(--w-dim);font-size:11.5px;max-width:520px}
.oc-world .finance-gateway .btn{margin-inline-start:9px;margin-top:8px}

/* ---------- صفحات بانکی (auth/cart/checkout) ---------- */
.oc-world .bank-page{min-height:70vh;display:grid;place-items:center;padding:30px 16px}
.oc-world .bank-box{width:100%;max-width:520px;background:linear-gradient(170deg,rgba(22,34,74,.65),rgba(13,20,44,.8));border:1px solid var(--w-line2);border-radius:22px;overflow:hidden;box-shadow:var(--w-shadow)}
.oc-world .bank-head{padding:22px 24px 16px;border-bottom:1px solid var(--w-line);text-align:center}
.oc-world .bank-head h1{margin:0;font-size:17px;font-weight:900}
.oc-world .bank-head p{margin:7px 0 0;color:var(--w-dim);font-size:11px}
.oc-world .bank-body{padding:22px 24px}
.oc-world .bank-result{background:rgba(7,12,27,.55);border:1px solid var(--w-line);border-radius:14px;padding:15px;margin-top:14px}

/* ---------- دفتر محاسبه ---------- */
.oc-world .calc-ledger,.oc-world .bank-result .ledger{display:flex;flex-direction:column}
.oc-world .ledger-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px dashed var(--w-line);font-size:12px}
.oc-world .ledger-item:last-child{border-bottom:0}
.oc-world .ledger-item span{color:var(--w-dim)}
.oc-world .ledger-item b{font-weight:900;color:var(--w-text)}
.oc-world .ledger-item.good b{color:var(--w-green-hi)}
.oc-world .ledger-item.danger b{color:var(--w-red-hi)}
.oc-world .comparison{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-block:14px}
@media(max-width:640px){.oc-world .comparison{grid-template-columns:1fr}}
.oc-world .max-loan{background:rgba(63,187,139,.07);border:1px dashed rgba(63,187,139,.35);border-radius:13px;padding:12px 15px;font-size:11.5px;color:var(--w-green-hi);margin-block:12px}

/* ---------- صفحه اعتبار ---------- */
.oc-world .credit-hero{text-align:center;padding:38px 18px 26px}
.oc-world .credit-hero h1{margin:0 0 10px;font-size:26px;font-weight:900}
.oc-world .credit-hero p{color:var(--w-dim);font-size:12.5px;max-width:620px;margin-inline:auto}
.oc-world .credit-steps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.oc-world .loan-builder{background:linear-gradient(170deg,rgba(22,34,74,.6),rgba(13,20,44,.8));border:1px solid var(--w-line2);border-radius:24px;padding:26px;box-shadow:var(--w-shadow)}
.oc-world .loan-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:24px}
@media(max-width:900px){.oc-world .loan-grid{grid-template-columns:1fr}}
.oc-world .amount-display{text-align:center;font-size:30px;font-weight:900;color:var(--w-gold-hi);margin-block:10px 4px;text-shadow:0 6px 30px rgba(216,178,92,.35)}
.oc-world .terms{display:flex;gap:9px;flex-wrap:wrap;margin-block:12px}
.oc-world .term{border:1px solid var(--w-line2);background:rgba(255,255,255,.04);color:var(--w-dim);border-radius:11px;padding:9px 16px;font-size:11.5px;font-weight:800;cursor:pointer;transition:.2s}
.oc-world .term.active,.oc-world .term:hover{border-color:var(--w-gold);color:var(--w-gold-hi);background:rgba(216,178,92,.1)}
.oc-world .selector-card{border:1px solid var(--w-line);background:rgba(255,255,255,.03);border-radius:15px;padding:15px;cursor:pointer;transition:.2s;text-align:center}
.oc-world .selector-card:hover,.oc-world .selector-card.active{border-color:rgba(216,178,92,.55);background:rgba(216,178,92,.07)}
.oc-world .selector-title{font-weight:900;font-size:12.5px;margin-bottom:4px}
.oc-world .flow-card{border-radius:15px;padding:15px;border:1px solid;font-size:11.5px}
.oc-world .flow-card.green{background:rgba(63,187,139,.08);border-color:rgba(63,187,139,.3)}
.oc-world .flow-card.red{background:rgba(228,104,122,.08);border-color:rgba(228,104,122,.3)}
.oc-world .result-strip,.oc-world .result-flow,.oc-world .result-bottom{margin-top:14px}

/* ---------- صفحه محصول ---------- */
.oc-world .product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:900px){.oc-world .product-detail-grid{grid-template-columns:1fr}}
.oc-world .product-gallery{background:linear-gradient(170deg,rgba(22,34,74,.5),rgba(13,20,44,.7));border:1px solid var(--w-line);border-radius:22px;padding:20px;display:grid;place-items:center;min-height:320px}
.oc-world .product-detail-photo{max-height:380px;object-fit:contain;border-radius:14px}
.oc-world .product-summary h1{font-size:21px;font-weight:900;margin:0 0 12px;line-height:1.8}
.oc-world .product-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-block:14px}
.oc-world .purchase-bar{position:sticky;bottom:78px;display:flex;gap:11px;align-items:center;background:rgba(8,13,29,.9);backdrop-filter:blur(14px);border:1px solid var(--w-line2);border-radius:17px;padding:13px 16px;margin-top:18px;box-shadow:var(--w-shadow);z-index:30}
@media(min-width:861px){.oc-world .purchase-bar{bottom:16px}}
.oc-world .purchase-panel{display:none}.oc-world .purchase-panel.active{display:block}
.oc-world .purchase-tabs{display:flex;gap:8px;margin-block:14px}
.oc-world .installment-plans{display:flex;flex-direction:column;gap:10px;margin-block:12px}
.oc-world .installment-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.oc-world .spec-row{display:flex;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px dashed var(--w-line);font-size:11.5px}
.oc-world .spec-row span{color:var(--w-dim)}
.oc-world .details{margin-block:14px;border:1px solid var(--w-line);border-radius:15px;overflow:hidden}
.oc-world .details summary{padding:14px 17px;cursor:pointer;font-weight:800;font-size:12.5px;background:rgba(255,255,255,.03)}
.oc-world .details-content{padding:4px 17px 16px;color:var(--w-dim);font-size:11.5px;line-height:2}

/* ---------- حساب کاربری ---------- */
.oc-world .account-hero{background:linear-gradient(120deg,rgba(216,178,92,.14),rgba(63,87,180,.13));border:1px solid rgba(216,178,92,.3);border-radius:22px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.oc-world .account-hero b{font-size:17px;font-weight:900}
.oc-world .account-actions{display:flex;gap:9px;flex-wrap:wrap;margin-block:14px}

/* ---------- پورتال ---------- */
.oc-world .header.header-row,.oc-world .header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:20px;flex-wrap:wrap}
.oc-world .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--w-text)}
.oc-world .brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:21px;color:var(--w-gold-ink);background:linear-gradient(135deg,var(--w-gold-hi),var(--w-gold-deep))}
.oc-world .wallet-chip{border-color:rgba(216,178,92,.4);color:var(--w-gold-hi)}

/* ---------- فیلترها ---------- */
.oc-world .filters{display:flex;gap:11px;flex-wrap:wrap;align-items:flex-end;background:linear-gradient(170deg,rgba(22,34,74,.5),rgba(13,20,44,.65));border:1px solid var(--w-line);border-radius:17px;padding:15px 17px;margin-bottom:18px}
.oc-world .filters .field{min-width:150px;flex:1}

/* ---------- آیکون‌ها ---------- */
.oc-world .ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}

/* ---------- توست ---------- */
.oc-world .toast{position:fixed;bottom:96px;right:50%;transform:translateX(50%) translateY(20px);background:linear-gradient(135deg,#1c2b5c,#111b3a);border:1px solid rgba(216,178,92,.5);color:var(--w-text);padding:13px 22px;border-radius:14px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.3s;z-index:99;box-shadow:var(--w-shadow);max-width:88vw;text-align:center}
.oc-world .toast.show{opacity:1;transform:translateX(50%) translateY(0)}
@media(min-width:861px){.oc-world .toast{bottom:26px}}

/* ================================================================
   صفحه اصلی v4 — اجزای سنگین (w-*)
   ================================================================ */
.w-hero{position:relative;border-radius:0 0 34px 34px;overflow:hidden;border-bottom:1px solid var(--w-line);isolation:isolate}
.w-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/img/hero-world.jpg') center 32%/cover no-repeat;opacity:.5}
.w-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,12,27,.55),rgba(7,12,27,.86) 62%,var(--w-bg0))}
.w-hero-in{max-width:1200px;margin-inline:auto;padding:64px 20px 46px;display:grid;grid-template-columns:1.25fr .8fr;gap:34px;align-items:center}
.w-slogan-pill{display:inline-flex;align-items:center;gap:9px;background:rgba(216,178,92,.12);border:1px solid rgba(216,178,92,.4);color:var(--w-gold-hi);border-radius:999px;padding:7px 17px;font-size:11px;font-weight:800;margin-bottom:18px;backdrop-filter:blur(8px)}
.w-slogan-pill i{width:8px;height:8px;border-radius:50%;background:var(--w-green);box-shadow:0 0 12px rgba(63,187,139,.9);animation:wPulse 2s infinite}
@keyframes wPulse{50%{opacity:.4}}
.w-hero h1{margin:0 0 16px;font-size:clamp(26px,4.4vw,44px);font-weight:900;line-height:1.7;text-shadow:0 10px 44px rgba(2,6,20,.8)}
.w-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--w-gold-hi),var(--w-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.w-hero .w-sub{color:#c9d2ee;font-size:13.5px;line-height:2.1;max-width:560px;margin:0 0 24px}
.w-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.w-cta-row .btn{padding:14px 26px;font-size:13.5px;border-radius:14px}
.w-hero-stats{display:flex;gap:0;border:1px solid var(--w-line2);border-radius:17px;background:rgba(8,13,29,.55);backdrop-filter:blur(10px);overflow:hidden;max-width:560px}
.w-hero-stats>div{flex:1;padding:14px 8px;text-align:center;border-inline-end:1px solid var(--w-line)}
.w-hero-stats>div:last-child{border-inline-end:0}
.w-hero-stats b{display:block;font-size:17px;font-weight:900;color:var(--w-gold-hi)}
.w-hero-stats span{font-size:9px;color:var(--w-dim)}
.w-hero-side{display:flex;flex-direction:column;gap:13px}
@media(max-width:960px){.w-hero-in{grid-template-columns:1fr;padding-top:44px}.w-hero-side{flex-direction:row;flex-wrap:wrap}.w-hero-side>*{flex:1 1 220px}}

/* کارت‌های وام بزرگ (خودرو و ملک) */
.w-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:900px){.w-duo{grid-template-columns:1fr}}
.w-loan-card{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--w-line2);min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;transition:.3s;text-decoration:none;color:var(--w-text)}
.w-loan-card:hover{transform:translateY(-6px);border-color:rgba(216,178,92,.55);box-shadow:0 40px 80px -30px rgba(2,6,20,1)}
.w-loan-card::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--lc-img) center/cover;transition:transform .6s}
.w-loan-card:hover::before{transform:scale(1.06)}
.w-loan-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,12,27,.18),rgba(7,12,27,.94) 74%)}
.w-loan-card .lc-body{padding:24px}
.w-loan-card .lc-tag{position:absolute;top:18px;inset-inline-start:18px;background:rgba(8,13,29,.72);backdrop-filter:blur(8px);border:1px solid rgba(216,178,92,.45);color:var(--w-gold-hi);font-size:10px;font-weight:800;border-radius:999px;padding:6px 15px}
.w-loan-card h3{margin:0 0 8px;font-size:21px;font-weight:900}
.w-loan-card h3 b{color:var(--w-gold-hi)}
.w-loan-card p{margin:0 0 15px;color:#c6cfe9;font-size:11.5px;line-height:1.95;max-width:420px}
.w-loan-card .lc-meta{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}
.w-loan-card .lc-meta span{background:rgba(255,255,255,.07);border:1px solid var(--w-line2);border-radius:10px;padding:6px 13px;font-size:10px;font-weight:700;color:#dfe6fa}
.w-loan-card .lc-cta{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--w-gold-hi),var(--w-gold-deep));color:var(--w-gold-ink);font-weight:900;font-size:12.5px;border-radius:13px;padding:12px 22px;transition:.2s}
.w-loan-card:hover .lc-cta{box-shadow:0 14px 34px -8px rgba(216,178,92,.6)}

/* شعار بزرگ میانی */
.w-slogan-band{position:relative;text-align:center;padding:52px 20px;overflow:hidden}
.w-slogan-band::before{content:'';position:absolute;inset:0;background:radial-gradient(48% 120% at 50% 0%,rgba(216,178,92,.12),transparent 70%)}
.w-slogan-band h2{position:relative;margin:0;font-size:clamp(19px,3vw,30px);font-weight:900;line-height:1.9}
.w-slogan-band h2 em{font-style:normal;color:var(--w-gold-hi)}
.w-slogan-band p{position:relative;color:var(--w-dim);font-size:12px;margin:12px auto 0;max-width:640px;line-height:2}

/* مسیر ۴ قدم */
.w-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}
@media(max-width:900px){.w-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.w-steps{grid-template-columns:1fr}}
.w-step{position:relative;background:linear-gradient(170deg,rgba(22,34,74,.55),rgba(13,20,44,.72));border:1px solid var(--w-line);border-radius:19px;padding:22px 18px 18px;overflow:hidden;transition:.22s}
.w-step:hover{border-color:rgba(216,178,92,.45);transform:translateY(-4px)}
.w-step::before{counter-increment:step;content:counter(step);position:absolute;top:6px;inset-inline-end:10px;font-size:56px;font-weight:900;color:rgba(216,178,92,.12);line-height:1}
.w-step .ui-icon{width:30px;height:30px;color:var(--w-gold-hi);margin-bottom:12px}
.w-step b{display:block;font-size:13px;font-weight:900;margin-bottom:6px}
.w-step small{color:var(--w-dim);font-size:10.5px;line-height:1.9;display:block}

/* ---------- فوتر جهانی ---------- */
.w-footer{margin-top:46px;border-top:1px solid var(--w-line);background:linear-gradient(180deg,rgba(10,16,38,.7),rgba(6,10,24,.95))}
.w-footer-main{max-width:1200px;margin-inline:auto;padding:40px 20px 26px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}
@media(max-width:960px){.w-footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.w-footer-main{grid-template-columns:1fr}}
.w-footer .f-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.w-footer .f-desc{color:var(--w-dim);font-size:11px;line-height:2.1;margin:0 0 16px;max-width:400px}
.w-footer h4{margin:0 0 14px;font-size:12.5px;font-weight:900;color:var(--w-gold-hi)}
.w-footer h4::after{content:'';display:block;width:30px;height:2.5px;border-radius:2px;margin-top:7px;background:linear-gradient(90deg,var(--w-gold),transparent)}
.w-footer a.f-link{display:block;color:var(--w-dim);text-decoration:none;font-size:11px;padding-block:5px;transition:.2s}
.w-footer a.f-link:hover{color:var(--w-gold-hi);transform:translateX(-4px)}
.w-footer .f-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.w-footer .f-trust span{border:1px solid var(--w-line2);border-radius:10px;padding:7px 12px;font-size:9.5px;color:var(--w-dim);background:rgba(255,255,255,.03)}
.w-seo-text{border-top:1px solid var(--w-line);padding:22px 20px;max-width:1200px;margin-inline:auto;color:var(--w-dim2);font-size:10px;line-height:2.1;text-align:justify}
.w-seo-text b{color:var(--w-dim)}
.w-copy{border-top:1px solid var(--w-line);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;max-width:1200px;margin-inline:auto;color:var(--w-dim2);font-size:10px}

/* فوتر قدیمی → تیره */
.oc-world .footer{margin-top:46px;border-top:1px solid var(--w-line);background:linear-gradient(180deg,rgba(10,16,38,.7),rgba(6,10,24,.95));padding-block:34px}
.oc-world .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px}
.oc-world .footer h4{color:var(--w-gold-hi);font-size:12.5px;margin:0 0 12px}
.oc-world .footer a{display:block;color:var(--w-dim);text-decoration:none;font-size:11px;padding-block:5px}
.oc-world .footer a:hover{color:var(--w-gold-hi)}
.oc-world .footer .brand span.brand-mark{width:40px;height:40px}
.oc-world .footer p{color:var(--w-dim2)}

/* ================================================================
   وام خودرو و ملک — صفحه فرود (al-*)
   ================================================================ */
.al-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--w-line);isolation:isolate}
.al-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--al-img,center/cover);background:var(--al-img) center/cover no-repeat;opacity:.42}
.al-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,12,27,.5),rgba(7,12,27,.9) 70%,var(--w-bg0))}
.al-hero-in{max-width:1200px;margin-inline:auto;padding:58px 20px 42px}
.al-switcher{display:inline-flex;gap:6px;background:rgba(8,13,29,.7);border:1px solid var(--w-line2);border-radius:14px;padding:6px;margin-bottom:22px;backdrop-filter:blur(10px)}
.al-switcher a{padding:9px 22px;border-radius:10px;text-decoration:none;color:var(--w-dim);font-size:12px;font-weight:800;transition:.2s}
.al-switcher a.on{background:linear-gradient(135deg,var(--w-gold-hi),var(--w-gold-deep));color:var(--w-gold-ink);box-shadow:0 8px 20px -6px rgba(216,178,92,.5)}
.al-hero h1{margin:0 0 13px;font-size:clamp(24px,4vw,38px);font-weight:900;line-height:1.75;text-shadow:0 8px 40px rgba(2,6,20,.85)}
.al-hero h1 em{font-style:normal;color:var(--w-gold-hi)}
.al-hero .al-sub{color:#c9d2ee;font-size:13px;line-height:2.05;max-width:600px;margin:0 0 24px}
.al-amount-fig{display:inline-flex;align-items:baseline;gap:11px;background:rgba(216,178,92,.13);border:1px solid rgba(216,178,92,.45);border-radius:17px;padding:13px 22px;margin-bottom:24px;backdrop-filter:blur(8px)}
.al-amount-fig b{font-size:clamp(22px,3.4vw,32px);font-weight:900;color:var(--w-gold-hi)}
.al-amount-fig span{font-size:11px;color:var(--w-text)}
.al-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
@media(max-width:980px){.al-grid{grid-template-columns:1fr}}
.al-calc{background:linear-gradient(170deg,rgba(22,34,74,.62),rgba(13,20,44,.82));border:1px solid var(--w-line2);border-radius:24px;padding:26px;box-shadow:var(--w-shadow)}
.al-calc h2{margin:0 0 4px;font-size:16px;font-weight:900}
.al-calc .hint{color:var(--w-dim2);font-size:10px;margin-bottom:18px}
.al-adj{display:flex;align-items:center;gap:11px;margin-block:8px}
.al-adj button{width:40px;height:40px;border-radius:12px;border:1px solid var(--w-line2);background:rgba(255,255,255,.05);color:var(--w-gold-hi);font-size:19px;font-weight:900;cursor:pointer;transition:.2s;flex:0 0 auto}
.al-adj button:hover{border-color:var(--w-gold)}
.al-terms{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-block:14px}
.al-terms .term{text-align:center;padding:11px 6px}
.al-ledger{background:rgba(7,12,27,.55);border:1px solid var(--w-line);border-radius:17px;padding:8px 17px;margin-top:18px}
.al-ledger .ledger-item.big b{font-size:17px;color:var(--w-gold-hi)}
.al-lead{background:linear-gradient(170deg,rgba(216,178,92,.14),rgba(22,34,74,.6) 40%);border:1px solid rgba(216,178,92,.4);border-radius:24px;padding:26px;box-shadow:var(--w-shadow)}
.al-lead h2{margin:0 0 5px;font-size:16.5px;font-weight:900}
.al-lead .hint{color:var(--w-dim);font-size:10.5px;margin-bottom:18px}
.al-lead .field{margin-bottom:13px}
.al-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.al-trust span{font-size:9.5px;color:var(--w-dim);border:1px solid var(--w-line);border-radius:999px;padding:5px 12px;background:rgba(255,255,255,.03)}
.al-ok-box{text-align:center;padding:24px 10px}
.al-ok-box .ok-ic{width:74px;height:74px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:rgba(63,187,139,.13);border:1.5px solid rgba(63,187,139,.5);font-size:32px;color:var(--w-green-hi);animation:wPulse 2.4s infinite}
.al-ok-box b{display:block;font-size:16px;font-weight:900;margin-bottom:8px}
.al-ok-box p{color:var(--w-dim);font-size:12px;line-height:2}
.al-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:15px}
.al-feature{background:linear-gradient(170deg,rgba(22,34,74,.5),rgba(13,20,44,.68));border:1px solid var(--w-line);border-radius:18px;padding:20px;transition:.22s}
.al-feature:hover{border-color:rgba(216,178,92,.45);transform:translateY(-4px)}
.al-feature .fi{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(216,178,92,.22),rgba(216,178,92,.06));border:1px solid rgba(216,178,92,.32);margin-bottom:13px}
.al-feature .fi .ui-icon{width:23px;height:23px;color:var(--w-gold-hi)}
.al-feature b{display:block;font-size:13px;font-weight:900;margin-bottom:6px}
.al-feature small{color:var(--w-dim);font-size:10.5px;line-height:1.95;display:block}
details.al-faq{background:linear-gradient(170deg,rgba(22,34,74,.5),rgba(13,20,44,.65));border:1px solid var(--w-line);border-radius:16px;margin-bottom:11px;overflow:hidden}
details.al-faq summary{padding:16px 19px;cursor:pointer;font-weight:800;font-size:12.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
details.al-faq summary::-webkit-details-marker{display:none}
details.al-faq summary::after{content:'+';font-size:19px;color:var(--w-gold-hi);transition:.2s}
details.al-faq[open] summary::after{transform:rotate(45deg)}
details.al-faq .faq-b{padding:0 19px 17px;color:var(--w-dim);font-size:11.5px;line-height:2.1}

/* ---------- صفحات محتوایی (درباره/سوالات) ---------- */
.w-doc{max-width:860px;margin-inline:auto}
.w-doc h1{font-size:24px;font-weight:900;margin:0 0 8px}
.w-doc .lead{color:var(--w-dim);font-size:13px;line-height:2.2;margin-bottom:26px}
.w-doc h2{font-size:16.5px;font-weight:900;margin:30px 0 10px;color:var(--w-gold-hi)}
.w-doc p,.w-doc li{color:#c4cde8;font-size:12.5px;line-height:2.3;text-align:justify}
.w-doc ul{padding-inline-start:20px}
.w-doc .doc-card{background:linear-gradient(170deg,rgba(22,34,74,.5),rgba(13,20,44,.68));border:1px solid var(--w-line);border-radius:20px;padding:26px;margin-bottom:16px}

/* ---------- پنل مخفی درصدها (ادمین) ---------- */
.xray{border:1.5px dashed rgba(228,104,122,.55);background:rgba(228,104,122,.05);border-radius:18px;padding:18px;position:relative}
.xray::before{content:'◉ محرمانه — پنل تغییر درصدها';position:absolute;top:-11px;inset-inline-start:16px;background:#2a0d16;color:var(--w-red-hi);font-size:10px;font-weight:900;padding:3px 13px;border-radius:999px;border:1px solid rgba(228,104,122,.5)}
.xray-note{color:var(--w-red-hi);font-size:10.5px;line-height:2;background:rgba(228,104,122,.08);border:1px solid rgba(228,104,122,.3);border-radius:11px;padding:9px 13px;margin-bottom:14px}

/* ---------- پرینت ---------- */
@media print{
 body.oc-world{background:#fff !important;color:#111}
 .oc-world .corp-header,.oc-world .mobile-bottom,.oc-world .org-fab,.oc-world .corp-top,.w-footer,.oc-world .footer{display:none !important}
 .oc-world .admin-card,.oc-world .bank-box,.oc-world .kpi{box-shadow:none;border-color:#ccc;background:#fff;color:#111}
}

/* ---------- ریسپانسیو عمومی ---------- */
@media(max-width:640px){
 .oc-world .corp-search{display:none}
 .oc-world .head-action span{display:none}
 .oc-world .head-action{padding:10px}
 .oc-world .section-head h2{font-size:16px}
 .w-hero-stats b{font-size:14px}
 .oc-world .products{grid-template-columns:repeat(2,1fr);gap:11px}
 .oc-world .product-body{padding:11px}
 .oc-world .product-body h3{font-size:11px}
 .oc-world .price b{font-size:12.5px}
 .oc-world .installment strong{font-size:12px}
 .oc-world .product-actions .btn{padding:9px 8px;font-size:11px}
}

/* ================================================================
   لایه غلبه نهایی — روی قفل‌های !important باندل قدیمی می‌نشیند
   ================================================================ */
body.oc-world.customer-app,body.oc-world.customer-app input,body.oc-world.customer-app button,body.oc-world.customer-app select,body.oc-world.customer-app textarea{font-family:var(--w-font) !important}
body.oc-world.customer-app{background:
   radial-gradient(60vw 50vw at 88% -14%, rgba(63,87,180,.20), transparent 62%),
   radial-gradient(46vw 42vw at -12% 106%, rgba(216,178,92,.08), transparent 60%),
   linear-gradient(180deg,var(--w-bg0),var(--w-bg1) 48%,var(--w-bg0)) !important;
  color:var(--w-text) !important;overflow-x:hidden}
.oc-world .admin-card,.oc-world .bank-box,.oc-world .loan-builder,.oc-world .selector-card,.oc-world .details,.oc-world .service,.oc-world .product,.oc-world .kpi{
  background:linear-gradient(170deg,rgba(22,34,74,.6),rgba(13,20,44,.78)) !important;border:1px solid var(--w-line) !important;border-radius:var(--w-r-lg) !important;box-shadow:var(--w-shadow) !important;color:var(--w-text)}
.oc-world .promo,.oc-world .stats,.oc-world .cat,.oc-world .stat{
  background:linear-gradient(170deg,rgba(22,34,74,.6),rgba(13,20,44,.78)) !important;border:1px solid var(--w-line) !important;border-radius:16px !important;box-shadow:none !important;color:var(--w-text)}
.oc-world .hero-main{background-image:radial-gradient(70% 120% at 85% -10%,rgba(63,87,180,.35),transparent 60%),linear-gradient(135deg,#0d1738,#131f4e 60%,#0d1738) !important;border:1px solid var(--w-line2) !important;box-shadow:var(--w-shadow) !important}
.oc-world .field input,.oc-world .field select,.oc-world .field textarea,.oc-world .search,.oc-world .result-strip,.oc-world .ledger-item,.oc-world .bank-result,.oc-world .flow-card,.oc-world .comparison td,.oc-world .comparison th,.oc-world .installment-head,.oc-world .purchase-tabs,.oc-world .purchase-panel,.oc-world .max-loan,.oc-world .plan-card,.oc-world .spec-row{
  background:rgba(7,12,27,.55) !important;border:1px solid var(--w-line2) !important;box-shadow:none !important;color:var(--w-text) !important;border-radius:12px}
.oc-world .field input:focus,.oc-world .field select:focus{background:rgba(7,12,27,.7) !important;border-color:var(--w-gold) !important}
.oc-world .product-img,.oc-world .product-gallery{
  background:radial-gradient(80% 90% at 50% 18%,rgba(63,87,180,.25),transparent 70%),linear-gradient(160deg,#141f45,#0b1230) !important;border-radius:0;box-shadow:none !important}
.oc-world .header,.oc-world .nav{background:transparent !important;box-shadow:none !important}
.oc-world .corp-header{box-shadow:0 12px 34px -18px rgba(2,6,20,.9) !important}
.oc-world .card-head{background:transparent !important}
.oc-world .btn{min-height:0 !important;box-shadow:none !important}
.oc-world .icon-btn,.oc-world .term{box-shadow:none !important}
.oc-world .cat i,.oc-world .cat:nth-child(1n) i{background:linear-gradient(135deg,rgba(216,178,92,.22),rgba(216,178,92,.06)) !important;color:var(--w-gold-hi) !important}
.oc-world .stat b{color:var(--w-gold-hi) !important}
.oc-world .stat span{color:var(--w-dim) !important}
.oc-world .comparison th{color:var(--w-dim) !important;font-size:11px !important}
.oc-world .comparison td{font-size:12px !important}
.oc-world .service{position:relative}
.oc-world .service p{color:var(--w-dim) !important}
.oc-world .service-no{background:rgba(216,178,92,.15) !important;color:var(--w-gold-hi) !important}
/* صفحه محصول: چیدمان جزئیات تیره */
.oc-world .product-detail-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:20px !important}
@media(max-width:900px){.oc-world .product-detail-grid{display:block !important}}
.oc-world .product-gallery{min-height:340px;height:auto !important;border:1px solid var(--w-line) !important;border-radius:20px !important;margin-bottom:0}
.oc-world .installment-plans{display:grid;grid-template-columns:1fr;gap:9px !important}
.oc-world .plan-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px !important;min-height:0 !important;border:1px solid var(--w-line) !important;border-radius:13px;background:rgba(255,255,255,.03) !important;cursor:pointer;transition:.2s;color:var(--w-text)}
.oc-world .plan-card:hover,.oc-world .plan-card.active,.oc-world .plan-card[style]{border-color:rgba(216,178,92,.55) !important;background:rgba(216,178,92,.08) !important}
.oc-world .plan-card h4{margin:0;font-size:12px !important;color:var(--w-text) !important}
.oc-world .plan-card b{font-size:13px !important;color:var(--w-gold-hi) !important}
.oc-world .plan-card small{color:var(--w-dim) !important;font-size:10px !important}
.oc-world .purchase-tabs{background:rgba(7,12,27,.55) !important;border:1px solid var(--w-line2) !important}
.oc-world .purchase-tabs button{color:var(--w-dim) !important}
.oc-world .purchase-tabs button.active{background:rgba(216,178,92,.14) !important;color:var(--w-gold-hi) !important;box-shadow:none !important}
.oc-world .installment-head{display:flex !important;align-items:center;border-radius:14px !important;color:var(--w-gold-hi)}
.oc-world .installment-head em{background:rgba(255,255,255,.05) !important;border-color:var(--w-line2) !important;color:var(--w-dim) !important}
.oc-world .product-benefits>div{background:rgba(255,255,255,.03) !important;border-color:var(--w-line) !important;border-radius:10px}
.oc-world .product-benefits b{color:var(--w-text) !important}
.oc-world .product-benefits small{color:var(--w-dim) !important}
.oc-world .max-loan{border-style:dashed !important;border-color:rgba(63,187,139,.4) !important;color:var(--w-green-hi) !important}
.oc-world .amount-display b{color:var(--w-gold-hi) !important}
.oc-world .selector-card{border:1px solid var(--w-line) !important}
.oc-world .selector-card.active,.oc-world .selector-card:hover{border-color:rgba(216,178,92,.55) !important}
.oc-world .flow-card{background:rgba(255,255,255,.03) !important;border:1px solid var(--w-line) !important}
.oc-world .flow-card b{color:var(--w-text) !important}
.oc-world .flow-card.red{background:rgba(228,104,122,.07) !important;border-color:rgba(228,104,122,.3) !important}
.oc-world .flow-card.red b{color:var(--w-red-hi) !important}
.oc-world .flow-card.green{background:rgba(63,187,139,.07) !important;border-color:rgba(63,187,139,.3) !important}
.oc-world .flow-card.green b{color:var(--w-green-hi) !important}
.oc-world .details summary{background:rgba(255,255,255,.03) !important;color:var(--w-text) !important}
.oc-world .result-strip{background:rgba(216,178,92,.06) !important}
.oc-world .result-strip b{color:var(--w-gold-hi) !important}
.oc-world .purchase-bar{background:rgba(8,13,29,.92) !important;border:1px solid var(--w-line2) !important}
/* اصلاح رنگ متن‌های داخلی کارت‌ها روی سطح تیره */
.oc-world .product h3,.oc-world .price b,.oc-world .bank-head h1,.oc-world .card-head h3,.oc-world .loan-builder .selector-title,.oc-world .spec-row b,.oc-world .ledger-item b,.oc-world .product-summary h1,.oc-world .service h3,.oc-world .plan-card b,.oc-world .installment strong{color:var(--w-text) !important}
.oc-world .price small,.oc-world .installment small,.oc-world .bank-head p,.oc-world .ledger-item span,.oc-world .spec-row span,.oc-world .amount-display span,.oc-world .result-strip span,.oc-world .flow-card span,.oc-world .field label,.oc-world .sale-card small,.oc-world .sale-card em{color:var(--w-dim) !important}
.oc-world .installment{border-top:1px dashed rgba(216,178,92,.35);color:var(--w-gold-hi) !important;background:transparent !important;border-left:0;border-right:0;border-bottom:0;border-radius:0}
.oc-world .installment strong{color:var(--w-gold-hi) !important}
.oc-world .sale-card em{color:var(--w-dim2) !important}
.oc-world .badge{position:absolute;top:11px;inset-inline-start:11px;right:auto}
/* سربرگ و ناوبری کهنه صفحات بانکی/پورتال */
.oc-world .topbar{background:rgba(8,13,29,.9);border-bottom:1px solid var(--w-line);color:var(--w-dim)}
.oc-world .hero{border-radius:20px;overflow:hidden}
.oc-world .hero h1,.oc-world .hero p{color:var(--w-text) !important}
.oc-world .promo.loan{background:linear-gradient(145deg,rgba(63,187,139,.14),rgba(63,187,139,.05)) !important;color:var(--w-green-hi) !important}
.oc-world .promo.gold{background:linear-gradient(145deg,rgba(216,178,92,.16),rgba(216,178,92,.05)) !important;color:var(--w-gold-hi) !important}
.oc-world .promo p{color:var(--w-dim) !important}
.oc-world .promo h3{color:var(--w-text) !important}
.oc-world .credit-hero{background:linear-gradient(135deg,rgba(216,178,92,.14),rgba(63,87,180,.13));border:1px solid rgba(216,178,92,.28);border-radius:24px;color:var(--w-text) !important;padding:38px 20px !important}
.oc-world .credit-hero h1,.oc-world .credit-hero p{color:var(--w-text) !important}
.oc-world .credit-steps b{border-color:var(--w-line2) !important;background:rgba(255,255,255,.04) !important;color:var(--w-dim) !important;border-radius:10px}
.oc-world .sale-zone{background:linear-gradient(170deg,rgba(22,34,74,.55),rgba(13,20,44,.7)) !important;color:var(--w-text)}
.oc-world .sale-head b{color:var(--w-text) !important}
.oc-world .sale-head span{color:var(--w-gold) !important}
.oc-world .quick-service b{color:var(--w-text)}
.oc-world .products .product{height:auto !important}
/* پتچ: ری‌ست روشن‌نماهای باقی‌مانده */
.oc-world .trust-row{background:transparent}
.oc-world .credit-steps{gap:8px}

/* ═══════════════════════════════════════════════════════════════════
   نسخه ۵ — اپ قدرتمند موبایل | تم آبی · سفید · طلایی · سرمه‌ای
   چهارفونت: عنوان Readex Pro · اعداد Baloo Bhaijaan 2 · دیسپلی Lalezar · روایت Markazi
   ═══════════════════════════════════════════════════════════════════ */
@font-face{font-family:'Readex Pro';src:url('assets/fonts/ReadexPro.ttf') format('truetype');font-weight:200 700;font-display:swap}
@font-face{font-family:'Baloo Bhaijaan 2';src:url('assets/fonts/BalooBhaijaan2.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:'Lalezar';src:url('assets/fonts/Lalezar-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Markazi Text';src:url('assets/fonts/MarkaziText.ttf') format('truetype');font-weight:400 700;font-display:swap}

:root{
  --w-font-head:'Readex Pro','Vazirmatn',ui-sans-serif,system-ui,sans-serif;
  --w-font-num:'Baloo Bhaijaan 2','Vazirmatn',ui-sans-serif,system-ui,sans-serif;
  --w-font-display:'Lalezar','Vazirmatn',ui-sans-serif,system-ui,sans-serif;
  --w-font-soft:'Markazi Text','Vazirmatn',serif;
  --w-navy-950:#050b18;--w-navy-900:#0a1730;--w-navy-800:#0f2148;--w-navy-700:#16295c;
  --w-blue-700:#1d4ed8;--w-blue-600:#2456d6;--w-blue-500:#2f6bff;--w-blue-400:#4f8dff;--w-sky-300:#8ab8ff;
  --w-gold-700:#a97a1f;--w-gold-600:#c1902b;--w-gold-500:#d9a93f;--w-gold-400:#ecc766;--w-gold-300:#f7dd95;--w-gold-100:#fdf4dd;
  --w-pearl:#f7faff;--w-pearl-2:#edf3ff;--w-line-soft:#e0eafc;
  --w-ink-900:#0a1830;--w-ink-700:#22355c;--w-ink-500:#46587e;--w-ink-300:#8aa0c6;
  --w-card-shadow:0 12px 30px -14px rgba(10,24,48,.45);
  --w-blue-grad:linear-gradient(165deg,#3d7bff 0%,#2456d6 60%,#1d4ed8 100%);
  --w-gold-grad:linear-gradient(165deg,#f2cf72 0%,#d9a93f 55%,#c1902b 100%);
  --w-navy-grad:linear-gradient(165deg,#16295c 0%,#0f2148 100%);
}

/* ── نقش فونت‌ها ─────────────────────────────────────────────── */
body.oc-world{
  color:#dce7fb;
  background:
    radial-gradient(1100px 480px at 88% -140px,rgba(47,107,255,.14),transparent 62%),
    radial-gradient(900px 420px at 8% -120px,rgba(217,169,63,.09),transparent 60%),
    linear-gradient(180deg,#081226 0%,#060d1d 480px,#071021 100%) !important;
}
.oc-world h1,.oc-world h2,.oc-world h3,.oc-world h4,
.oc-world .corp-brand b,.oc-world .section-head h2,.oc-world .selector-title,
.oc-world .card-head h3,.oc-world .al-calc h2,.oc-world .al-lead h2,
.oc-world .product-body h3,.oc-world .service h3,.oc-world .w-step b,
.oc-world .quick-service b,.oc-world .al-feature b,.oc-world .bank-head h1,
.oc-world .account-hero b,.oc-world .f-brand b{font-family:var(--w-font-head)}
.oc-world .w-hero h1,.oc-world .al-hero h1,.oc-world .w-slogan-band h2,
.oc-world .credit-hero h1,.oc-world .al-amount-fig b{font-family:var(--w-font-display)}
/* اعداد و ارقام */
.oc-world .price b,.oc-world .amount-display b,.oc-world .stat b,.oc-world .kpi b,
.oc-world .al-ledger b,.oc-world .calc-ledger b,.oc-world .comparison b,.oc-world .comparison td,
.oc-world .spec-row b,.oc-world .w-hero-stats b,.oc-world .w-loan-card h3 b,
.oc-world .wallet-chip,.oc-world .head-action b,.oc-world .service-no,.oc-world .credit-steps b,
.oc-world .term,.oc-world .range-labels,.oc-world .admin-table td,.oc-world .badge,.oc-world .status,
.oc-world .btn,.oc-world .corp-nav a,.oc-world .mobile-bottom a span,.oc-world .ledger-row b,
.oc-world .bank-result b,.oc-world .account-actions b{font-family:var(--w-font-num)}
/* روایت دلنشین */
.oc-world .w-doc .doc-card p,.oc-world .w-doc .doc-card .lead,
.oc-world details.al-faq .faq-b,.oc-world .w-seo-text,.oc-world .f-desc,
.oc-world .w-slogan-band p,.oc-world .al-lead .lead-note{font-family:var(--w-font-soft)}

/* ── دکمه‌ها ─────────────────────────────────────────────────── */
.oc-world .btn{border-radius:13px;font-weight:600;font-size:13.5px;padding:11px 20px;
  border:1px solid transparent;transition:transform .18s,box-shadow .18s,filter .18s;line-height:1}
.oc-world .btn:active{transform:scale(.97)}
.oc-world .btn-gold{background:var(--w-gold-grad);color:#241703 !important;
  box-shadow:0 8px 20px -8px rgba(217,169,63,.55),inset 0 1px 0 rgba(255,255,255,.5)}
.oc-world .btn-gold:hover{filter:brightness(1.06);box-shadow:0 12px 26px -8px rgba(217,169,63,.65)}
.oc-world .btn-blue,.oc-world .btn-green{background:var(--w-blue-grad);color:#fff !important;
  box-shadow:0 8px 20px -8px rgba(47,107,255,.55),inset 0 1px 0 rgba(255,255,255,.3)}
.oc-world .btn-blue:hover,.oc-world .btn-green:hover{filter:brightness(1.07)}
.oc-world .btn-outline{border-color:rgba(170,195,240,.35);color:#c7d9ff !important;background:rgba(255,255,255,.05)}
.oc-world .btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(170,195,240,.55)}

/* ── هدر ─────────────────────────────────────────────────────── */
.oc-world .corp-top{background:linear-gradient(90deg,#e9c35e,#d9a93f 40%,#c1902b);color:#241703;font-size:11px}
.oc-world .corp-top a{color:#3d2c07;font-weight:700}
.oc-world .corp-header{background:rgba(7,15,33,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(236,199,102,.22);box-shadow:0 10px 34px -18px rgba(0,0,0,.7)}
.oc-world .corp-logo{background:var(--w-gold-grad);color:#101d3c;font-family:var(--w-font-display) !important;font-size:24px;
  border-radius:14px;box-shadow:0 6px 16px -6px rgba(217,169,63,.6),inset 0 1px 0 rgba(255,255,255,.55)}
.oc-world .corp-brand b{font-size:15px;color:#fff}
.oc-world .corp-brand small{color:#8aa0c6;font-family:var(--w-font-num);font-size:10.5px}
.oc-world .corp-search{background:rgba(255,255,255,.06) !important;border:1px solid rgba(170,195,240,.22) !important}
.oc-world .corp-search input{color:#e7eeff !important;background:transparent !important;border:none !important;box-shadow:none !important}
.oc-world .corp-search:focus-within{border-color:rgba(236,199,102,.6) !important;box-shadow:0 0 0 3px rgba(236,199,102,.14) !important}
.oc-world .head-action{background:rgba(255,255,255,.055);border:1px solid rgba(170,195,240,.2);border-radius:13px}
.oc-world .head-action small{color:#8aa0c6}
.oc-world .head-action b{color:#fff;font-size:12.5px}
.oc-world .head-action.login{background:var(--w-blue-grad) !important;border-color:transparent;
  box-shadow:0 8px 18px -8px rgba(47,107,255,.6)}
.oc-world .head-action.login small{color:#cfe1ff}
.oc-world .head-cart{background:var(--w-gold-grad);color:#101d3c;border-radius:13px;border:none;
  box-shadow:0 8px 18px -8px rgba(217,169,63,.6)}
.oc-world .corp-nav{background:rgba(6,12,26,.55)}
.oc-world .corp-nav a{font-size:13px;font-weight:500;color:#b9cdf2;border-radius:10px}
.oc-world .corp-nav a.on{color:var(--w-gold-300);background:rgba(236,199,102,.1)}
.oc-world .corp-nav a.on::after{background:var(--w-gold-400)}
.oc-world .corp-nav a.asset-entry{background:var(--w-blue-grad);color:#fff !important;font-weight:700;
  box-shadow:0 6px 14px -6px rgba(47,107,255,.55)}
.oc-world .corp-nav a.org-entry{background:var(--w-gold-grad);color:#241703 !important;font-weight:700;
  box-shadow:0 6px 14px -6px rgba(217,169,63,.55)}
.oc-world .corp-nav a.asset-entry::after,.oc-world .corp-nav a.org-entry::after{display:none}

/* ── هیروها (سرمه‌ای با دیسپلی لاله‌زار) ─────────────────────── */
.oc-world .w-hero,.oc-world .al-hero,.oc-world .credit-hero,.oc-world .bank-head{
  background:
    radial-gradient(700px 300px at 82% 0%,rgba(47,107,255,.22),transparent 60%),
    radial-gradient(520px 260px at 12% 100%,rgba(217,169,63,.14),transparent 60%),
    var(--w-navy-grad) !important}
.oc-world .w-hero h1,.oc-world .al-hero h1,.oc-world .credit-hero h1{color:#fff;font-weight:400;line-height:1.55}
.oc-world .w-hero h1 em,.oc-world .al-hero h1 em{color:var(--w-gold-300);font-style:normal}
.oc-world .w-hero .w-sub,.oc-world .al-hero .al-sub,.oc-world .credit-hero p{color:#b9cdf2}
.oc-world .w-hero-stats>div{background:rgba(255,255,255,.055);border:1px solid rgba(170,195,240,.16);border-radius:15px}
.oc-world .w-hero-stats b{color:var(--w-gold-300);font-size:16px}
.oc-world .w-hero-stats span{color:#a9bfe6;font-size:10.5px}
.oc-world .w-loan-card{background:rgba(13,27,58,.78) !important;border:1px solid rgba(170,195,240,.18) !important;
  backdrop-filter:blur(10px);border-radius:20px !important;overflow:hidden;box-shadow:var(--w-card-shadow)}
.oc-world .w-loan-card h3{color:#fff}
.oc-world .w-loan-card h3 b{color:var(--w-gold-300)}
.oc-world .w-loan-card .lc-meta b,.oc-world .w-loan-card .lc-meta span{font-family:var(--w-font-num)}
.oc-world .w-loan-card .lc-tag{background:var(--w-blue-grad);color:#fff;font-family:var(--w-font-num);font-size:10.5px;border-radius:8px}
.oc-world .w-loan-card .lc-cta{background:var(--w-gold-grad);color:#241703 !important;font-weight:700;border-radius:11px;
  box-shadow:0 6px 14px -6px rgba(217,169,63,.55)}
.oc-world .w-slogan-band{background:linear-gradient(165deg,#0f2148,#0a1730);border-block:1px solid rgba(236,199,102,.22)}
.oc-world .w-slogan-band h2{color:#fff}
.oc-world .w-slogan-band h2 em{color:var(--w-gold-300);font-style:normal}
.oc-world .w-slogan-band p{color:#b9cdf2;font-size:17px;line-height:2}

/* ── تیتر بخش‌ها ─────────────────────────────────────────────── */
.oc-world .section-head h2{color:#fff;font-size:22px}
.oc-world .section-head h2::after{background:var(--w-gold-grad);border-radius:3px}
.oc-world .section-head p{color:#8aa0c6}
.oc-world .section-head>a{color:#cfe1ff;background:rgba(47,107,255,.14);border:1px solid rgba(79,141,255,.35);
  border-radius:999px;font-family:var(--w-font-num);font-size:12px}
.oc-world .section-head>a:hover{background:rgba(47,107,255,.26)}

/* ── کارت‌های مرواریدی (سفید روی سرمه‌ای) ────────────────────── */
.oc-world .product,.oc-world .service,.oc-world .w-step,.oc-world .quick-service,
.oc-world .trust-item,.oc-world .admin-card,.oc-world .selector-card,.oc-world .details,
.oc-world .kpi,.oc-world .al-calc,.oc-world .al-lead,.oc-world .al-feature,
.oc-world details.al-faq,.oc-world .w-doc .doc-card,.oc-world .bank-box,.oc-world .account-hero,.oc-world .cat-card{
  background:var(--w-pearl) !important;border:1px solid var(--w-line-soft) !important;
  border-radius:18px !important;box-shadow:var(--w-card-shadow);color:var(--w-ink-700)}
.oc-world .product:hover,.oc-world .quick-service:hover,.oc-world .w-step:hover,.oc-world .al-feature:hover{
  transform:translateY(-3px);border-color:#c9d9fb !important;box-shadow:0 18px 38px -16px rgba(10,24,48,.5)}

/* محصول */
.oc-world .product-img{background:linear-gradient(180deg,#ffffff,#eef4ff) !important;border-bottom:1px solid var(--w-line-soft) !important}
.oc-world .product-img .badge{background:var(--w-gold-100);color:var(--w-gold-700);border:1px solid #eed89a;font-size:10px;border-radius:8px}
.oc-world .product-body h3{color:var(--w-ink-900);font-size:13px;font-weight:600;min-height:2.9em;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.oc-world .price small{color:var(--w-ink-300);font-size:10px}
.oc-world .price b{color:var(--w-ink-900);font-size:15.5px;font-weight:700}
.oc-world .product .btn-blue{box-shadow:0 6px 14px -7px rgba(47,107,255,.55)}
.oc-world .product .btn-outline{color:var(--w-blue-600) !important;border-color:#c7d8ff;background:#fff}
.oc-world .product .btn-outline:hover{background:#eef4ff}
.oc-world .product .emi{background:var(--w-gold-100);color:var(--w-gold-700) !important;border:1px solid #eed89a;
  font-family:var(--w-font-num);font-size:10.5px;border-radius:8px}

/* کارت‌های خدمات و ویژگی */
.oc-world .quick-service b,.oc-world .service h3,.oc-world .w-step b,.oc-world .al-feature b{color:var(--w-ink-900)}
.oc-world .quick-service small,.oc-world .service p,.oc-world .w-step small,.oc-world .al-feature small{color:var(--w-ink-500)}
.oc-world .quick-service i,.oc-world .w-step .ui-icon,.oc-world .al-feature .fi{background:var(--w-navy-grad) !important;
  color:var(--w-gold-300) !important;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.oc-world .service h3{font-size:14px}
.oc-world .service p{color:var(--w-ink-500) !important;font-size:12.5px;line-height:1.9}
.oc-world .service-no{color:var(--w-gold-600);font-size:20px}
.oc-world .trust-item b{color:var(--w-ink-900)}
.oc-world .trust-item small{color:var(--w-ink-500)}
.oc-world .trust-item .ui-icon{color:var(--w-gold-600)}

/* فرم‌ها و جداول داخل کارت مرواریدی */
.oc-world :is(.admin-card,.selector-card,.details,.al-calc,.al-lead,.bank-box,.account-hero,.doc-card,kpi) h3{color:var(--w-ink-900)}
.oc-world :is(.admin-card,.al-lead,.al-calc,.selector-card,.bank-box,.doc-card,.account-hero) :is(label,.field label,.selector-title){
  color:var(--w-ink-500) !important;font-family:var(--w-font-head);font-size:12px;font-weight:600}
.oc-world :is(.admin-card,.al-lead,.al-calc,.selector-card,.bank-box,.doc-card,.details-content,.account-hero,.loan-builder)
  :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){
  background:#fff !important;border:1.5px solid #d7e4fc !important;color:var(--w-ink-900) !important;
  box-shadow:inset 0 1px 3px rgba(10,24,48,.06) !important;border-radius:12px !important}
.oc-world :is(.admin-card,.al-lead,.al-calc,.selector-card,.bank-box,.doc-card,.details-content,.account-hero,.loan-builder)
  :is(input:not([type=range]),select,textarea):focus{
  border-color:var(--w-blue-500) !important;box-shadow:0 0 0 3.5px rgba(47,107,255,.16) !important;outline:none}
.oc-world :is(.admin-card,.al-lead,.al-calc,.selector-card,.bank-box,.doc-card,.account-hero) input::placeholder,
.oc-world :is(.admin-card,.al-lead,.al-calc,.selector-card,.bank-box,.doc-card,.account-hero) textarea::placeholder{color:#9db1d4}
.oc-world .admin-card .hint,.oc-world .al-lead .hint,.oc-world .al-calc .hint{color:var(--w-ink-300) !important}
.oc-world .admin-table{border-color:var(--w-line-soft)}
.oc-world .admin-table th{background:var(--w-pearl-2);color:var(--w-ink-500);font-family:var(--w-font-head);font-size:11px;font-weight:600}
.oc-world .admin-table td{color:var(--w-ink-700);border-color:#edf2fd;font-size:12.5px}
.oc-world .admin-table tr:hover td{background:#f2f7ff}
.oc-world .card-head{border-color:var(--w-line-soft)}
.oc-world .card-head h3{color:var(--w-ink-900)}
.oc-world .alert{border-radius:12px;font-size:12.5px}

/* سلکتور مبلغ/مدت ووم */
.oc-world .selector-title{color:var(--w-ink-700);font-size:13px;font-weight:600}
.oc-world .amount-display b{color:var(--w-navy-900);font-size:34px;font-weight:800}
.oc-world .amount-display span{color:var(--w-gold-600);font-family:var(--w-font-num);font-weight:700}
.oc-world .range-labels{color:var(--w-ink-300);font-size:10.5px}
.oc-world input[type=range]{accent-color:var(--w-gold-500)}
.oc-world input[type=range]::-webkit-slider-thumb{background:var(--w-gold-grad) !important;
  border:3px solid #fff !important;box-shadow:0 3px 10px rgba(193,144,43,.5) !important;width:24px;height:24px}
.oc-world .term{background:#fff;border:1.5px solid #d7e4fc;color:var(--w-ink-500);border-radius:11px;font-weight:600;font-size:12px}
.oc-world .term:hover{border-color:var(--w-blue-400);color:var(--w-blue-600)}
.oc-world .term.active{background:var(--w-gold-grad);color:#241703;border-color:transparent;
  box-shadow:0 6px 14px -6px rgba(217,169,63,.55)}
details.oc-world .details, details.details summary, .oc-world .details summary{color:var(--w-ink-700)}
.oc-world .details summary{font-family:var(--w-font-head);font-weight:600;font-size:13px}
.oc-world .details-content{overflow-x:auto;-webkit-overflow-scrolling:touch}
.oc-world .comparison{min-width:640px}
.oc-world .comparison th{background:var(--w-pearl-2);color:var(--w-ink-500);font-family:var(--w-font-head);font-size:10.5px}
.oc-world .comparison td{color:var(--w-ink-700);font-size:11.5px}
.oc-world .comparison td b,.oc-world .comparison tr td:last-child b{color:var(--w-navy-900)}
.oc-world .fineprint{color:var(--w-ink-300);font-size:10.5px;line-height:1.9}

/* ماشین‌حساب وام خودرو/ملک */
.oc-world .al-calc h2,.oc-world .al-lead h2{color:var(--w-ink-900);font-size:17px}
.oc-world .al-amount-fig b{color:var(--w-navy-900);font-size:38px}
.oc-world .al-amount-fig span{color:var(--w-ink-300);font-family:var(--w-font-num);font-size:11px}
.oc-world .al-terms{gap:8px}
.oc-world .al-terms .term{flex:0 0 auto}
.oc-world .al-ledger{border-color:#edf2fd}
.oc-world .al-ledger .ledger-item{border-bottom:1px dashed #dbe6fc}
.oc-world .al-ledger .ledger-item span{color:var(--w-ink-500);font-size:12px}
.oc-world .al-ledger .ledger-item b{color:var(--w-ink-700);font-size:13px}
.oc-world .al-ledger .ledger-item.big{background:var(--w-gold-100);border-radius:12px;border:none}
.oc-world .al-ledger .ledger-item.big span{color:var(--w-gold-700);font-family:var(--w-font-head);font-weight:600}
.oc-world .al-ledger .ledger-item.big b{color:var(--w-gold-700);font-size:16px}
.oc-world .al-manual-note{background:#fff9e6;border:1px solid #eed89a;color:var(--w-gold-700);border-radius:12px;font-size:12px}
.oc-world .al-lead .field{margin-bottom:12px}
.oc-world .al-ok-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:16px;color:#065f46}
.oc-world .al-ok-box b{color:#047857;font-family:var(--w-font-num)}
details.oc-world.al-faq, details.al-faq summary{color:var(--w-ink-900)}
details.al-faq summary{font-family:var(--w-font-head);font-weight:600;font-size:13.5px}
details.al-faq .faq-b{color:var(--w-ink-500);font-size:16px;line-height:2}
details.al-faq[open]{border-color:#eed89a !important}

/* صفحات مستند (درباره/سوالات) */
.oc-world .w-doc h1{color:var(--w-ink-900);font-size:24px}
.oc-world .w-doc h2{color:var(--w-navy-800);font-size:17px}
.oc-world .w-doc .doc-card p{color:var(--w-ink-500);font-size:16.5px;line-height:2.1}
.oc-world .w-doc .lead{color:var(--w-ink-700) !important;font-size:18px}
.oc-world .w-doc li{color:var(--w-ink-500);font-size:13.5px;line-height:2}

/* کارت‌های KPI و حساب */
.oc-world .kpi b,.oc-world .kpi .n{color:var(--w-navy-900)}
.oc-world .kpi span,.oc-world .kpi small{color:var(--w-ink-300)}
.oc-world .account-hero b{color:var(--w-ink-900)}
.oc-world .account-hero small{color:var(--w-ink-300)}
.oc-world .account-actions a b{color:var(--w-ink-900)}
.oc-world .account-actions a small{color:var(--w-ink-500)}
.oc-world .wallet-chip{background:var(--w-gold-100);border:1px solid #eed89a;color:var(--w-gold-700);border-radius:10px}
.oc-world .stat{background:rgba(255,255,255,.055);border:1px solid rgba(170,195,240,.16);border-radius:15px}
.oc-world .stat b{color:var(--w-gold-300)}
.oc-world .stat small,.oc-world .stat span{color:#a9bfe6}

/* دسته‌بندی‌ها */
.oc-world .cat{background:rgba(255,255,255,.05);border:1px solid rgba(170,195,240,.16);border-radius:15px}
.oc-world .cat b{color:#dce7fb;font-family:var(--w-font-head);font-size:11.5px}
.oc-world .cat i{background:var(--w-navy-grad);color:var(--w-gold-300)}
.oc-world .cat.active{background:rgba(236,199,102,.14);border-color:var(--w-gold-400)}
.oc-world .cat.active b{color:var(--w-gold-300)}

/* فوتر و سئو */
.oc-world .w-footer{background:var(--w-navy-950);border-top:1px solid rgba(236,199,102,.18)}
.oc-world .w-footer h4{color:var(--w-gold-300);font-family:var(--w-font-head);font-size:13px}
.oc-world .w-footer h4::after{background:var(--w-gold-grad)}
.oc-world .w-footer a.f-link{color:#a9bfe6;font-size:12.5px}
.oc-world .w-footer a.f-link:hover{color:var(--w-gold-300)}
.oc-world .f-brand b{color:#fff;font-size:15px}
.oc-world .f-desc{color:#7c8db0;font-size:15px;line-height:2}
.oc-world .f-trust span{background:rgba(255,255,255,.05);border:1px solid rgba(170,195,240,.16);color:#a9bfe6;
  font-family:var(--w-font-num);font-size:10.5px;border-radius:9px}
.oc-world .w-seo-text{color:#5f7398;font-size:13px;line-height:2}
.oc-world .w-seo-text b{color:#8aa0c6}

/* دکمه شناور و ناوبری پایین موبایل */
.oc-world .org-fab{background:var(--w-gold-grad);color:#241703;font-family:var(--w-font-num);font-weight:700;font-size:12.5px;
  border-radius:999px;padding:11px 18px;border:none;
  box-shadow:0 14px 30px -8px rgba(217,169,63,.65),inset 0 1px 0 rgba(255,255,255,.5)}
.oc-world .mobile-bottom{background:rgba(5,11,24,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-top:1px solid rgba(170,195,240,.14);box-shadow:0 -12px 30px -14px rgba(0,0,0,.7)}
.oc-world .mobile-bottom a{color:#93a8cf}
.oc-world .mobile-bottom a.on,.oc-world .mobile-bottom a:active{color:var(--w-gold-300)}
.oc-world .mobile-bottom a.main .mb-ic,.oc-world .mobile-bottom a.main{background:var(--w-blue-grad);color:#fff;
  box-shadow:0 10px 22px -8px rgba(47,107,255,.7),inset 0 1px 0 rgba(255,255,255,.3)}

/* ناوبری موبایل: دایره وسط آبی‌پر رنگ */
@media (max-width:860px){
  body.oc-world main{padding-bottom:112px}
  .oc-world .org-fab{bottom:calc(78px + env(safe-area-inset-bottom,0px));inset-inline-start:12px;max-width:60vw}
  .oc-world .mobile-bottom a.main{border-radius:20px}
}

/* ═══════════ موبایل: اپ‌محور (≤860px) ═══════════ */
@media (max-width:860px){
  html,body.oc-world{overflow-x:clip}
  body.oc-world{font-size:13px}
  body.oc-world *{max-width:100%;overflow-wrap:break-word}
  body.oc-world img{height:auto}
  .oc-world .container{padding-inline:14px !important}
  .oc-world .section{margin-block:30px !important}
  .oc-world :is(.products,.w-duo,.al-grid,.loan-grid,.stats,.w-steps,.trust-row,.al-features,.al-steps,.grid,.form-grid)>*{min-width:0}

  /* هدر */
  .oc-world .corp-top{font-size:9.5px;padding-block:5px}
  .oc-world .corp-top .container{display:flex;justify-content:center}
  .oc-world .corp-top .container>div{display:none}
  .oc-world .corp-top span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .oc-world .corp-head-row{gap:10px;padding-block:10px !important;flex-wrap:wrap}
  .oc-world .corp-brand{flex:1 1 auto;min-width:0;gap:8px}
  .oc-world .corp-brand b{font-size:13px}
  .oc-world .corp-brand small{font-size:9.5px}
  .oc-world .corp-logo{width:38px;height:38px;font-size:20px;border-radius:12px;flex:0 0 auto}
  .oc-world .corp-actions{order:2;display:flex;gap:8px;align-items:center}
  .oc-world .head-action{padding:8px 12px;border-radius:12px}
  .oc-world .head-action small{display:none}
  .oc-world .head-action b{font-size:11px}
  .oc-world .head-action.balance{display:none}
  .oc-world .head-cart{width:40px;height:40px;display:grid;place-items:center}
  .oc-world .corp-search{order:3;flex:1 1 100%;margin-top:0;border-radius:13px}
  .oc-world .corp-search input{font-size:12.5px;padding:10px 12px}
  .oc-world .corp-nav{position:sticky;top:0;z-index:40}
  .oc-world .corp-nav .container{padding-inline:10px !important;gap:6px}
  .oc-world .corp-nav a{font-size:11.5px;padding:8px 11px;flex:0 0 auto}

  /* هیرو اصلی */
  .oc-world .w-hero{padding:20px 0 22px !important;border-radius:0 0 26px 26px}
  .oc-world .w-hero-in{gap:14px !important}
  .oc-world .w-hero h1{font-size:31px !important;line-height:1.5;margin-bottom:10px}
  .oc-world .w-hero .w-sub{font-size:12.5px !important;line-height:2;margin-bottom:14px;max-width:34em}
  .oc-world .w-hero .w-cta-row{gap:8px;flex-wrap:wrap}
  .oc-world .w-hero .w-cta-row .btn{font-size:12px;padding:11px 16px}
  .oc-world .w-hero-stats{grid-template-columns:repeat(2,1fr) !important;gap:8px !important;margin-top:16px}
  .oc-world .w-hero-stats>div{padding:10px 8px}
  .oc-world .w-hero-stats b{font-size:15px}
  .oc-world .w-hero-side{gap:10px;margin-top:16px}
  .oc-world .w-loan-card .lc-img{height:120px !important}
  .oc-world .w-loan-card .lc-body{padding:12px 14px}
  .oc-world .w-loan-card h3{font-size:14.5px}
  .oc-world .w-loan-card p{font-size:11px;line-height:1.8;color:#a9bfe6}
  .oc-world .w-loan-card .lc-meta{gap:6px;flex-wrap:wrap;font-size:11px}
  .oc-world .w-loan-card .lc-meta span{white-space:nowrap}
  .oc-world .w-loan-card .lc-cta{font-size:12px;padding:10px}

  /* خدمات سریع */
  .oc-world .quick-services{grid-template-columns:repeat(3,1fr) !important;gap:8px !important}
  .oc-world .quick-service{padding:12px 8px !important;border-radius:15px !important;flex-direction:column;gap:8px;text-align:center}
  .oc-world .quick-service i{width:36px;height:36px;margin-inline:auto}
  .oc-world .quick-service i .ui-icon{width:18px;height:18px}
  .oc-world .quick-service span{display:block}
  .oc-world .quick-service b{font-size:11px;display:block}
  .oc-world .quick-service small{display:none}

  /* تیتر بخش */
  .oc-world .section-head h2{font-size:17px}
  .oc-world .section-head p{font-size:11px;margin-top:3px}
  .oc-world .section-head{align-items:flex-end;gap:10px}
  .oc-world .section-head>a{font-size:11px;padding:7px 13px;flex:0 0 auto}

  /* دوکارت وام کلان */
  .oc-world .w-duo{grid-template-columns:1fr !important;gap:10px !important}
  .oc-world .w-duo .w-loan-card .lc-img{height:128px !important}

  /* محصولات */
  .oc-world .products{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}
  .oc-world .product{border-radius:15px !important}
  .oc-world .product-img{aspect-ratio:4/3 !important;height:auto !important;padding:8px}
  .oc-world .product-body{padding:10px 11px 12px}
  .oc-world .product-body h3{font-size:11.5px}
  .oc-world .price b{font-size:13.5px}
  .oc-world .product .emi{font-size:9.5px;padding:3px 7px}
  .oc-world .product-actions{gap:6px;margin-top:9px}
  .oc-world .product-actions .btn{font-size:11px;padding:9px 8px;border-radius:10px;flex:1}
  .oc-world .product-actions .btn-outline{flex:0 0 36px;padding:9px 0;font-size:13px}

  /* دسته‌ها */
  .oc-world .categories{display:flex !important;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:6px;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .oc-world .cat{flex:0 0 88px;scroll-snap-align:start;padding:10px 6px}
  .oc-world .cat b{font-size:10.5px}

  /* اعتماد و آمار */
  .oc-world .trust-row{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}
  .oc-world .trust-item{padding:11px 10px;border-radius:14px !important;gap:9px}
  .oc-world .trust-item b{font-size:11.5px}
  .oc-world .trust-item small{font-size:9.5px}
  .oc-world .stats{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}

  /* بنر شعار */
  .oc-world .w-slogan-band h2{font-size:25px;line-height:1.6}
  .oc-world .w-slogan-band p{font-size:15.5px}

  /* مراحل */
  .oc-world .w-steps{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}
  .oc-world .w-step{padding:13px 11px;border-radius:15px !important;gap:8px}
  .oc-world .w-step b{font-size:12px}
  .oc-world .w-step small{font-size:10px;line-height:1.8}
  .oc-world .w-step .ui-icon{width:32px;height:32px}

  /* وام خودرو و ملک */
  .oc-world .al-hero{padding:18px 0 20px !important;border-radius:0 0 26px 26px}
  .oc-world .al-hero h1{font-size:27px;line-height:1.55}
  .oc-world .al-hero .al-sub{font-size:12.5px;line-height:2}
  .oc-world .al-switcher{gap:6px}
  .oc-world .al-switcher a{font-size:12px;padding:9px 14px}
  .oc-world .al-grid{grid-template-columns:1fr !important;gap:10px !important}
  .oc-world .al-calc,.oc-world .al-lead{padding:16px 14px !important;border-radius:18px !important}
  .oc-world .al-calc h2,.oc-world .al-lead h2{font-size:15px;margin-bottom:6px}
  .oc-world .al-amount-fig b{font-size:32px}
  .oc-world .al-terms{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .oc-world .al-terms .term{font-size:11.5px;padding:9px 13px}
  .oc-world .al-ledger .ledger-item{padding:10px 12px}
  .oc-world .al-lead .field label{font-size:11.5px;margin-bottom:5px}
  .oc-world .al-lead .btn{font-size:13.5px;padding:13px;width:100%}
  .oc-world .al-features{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}
  .oc-world .al-feature{padding:12px 10px;border-radius:15px !important;gap:8px}
  .oc-world .al-feature b{font-size:11.5px}
  .oc-world .al-feature small{font-size:10px;line-height:1.8}
  .oc-world .al-feature .fi{width:32px;height:32px}
  .oc-world .al-steps{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}
  details.al-faq summary{font-size:12.5px;padding:13px 12px}
  details.al-faq .faq-b{font-size:14.5px;padding:0 12px 13px}

  /* اعتبار/بانک/طلا */
  .oc-world .credit-hero,.oc-world .bank-head{padding:22px 0 !important}
  .oc-world .credit-hero h1,.oc-world .bank-head h1{font-size:25px;line-height:1.6}
  .oc-world .credit-hero p,.oc-world .bank-head p{font-size:12px;line-height:1.95}
  .oc-world .credit-steps{gap:6px;flex-wrap:wrap}
  .oc-world .credit-steps b{font-size:10px;padding:7px 10px}
  .oc-world .loan-builder{padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important}
  .oc-world .loan-grid{grid-template-columns:1fr !important;gap:10px !important}
  .oc-world .selector-card{padding:16px 14px;border-radius:18px !important}
  .oc-world .amount-display b{font-size:30px}
  .oc-world .terms{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .oc-world .terms .term{font-size:11.5px;padding:9px 13px;flex:0 0 auto}
  .oc-world .btn.calculate{width:100%;font-size:13.5px;padding:13px}
  .oc-world .details{border-radius:16px !important}
  .oc-world .bank-body{padding:14px}
  .oc-world .bank-result .ledger{font-size:12px}
  .oc-world .kpi{padding:12px;border-radius:15px !important}
  .oc-world .kpi b{font-size:15px}

  /* فرم‌های عمومی */
  .oc-world input:not([type=range]):not([type=checkbox]):not([type=radio]),
  .oc-world select,.oc-world textarea{font-size:16px !important;padding:12px 13px}
  .oc-world .form-grid{grid-template-columns:1fr !important;gap:10px !important}
  .oc-world .admin-card{padding:14px !important}
  .oc-world .card-body{padding:13px !important}

  /* جداول: اسکرول افقی مرتب */
  .oc-world .table-wrap,.oc-world .admin-table-wrap{overflow-x:auto;border-radius:12px;-webkit-overflow-scrolling:touch}
  .oc-world table.admin-table{display:table;min-width:560px}
  .oc-world .admin-card{overflow:hidden}
  .oc-world .admin-card table{min-width:540px}
  .oc-world .card-body{overflow-x:auto}

  /* مستندات */
  .oc-world .w-doc{padding-inline:0}
  .oc-world .w-doc .doc-card{padding:16px 14px;border-radius:18px !important;margin-bottom:12px}
  .oc-world .w-doc h1{font-size:21px}
  .oc-world .w-doc h2{font-size:15.5px}
  .oc-world .w-doc .doc-card p{font-size:15px;line-height:2}
  .oc-world .w-doc li{font-size:12.5px}

  /* حساب/پورتال */
  .oc-world .account-hero{padding:16px 14px;border-radius:18px !important}
  .oc-world .account-actions{grid-template-columns:repeat(2,1fr) !important;gap:8px}

  /* فوتر */
  .oc-world .w-footer-main{grid-template-columns:repeat(2,1fr) !important;gap:16px 10px !important;padding:22px 0 18px !important}
  .oc-world .w-footer .f-brand{grid-column:1/-1}
  .oc-world .f-desc{font-size:13px;line-height:1.95}
  .oc-world .w-footer h4{font-size:12px;margin-bottom:8px}
  .oc-world .w-footer a.f-link{font-size:11.5px;line-height:2.1}
  .oc-world .f-trust{gap:6px}
  .oc-world .f-trust span{font-size:9.5px;padding:6px 9px}
  .oc-world .w-seo-text{font-size:11.5px;line-height:1.9}
  .oc-world .w-copy{font-size:10px;text-align:center;line-height:1.9}

  /* FAB و ناوبری */
  .oc-world .org-fab{font-size:11.5px;padding:10px 14px}
  .oc-world .mobile-bottom a span{font-size:9.5px}
  .oc-world .mobile-bottom a.main{transform:translateY(-13px)}
  .oc-world .mobile-bottom a.main .ui-icon{width:22px;height:22px}

  /* لاگین و کارت‌های متمرکز */
  .oc-world .auth-card,.oc-world .login-card{margin-inline:6px}
  .oc-world .toast{inset-inline:12px;bottom:140px;max-width:none}
}

/* موبایل خیلی کوچک */
@media (max-width:400px){
  .oc-world .quick-services{grid-template-columns:repeat(3,1fr) !important}
  .oc-world .quick-service b{font-size:10.5px}
  .oc-world .w-hero h1{font-size:28px !important}
  .oc-world .product-body h3{font-size:11px}
}

/* ═══ v5.1 — اصلاح قطعی هدر موبایل + تیتر متوازن ═══ */
@media (max-width:860px){
  /* هدر اپلیکیشنی: ردیف برند+اکشن‌ها، ردیف جست‌وجو، ردیف ناوبری اسکرولی */
  .oc-world .corp-top{display:none !important}
  .oc-world .corp-head-row{display:flex !important;flex-wrap:wrap;align-items:center;height:auto !important;gap:9px !important;padding-block:10px !important}
  .oc-world .corp-brand{order:1;flex:1 1 auto;min-width:0 !important;gap:8px !important}
  .oc-world .corp-brand>span:last-child{display:block !important;min-width:0}
  .oc-world .corp-brand b{display:block !important;font-size:13px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .oc-world .corp-brand small{display:block !important;font-size:9px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .oc-world .corp-logo{width:38px !important;height:38px !important;font-size:20px !important;border-radius:12px !important;flex:0 0 auto}
  .oc-world .corp-actions{order:2;margin:0 !important;gap:8px !important;flex:0 0 auto}
  .oc-world .head-action{display:flex !important;align-items:center;gap:7px;padding:8px 11px !important;border-radius:12px !important}
  .oc-world .head-action>span{display:flex !important;flex-direction:column}
  .oc-world .head-action small{display:block !important;font-size:8px !important}
  .oc-world .head-action b{display:block !important;font-size:10.5px !important;max-width:84px}
  .oc-world .head-action.balance{display:none !important}
  .oc-world .head-cart{width:39px !important;height:39px !important;border-radius:12px !important}
  .oc-world .corp-search{display:flex !important;order:3;flex:1 1 100%;height:44px !important;max-width:none !important;padding:0 13px !important;border-radius:13px !important;margin:0 !important}
  .oc-world .corp-search input{font-size:13px !important}
  .oc-world .corp-nav{display:block !important;border-top:1px solid rgba(170,195,240,.1) !important}
  .oc-world .corp-nav .container{display:flex !important;gap:6px;overflow-x:auto;padding:9px 10px !important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .oc-world .corp-nav::-webkit-scrollbar,.oc-world .corp-nav .container::-webkit-scrollbar{display:none}
  .oc-world .corp-nav a{flex:0 0 auto;font-size:11.5px !important;padding:8px 12px !important;white-space:nowrap}
  /* تیترهای متوازن بدون کلمه یتیم */
  .oc-world .w-hero h1,.oc-world .al-hero h1,.oc-world .credit-hero h1,.oc-world .bank-head h1{text-wrap:balance;word-spacing:1px}
  .oc-world .w-hero h1{font-size:28px !important}
  .oc-world .al-hero h1{font-size:26px !important}
  .oc-world .credit-hero h1,.oc-world .bank-head h1{font-size:24px !important}
  .oc-world .w-hero-stats span{white-space:nowrap;font-size:9.5px}
  .oc-world .w-hero-stats b{display:block;font-size:14.5px;white-space:nowrap}
  /* بادی‌اسکرول امن */
  body.oc-world{overflow-x:clip !important}
}

/* ═══ v5.2 — تصحیح رنگ متن روی کارت‌های مرواریدی (غلبه بر قفل‌های v4) ═══ */
.oc-world .product h3,.oc-world .product-body h3{color:var(--w-ink-900) !important}
.oc-world .price b{color:var(--w-ink-900) !important}
.oc-world .price small{color:var(--w-ink-300) !important;font-size:10px !important}
.oc-world .card-head h3,.oc-world .service h3,.oc-world .loan-builder .selector-title{color:var(--w-ink-900) !important}
.oc-world .service p{color:var(--w-ink-500) !important}
.oc-world .service b{color:var(--w-ink-900) !important}
.oc-world .spec-row b{color:var(--w-ink-900) !important}
.oc-world .spec-row span{color:var(--w-ink-500) !important}
.oc-world .ledger-item b{color:var(--w-ink-900) !important}
.oc-world .ledger-item span{color:var(--w-ink-500) !important}
.oc-world .product-summary h1{color:var(--w-ink-900) !important;font-family:var(--w-font-head);font-size:20px;line-height:1.7}
.oc-world .installment strong{color:var(--w-gold-700) !important}
.oc-world .installment{color:var(--w-ink-500) !important;font-size:11px}
/* سطوح داخلی کارت‌ها: از شیشه تیره به مروارید-۲ */
.oc-world .ledger-item,.oc-world .bank-result,.oc-world .flow-card,.oc-world .installment-head,
.oc-world .max-loan,.oc-world .result-strip,.oc-world .comparison td,.oc-world .comparison th,
.oc-world .purchase-panel,.oc-world .purchase-tabs,.oc-world .plan-card,.oc-world .installment{
  background:#fff !important;border-color:#e2ebfd !important;box-shadow:none !important;color:var(--w-ink-700) !important}
.oc-world .comparison th{background:var(--w-pearl-2) !important;color:var(--w-ink-500) !important}
.oc-world .plan-card{border-color:#d7e4fc !important}
.oc-world .plan-card h4{color:var(--w-ink-700) !important}
.oc-world .plan-card b{color:var(--w-gold-700) !important}
.oc-world .plan-card:hover,.oc-world .plan-card.active,.oc-world .plan-card[style]{
  background:var(--w-gold-100) !important;border-color:#eed89a !important}
.oc-world .max-loan b,.oc-world .flow-card b,.oc-world .result-strip b,.oc-world .bank-result b{color:var(--w-gold-700) !important}
/* گالری محصول در موبایل جمع‌وجورتر */
@media (max-width:900px){
  .oc-world .product-gallery{min-height:230px !important;border-radius:18px !important}
  .oc-world .product-detail-grid>div{min-width:0}
}
/* تعادل متن‌های دوتایی */
.oc-world .section-head p{text-wrap:balance}
.oc-world .al-feature small,.oc-world .w-step small,.oc-world .trust-item small{text-wrap:balance}

/* ═══ v5.3 — لجر مرواریدی + نجات عدد هیرو + FAB هوشمند ═══ */
.oc-world .al-ledger{background:var(--w-pearl-2) !important;border:1px solid #e2ebfd !important;border-radius:14px}
.oc-world .al-hero .al-amount-fig{background:rgba(11,22,48,.62);border:1px solid rgba(170,195,240,.2);
  border-radius:18px;backdrop-filter:blur(8px);box-shadow:0 16px 36px -16px rgba(0,0,0,.6)}
.oc-world .al-hero .al-amount-fig b{color:var(--w-gold-300) !important;text-shadow:0 3px 18px rgba(217,169,63,.35)}
.oc-world .al-hero .al-amount-fig span{color:#a9bfe6 !important}
.oc-world .al-calc .al-amount-fig b{color:var(--w-navy-900) !important;text-shadow:none}
.oc-world .al-calc .al-amount-fig span{color:var(--w-ink-300) !important}
body.oc-world.page-asset-loan .org-fab{display:none !important}

/* ═══ v5.4 — جراحی کامل صفحه محصول ═══ */
.oc-world .product-summary h1{color:#fff !important;font-size:21px;line-height:1.75;text-wrap:balance}
.oc-world .product-summary .spec-row b{color:var(--w-gold-300) !important}
.oc-world .product-summary .spec-row span{color:#a9bfe6 !important}
.oc-world .product-summary .spec-row{border-bottom:1px dashed rgba(170,195,240,.3) !important;background:transparent !important;border-top:none !important;border-inline:none !important;box-shadow:none !important}
.oc-world .product-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.oc-world .product-benefits>div{background:rgba(255,255,255,.055);border:1px solid rgba(170,195,240,.16);border-radius:13px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.oc-world .product-benefits .ui-icon{width:20px;height:20px;color:var(--w-gold-400)}
.oc-world .product-benefits b{color:#fff !important;font-family:var(--w-font-head);font-size:10.5px}
.oc-world .product-benefits small{color:#93a8cf !important;font-size:9px}
/* گالری */
@media (max-width:900px){
  .oc-world .product-gallery{height:auto !important;min-height:0 !important;aspect-ratio:4/3 !important;border-radius:18px !important;margin-inline:2px}
  .oc-world .product-gallery .product-svg{width:64px !important;height:64px !important}
  .oc-world .product-benefits{gap:6px}
}
/* تب خرید: سوییچر مرواریدی */
.oc-world .purchase-tabs{display:flex;gap:6px;background:var(--w-pearl-2) !important;border:1px solid #e2ebfd !important;border-radius:14px;padding:5px !important;margin-top:14px;box-shadow:none !important}
.oc-world .purchase-tabs button{flex:1;border:none !important;background:transparent !important;color:var(--w-ink-500) !important;font-family:var(--w-font-num) !important;font-weight:600;font-size:12.5px;padding:10px 6px;border-radius:10px;cursor:pointer;transition:.2s}
.oc-world .purchase-tabs button.active{background:var(--w-gold-grad) !important;color:#241703 !important;box-shadow:0 5px 12px -5px rgba(217,169,63,.6)}
.oc-world .purchase-panel{background:#fff !important;border:1px solid #e2ebfd !important;border-radius:16px !important;padding:14px !important;box-shadow:var(--w-card-shadow)}
.oc-world .max-loan{display:flex;justify-content:space-between;align-items:center;background:var(--w-pearl-2) !important;border-color:#e2ebfd !important;padding:12px 14px}
.oc-world .max-loan span{color:var(--w-ink-500) !important;font-size:12px}
.oc-world .max-loan b{color:var(--w-navy-900) !important;font-family:var(--w-font-num);font-size:16px}
.oc-world .installment-head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--w-gold-100) !important;border-color:#eed89a !important;padding:12px 14px}
.oc-world .installment-head small{color:var(--w-ink-300) !important;display:block;font-size:10px}
.oc-world .installment-head b{color:var(--w-navy-900) !important;font-family:var(--w-font-num);font-size:14.5px}
.oc-world .installment-head em{color:var(--w-gold-700) !important;font-style:normal;font-family:var(--w-font-num);font-size:10.5px}
.oc-world .purchase-panel h3{color:var(--w-ink-900) !important;font-family:var(--w-font-head) !important;font-size:13px !important;margin:12px 0 8px}
.oc-world .installment-plans{grid-template-columns:repeat(5,1fr) !important}
@media (max-width:640px){.oc-world .installment-plans{grid-template-columns:repeat(3,1fr) !important;gap:7px !important}}
.oc-world .plan-card{border-radius:12px !important;padding:10px 5px !important}
.oc-world .plan-card b{color:var(--w-gold-700) !important;font-family:var(--w-font-num)}
.oc-world .plan-card.active b{color:#fff !important}
.oc-world .plan-card.active h4{color:#fff !important}
.oc-world .calc-ledger .ledger-item{display:flex;justify-content:space-between;background:#fff !important;border:1px solid #e2ebfd !important;border-radius:11px;padding:10px 13px;margin-bottom:6px}
.oc-world .purchase-bar{background:rgba(255,255,255,.92) !important;border:1px solid #e2ebfd !important;border-radius:14px !important;position:sticky;bottom:8px;z-index:20;box-shadow:0 -8px 26px -12px rgba(10,24,48,.35)}
.oc-world .purchase-bar .btn-green{background:var(--w-gold-grad) !important;color:#241703 !important}
@media (max-width:640px){.oc-world .purchase-bar{grid-template-columns:1fr !important;gap:8px !important;bottom:inherit;position:static}}
@media (max-width:860px){
  .oc-world .auth-wrap,.oc-world .login-wrap{margin-top:18px !important}
  .oc-world main>.container>.admin-card[style]{margin-top:10px}
}

/* ═══ v5.5 — ریزپولیش صفحه محصول ═══ */
.oc-world .product-gallery{overflow:hidden}
.oc-world .plan-card.active{background:var(--w-navy-grad) !important;border-color:#16295c !important;box-shadow:0 8px 18px -8px rgba(15,33,72,.55) !important}
.oc-world .plan-card.active h4,.oc-world .plan-card.active b,.oc-world .plan-card.active small{color:#fff !important}
.oc-world .plan-card.active b{color:var(--w-gold-300) !important}
.oc-world .details summary{color:var(--w-ink-900) !important;font-family:var(--w-font-head) !important;font-weight:600}
.oc-world .details summary::after{color:var(--w-gold-600) !important}
.oc-world .calc-ledger .ledger-item b{color:var(--w-navy-900) !important;font-weight:700}
.oc-world .purchase-bar .btn-blue{background:var(--w-blue-grad) !important;color:#fff !important}
.oc-world .plan-card h4{white-space:nowrap}
.oc-world .plan-card b{white-space:nowrap;font-size:11.5px !important}
.oc-world .plan-card small{display:block;white-space:nowrap;font-size:9px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.oc-world .plan-card{padding:9px 3px !important}.oc-world .plan-card b{font-size:10.5px !important}}