/* ===== Stories slider ===== */
.ms-stories{ padding: clamp(48px,8vw,90px) 16px; }
.ms-stories .ms-title{ text-align:center; }
.ms-stories .ms-subtitle{ text-align:center; color:var(--muted); margin-top:4px; }

/* вьюпорт и лента */
.stories-viewport{ overflow:hidden; border-radius: var(--radius,14px); }
.stories-track{ display:flex; will-change:transform; touch-action:pan-y; }

/* расстояние между карточками через wrapper */
.story-wrap{ padding: 0 10px; box-sizing:border-box; }

/* карточка */
.story{
  height:100%;
  display:flex; flex-direction:column;
  border-radius:18px; overflow:hidden;
  padding:0; /* медиа кромкой, текст внизу */
}
.story__media{
  position:relative;
  aspect-ratio: 16/9;
  background:#1a1b1e;
}
.story__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.story__shadow{
  position:absolute; inset:auto 0 0 0; height:38%;
  background: linear-gradient(0deg, rgba(0,0,0,.55), transparent);
  pointer-events:none;
}

.story__video{
  position:absolute; inset:0; width:100%; height:100%;
  border:0; background: radial-gradient(60% 60% at 50% 40%, rgba(0,0,0,.55), rgba(0,0,0,.75));
  cursor:pointer;
}
.story__play{
  position:absolute; inset:0; margin:auto; width:68px; height:68px; border-radius:50%;
  display:grid; place-items:center; font-size:24px; color:#fff;
  background: color-mix(in oklab, var(--accent) 70%, #000 0%);
  box-shadow: 0 12px 36px color-mix(in oklab, var(--accent) 30%, transparent);
}

.story__body{ padding: 14px 16px 16px; }
.story__name{ margin:0 0 6px; font-weight:800; font-size:1.05rem; }
.story__text{ margin:0; color:var(--muted); line-height:1.55; font-size:.95rem; }

/* точки */
.stories-dots{
  display:flex; justify-content:center; gap:8px; margin-top:14px;
}
.stories-dots .dot{
  width:10px; height:10px; border-radius:50%;
  background: rgba(255,255,255,.28); cursor:pointer;
  transition: transform .18s ease, background .18s ease;
}
.stories-dots .dot.active{ background: color-mix(in oklab, var(--accent) 70%, #000 0%); transform: scale(1.1); }