/* =========================================
   land-benefits – مزایا + سه KPI + اَدمکی کناری
   کاملاً اسکوپ‌شده (RTL) و سازگار با دسکتاپ/موبایل
   ========================================= */

.ms-land-benefits{
  --container: min(1200px, 92vw);
  --w: 980px;      /* حداکثر عرض کارت متن */
  --pt: 28px;      /* فاصله از بالا */
  --pb: 38px;      /* فاصله از پایین */
  --brand:#ec4899; --brand2:#f472b6; --accent:#8b5cf6;
  --ink:#171717; --muted:#616161;
  --radius: 22px;

  font-family:"IRANSans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);
  padding: var(--pt) 0 var(--pb);
  position:relative; isolation:isolate;
}

.ms-land-benefits__container{
  width:var(--container);
  margin-inline:auto;
  position:relative;
  display:flex;
  justify-content:center;
  overflow:visible; /* لازم است تا اَدمکی بیرون قاب بیاید */
}

/* ===== کارت اصلی متن ===== */
.msb-card{
  width:min(var(--w), 100%);
  position:relative; z-index:2; /* کارت زیر اَدمکی قرار نمی‌گیرد */
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border:1px solid rgba(17,24,39,.08);
  border-radius: var(--radius);
  box-shadow: 0 12px 30px rgba(17,24,39,.08), 0 2px 10px rgba(17,24,39,.04);
  backdrop-filter: saturate(120%) blur(6px);
  -webkit-backdrop-filter: saturate(120%) blur(6px);
  padding: 22px 24px;
  line-height: 2.02;
}

.msb-head{ text-align:center; margin:0 0 10px; }
.msb-head h2{
  margin:0 0 6px; color:var(--accent);
  font-family:"Lalezar","IRANSans",system-ui;
  font-size:clamp(22px,2.8vw,30px);
}
.msb-head .lead{ margin:0; color:#374151; font-size:15.5px; }
.msb-card h3{ margin:14px 0 8px; font-size:18px; color:#374151; }
.msb-card .copy{ margin:0 0 12px; color:#374151; font-size:15.5px; }
.msb-card b{ color:#111827; }

/* ===== سه KPI کنار هم ===== */
.msb-kpis{
  margin:10px 0 8px;
  display:grid; gap:12px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width:820px){
  .msb-kpis{ grid-template-columns:1fr; }
}
.kpi{
  display:grid; align-content:center; gap:6px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.08);
  background:#fff;
  box-shadow: 0 6px 18px rgba(17,24,39,.06);
}
.kpi .val{
  font-family:"Lalezar","IRANSans",system-ui;
  font-size:clamp(22px, 4vw, 32px);
  line-height:1;
  color:var(--brand);
}
.kpi .val span{
  color:var(--muted);
  font-size:14px;
  font-weight:400;
  margin-right:4px;
}
.kpi .lab{ color:#374151; }

/* ===== نوار جمع‌بندی ===== */
.msb-callout{
  margin-top:8px;
  background:linear-gradient(90deg, rgba(236,72,153,.08), rgba(139,92,246,.08));
  border:1px dashed rgba(139,92,246,.25);
  border-radius:14px;
  padding:12px 14px;
}

/* ===== تزئینات: اَدمکی کناری (بدون هم‌پوشانی با متن) ===== */
.msb-ornament{
  position:absolute; inset:0;
  pointer-events:none;
  z-index:3;
  overflow:visible;
}
/* اگر قبلاً نوار عمودی داشتید، حذف شود */
.msb-ornament::before{ display:none !important; }

/* اَدمکی با اندازه و آفست تطبیقی + حفظ نسبت تصویر 561×1024 */
.msb-mascot{
  position:absolute;
  top:6px; /* هم‌تراز با بالای کارت */
  right: calc(-1 * clamp(60px, 12vw, 191px)); /* 1920≈-180، 1200≈-144، 980≈-118 */
  height: clamp(320px, 68%, 820px);            /* قد تطبیقی */
  aspect-ratio: 561 / 1024;                    /* نسبت اصلی فایل */
  width:auto; object-fit:contain;
  transform:none;
  filter: drop-shadow(0 10px 22px rgba(17,24,39,.15));
  z-index:-1;
  pointer-events:none;
}

/* ریزتنظیم‌ها برای لپ‌تاپ و تبلت */
@media (max-width:1200px){
  .msb-mascot{
    right: calc(-1 * clamp(50px, 10vw, 150px));
    height: clamp(300px, 62%, 700px);
  }
}
@media (max-width:980px){
  .msb-mascot{
    right: calc(-1 * clamp(36px, 9vw, 120px));
    height: clamp(260px, 56%, 600px);
  }
}

/* روی موبایل برای تمیزی UI مخفی؛ اگر می‌خواهید بماند، این بلوک را حذف کنید */
@media (max-width:720px){
  .msb-mascot{ display:none; }
}

/* ===== دارک‌مود ===== */
/* کارت بالاتر از اَدمکی */
.msb-card{
  position: relative;
  z-index: 2;
}

/* لایه تزئینی و خود اَدمکی زیر کارت، اما بالای پس‌زمینهٔ سکشن */
.msb-ornament{
  position: absolute;
  inset: 0;
  z-index: 1;           /* قبلاً 3 بود */
  pointer-events: none;
  overflow: visible;
}
.msb-mascot{
  z-index: 1;           /* با لایهٔ تزئینی هم‌سطح */
}