.nikan-story-widget{margin-top:14px;position:relative;z-index:5}
.nikan-story-strip{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding:12px;direction:rtl;justify-content:flex-start}
.nikan-story-strip::-webkit-scrollbar{height:6px}
.nikan-story-item{background:transparent;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;min-width:76px;flex:0 0 auto;scroll-snap-align:start}

/* Instagram-like ring */
.nikan-story-ring{width:90px;height:90px;border-radius:99999px;display:flex;align-items:center;justify-content:center;background:#e11d48; /* red */
  box-shadow:0 0 0 1px rgba(0,0,0,0.05);
}
.nikan-story-circle{width:84px;height:84px;border-radius:99999px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.nikan-story-circle img{width:100%;height:100%;object-fit:cover;display:block}
.nikan-story-title{margin-top:6px;font-size:12px;line-height:1.3;text-align:center;color:#1f2937;max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width: 640px){
  /* موبایل: فاصله بیشتر + پدینگ طرفین تا بهم نچسبه */
  /* بعضی کانتینرها overflow:hidden دارند؛ کمی پدینگ بالا می‌دهیم تا دایره‌ها بریده نشوند */
  .nikan-story-widget{padding-top:10px}
  .nikan-story-strip{gap:14px;padding:14px 12px 10px;justify-content:flex-start !important;margin:0 !important;width:100% !important;direction:rtl}
  .nikan-story-item{min-width:78px}
  .nikan-story-ring{width:76px;height:76px}
  .nikan-story-circle{width:70px;height:70px}
  .nikan-story-title{font-size:11px;max-width:80px}
}

/* Modal */
.nikan-story-lock{overflow:hidden}
.nikan-story-modal{position:fixed;inset:0;z-index:999999;display:none}
.nikan-story-modal.is-open{display:block}
.nikan-story-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7)}
.nikan-story-modal-inner{position:absolute;inset:0;max-width:520px;margin:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
@media (max-width: 640px){.nikan-story-modal-inner{max-width:100%}}

.nikan-story-close{position:absolute;top:14px;left:14px;width:40px;height:40px;border-radius:999px;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:28px;line-height:40px;cursor:pointer;z-index:3}
.nikan-story-progress{position:absolute;top:14px;right:14px;left:66px;display:flex;gap:6px;z-index:3}
.nikan-story-seg{flex:1;height:3px;background:rgba(255,255,255,.28);border-radius:99px;overflow:hidden}
.nikan-story-seg-fill{display:block;height:100%;width:0;background:#fff;transition:width .08s linear}
.nikan-story-seg.is-done .nikan-story-seg-fill{width:100%}

.nikan-story-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0}
.nikan-story-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.nikan-story-media img,.nikan-story-media video{width:100%;height:100%;object-fit:cover;background:#000}

.nikan-story-cta-wrap{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;z-index:3}
.nikan-story-cta{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:12px 16px;border-radius:14px;background:#fff;color:#111827;text-decoration:none;font-weight:800}

.nikan-story-nav{position:absolute;top:0;bottom:0;width:35%;border:0;background:transparent;cursor:pointer}
.nikan-story-prev{right:0}
.nikan-story-next{left:0}

/* === STORY CENTER FIX === */

.nikan-story-widget{width:100%}

/* دسکتاپ می‌تواند وسط‌چین باشد، اما موبایل باید از راست شروع شود */
@media (min-width: 641px){
  .nikan-story-widget{display:flex;justify-content:center}
  .nikan-story-strip{justify-content:center;margin:0 auto}
}

@media (max-width: 640px){
  .nikan-story-widget{display:block}
  .nikan-story-strip{justify-content:flex-start !important;margin:0 !important;width:100% !important}
}
