/* land-demo-slider – نسخه پایدار (fade) */
.ms-demo-slider{
  --container: min(1200px, 92vw);
  --radius: 20px;
  --ink:#111827; --muted:#6b7280;
  --brand:#ec4899; --brand2:#f472b6;
  font-family:"IRANSans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);
}
.msds-container{ width:var(--container); margin-inline:auto; }

/* تیتر */
.msds-head{ text-align:center; margin: 0 0 10px; }
.msds-head h2{
  margin:0; color:#8b5cf6;
  font-family:"Lalezar","IRANSans",system-ui;
  font-size: clamp(20px, 2.6vw, 28px);
}

/* قاب کارت با نسبت ثابت */
.msds-frame{
  position:relative;
  border-radius: var(--radius);
  border:1px solid rgba(17,24,39,.06);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  box-shadow: 0 12px 30px rgba(17,24,39,.08), 0 2px 10px rgba(17,24,39,.04);
  overflow:hidden;
  /* نسبت تصویر */
  aspect-ratio: var(--ratio, 1650/775);
}

/* صحنه اسلایدها */
.msds-stage{
  position:relative; inset:0;
  width:100%; height:100%;
}

/* هر اسلاید کل قاب را پر می‌کند (روی‌هم) */
.msds-slide{
  position:absolute; inset:0;
  opacity:0; pointer-events:none;
  transition: opacity .45s ease;
  background:#f3f4f6;
}
.msds-slide.is-active{
  opacity:1; pointer-events:auto;
}
.msds-slide img{
  width:100%; height:100%;
  object-fit: var(--fit, cover);     /* cover یا contain از settings */
  object-position:center;
  display:block; user-select:none; -webkit-user-drag:none;
}

/* دکمه‌های ناوبری: آیکون وسط و فاصله‌ها دقیق */
.msds-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px;
  display:flex; align-items:center; justify-content:center;
  border-radius:999px; border:1px solid rgba(17,24,39,.10);
  background:#fff; box-shadow:0 6px 16px rgba(17,24,39,.15);
  cursor:pointer; z-index:5;
}
.msds-prev{ right:12px; }
.msds-next{ left:12px; }
.msds-nav i{ font-size:18px; color:var(--brand); line-height:1; }
.msds-nav:hover{ background:linear-gradient(135deg,#fff,#fdf2f8); }

/* دات‌ها */
.msds-dots{
  position:absolute; left:0; right:0; bottom:12px;
  display:flex; gap:8px; justify-content:center; z-index:5;
}
.msds-dots button{
  width:9px; height:9px; border-radius:999px; background:#e5e7eb;
  border:none; padding:0; cursor:pointer; box-shadow:0 1px 3px rgba(17,24,39,.15);
}
.msds-dots button[aria-selected="true"]{
  width:22px; background:linear-gradient(90deg, var(--brand), var(--brand2));
}

/* حالت grab هنگام سوایپ/درگ */
.msds-frame.grabbing{ cursor:grabbing; }

/* دارک‌مود */