/* STORY STRIP - fixes: spacing + header overlap */
.fg-story-strip{padding:12px 0;background:#fff;margin-top:90px;position:relative;z-index:1}
@media (max-width:768px){.fg-story-strip{margin-top:110px}}

/* header */
.fg-story-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.fg-story-tabs{display:flex;gap:8px;flex-wrap:wrap}
.fg-story-tab{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:10px;padding:6px 10px;font-size:13px;cursor:pointer}
.fg-story-tab.is-active{border-color:rgba(230,57,70,.45);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.fg-story-all{font-size:13px}

/* Swiper spacing tighter */
.fgStorySwiper .swiper-slide{width:92px !important;margin-right:10px !important}

/* item */
.fg-story-item{width:92px;text-align:center}
.fg-story-avatar{position:relative;display:flex;justify-content:center}
.fg-story-img{width:70px;height:70px;border-radius:999px;object-fit:cover;display:block}

/* borders by type */
.fg-story-item--red .fg-story-img{border:3px solid #e63946}
.fg-story-item--blue .fg-story-img{border:3px solid #1d4ed8}

/* badge */
.fg-story-badge{position:absolute;top:-6px;right:10px;background:#f59e0b;color:#fff;font-size:10px;padding:2px 6px;border-radius:999px}

/* title + views */
.fg-story-title{display:block;font-size:12px;margin-top:6px;color:#222;line-height:1.1;min-height:26px}
.fg-story-meta{font-size:11px;color:#666;margin-top:2px;animation:pulse 1.5s infinite}
@keyframes pulse{0%{opacity:.45}50%{opacity:1}100%{opacity:.45}}

/* panes */
.fg-story-pane{display:none}
.fg-story-pane.is-active{display:block}

.fg-story-item--empty{width:260px;text-align:left;padding:12px;border:1px dashed rgba(0,0,0,.18);border-radius:12px;color:#444}