/* ===== Local fonts ===== */
@font-face{
  font-family:'IRANSans';
  src:url('../storage/fonts/IRANSans.woff2') format('woff2'),
      url('../storage/fonts/IRANSans.woff') format('woff');
  font-display:swap;
}
@font-face{
  font-family:'Vazir';
  src:url('../storage/fonts/Vazir.woff2') format('woff2'),
      url('../storage/fonts/Vazir.woff') format('woff');
  font-display:swap;
}

.ms-moshtari, .ms-moshtari *{ box-sizing:border-box; }
.ms-moshtari{
  --fg:#161a2d;
  --muted:#5a6178;
  --accent:#6b7cff;
  --bullet-bg:#fff7eb;
  --bullet-fg:#ff8a2d;
  --bg:#f7f8fb;               /* کمی روشن؛ می‌تونی تیره‌ترش کنی */
  font-family:'IRANSans','Vazir',Tahoma,Arial,sans-serif;
  color:var(--fg);
  background:#fff;
  padding: clamp(48px,6vw,84px) clamp(16px,4vw,24px);
}

.ms-moshtari__inner{
  max-width:1280px; margin:0 auto;
  display:grid; gap: clamp(24px,4vw,56px);
  grid-template-columns: 1.1fr 1fr;  /* چپ متن - راست تصویر */
  align-items:center;
}

/* متن چپ */
.ms-moshtari__kicker{
  display:inline-flex; align-items:center; gap:10px;
  color:var(--accent); font-weight:800; font-size:.95rem; margin-bottom:10px;
}
.ms-moshtari__kicker::before{ content:"•"; color:#b6baf3; }

.ms-moshtari__title{
  font-weight:900; line-height:1.25;
  font-size: clamp(22px,3.5vw,36px);
  margin: 0 0 10px;
}
.ms-moshtari__desc{
  color:var(--muted); font-size:clamp(14px,1.1vw,16px);
  margin:0 0 22px; max-width: 60ch;
}

.ms-moshtari__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:18px; }
.ms-moshtari__item{ display:flex; align-items:flex-start; gap:14px; }
.ms-moshtari__bullet{
  flex:0 0 36px; width:36px; height:36px; border-radius:10px;
  display:grid; place-items:center;
  background:var(--bullet-bg); color:var(--bullet-fg);
  box-shadow: 0 6px 16px rgba(255,138,45,.18);
}
.ms-moshtari__item-title{ margin:0 0 6px; font-size:18px; font-weight:800; }
.ms-moshtari__item-text{ margin:0; color:var(--muted); font-size:14px; line-height:1.9; }

/* تصویر راست */
.ms-moshtari__visual{ position:relative; min-height:320px; display:flex; align-items:center; justify-content:center; }
.ms-moshtari__ring{
  position:absolute; inset:0; margin:auto; z-index:0; pointer-events:none;
}
.ms-moshtari__ring circle{
  fill:none; stroke:#c9c6ff; stroke-width:2.5; stroke-dasharray:6 10; opacity:.7;
}

.ms-moshtari__card{ position:relative; z-index:1; filter:drop-shadow(0 14px 34px rgba(0,0,0,.12)); }
.ms-moshtari__img{
  display:block;
  width:auto; height:auto;         /* اندازه واقعی */
  max-width:min(520px, 100%);      /* فقط scale-down در صورت نیاز */
  max-height: 420px;
  animation: msm-float 6.5s ease-in-out infinite; /* شناوری آرام */
}
@keyframes msm-float{
  0%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
  100%{ transform: translateY(0); }
}

/* ریسپانسیو */
@media (max-width: 1024px){
  .ms-moshtari__inner{ grid-template-columns:1fr; }
  .ms-moshtari__content{ text-align:center; }
  .ms-moshtari__desc{ margin-left:auto; margin-right:auto; }
  .ms-moshtari__list{ align-items:center; }
  .ms-moshtari__ring{ transform: scale(.85); }
}
@media (prefers-color-scheme: dark){
  .ms-moshtari{ --fg:#e6e7eb; --muted:#c3c8db; --bg:#0f1115; --bullet-bg:#1c1b29; --bullet-fg:#ffb37a; }
  .ms-moshtari__ring circle{ stroke:#9ea4ff; opacity:.55; }
}