.story-bar{width:100%;padding:10px 0 6px;overflow:hidden;font-family:inherit!important;direction:rtl}
.story-bar *,.story-bar *::before,.story-bar *::after{font-family:inherit!important;box-sizing:border-box}
.story-track{display:flex;gap:14px;overflow-x:auto;padding:4px 14px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.story-track::-webkit-scrollbar{display:none}
.story-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;background:none;border:none;padding:0;cursor:pointer;scroll-snap-align:start;font-family:inherit!important}
.story-ring{width:66px;height:66px;border-radius:50%;padding:2.5px;display:flex;align-items:center;justify-content:center}
.story-bar[data-style="instagram"] .story-item.is-new .story-ring{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.story-bar[data-style="instagram"] .story-item.is-seen .story-ring{background:#c7c7c7}
.story-bar[data-style="green"] .story-item.is-new .story-ring{background:linear-gradient(135deg,#00c853,#69f0ae)}
.story-bar[data-style="green"] .story-item.is-seen .story-ring{background:#a5d6a7}
.story-bar[data-style="gray"] .story-item .story-ring{background:#bdbdbd}
.story-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#1a1a1a;border:2.5px solid #fff}
.story-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.story-avatar-empty{display:block;width:100%;height:100%;background:linear-gradient(135deg,#444,#222)}
.story-label{font-size:12px;line-height:1.25;text-align:center;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-family:inherit!important}
.story-viewer{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;direction:rtl;font-family:inherit!important;-webkit-user-select:none;user-select:none}
.story-viewer[hidden]{display:none!important}
.story-viewer-box{position:relative;width:100%;max-width:430px;height:100%;height:100dvh;background:#000;overflow:hidden}
.story-progress{position:absolute;top:10px;left:8px;right:8px;z-index:40;display:flex;gap:3px}
.story-progress span{flex:1;height:2.5px;background:rgba(255,255,255,.3);border-radius:3px;overflow:hidden}
.story-progress span i{display:block;height:100%;width:0;background:#fff;border-radius:3px}
.story-viewer-head{position:absolute;top:20px;left:12px;right:12px;z-index:40;display:flex;align-items:center;justify-content:space-between}
.story-viewer-user{display:flex;align-items:center;gap:9px}
.story-v-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.5)}
.story-v-name{color:#fff;font-size:14px;font-weight:600;font-family:inherit!important}
.story-v-count{color:rgba(255,255,255,.55);font-size:12px}
.story-close{background:none;border:none;color:#fff;padding:6px;cursor:pointer}
.story-viewer-body{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}
.story-viewer-body img,.story-viewer-body video{width:100%;height:100%;object-fit:contain;display:block}
.story-post-wrap{position:absolute;inset:0;overflow-y:auto;padding:78px 18px 110px;color:#fff;background:#111;-webkit-overflow-scrolling:touch}
.story-post-wrap h2{color:#fff;font-size:1.3em;margin:0 0 12px;font-family:inherit!important}
.story-post-wrap img{max-width:100%;height:auto;border-radius:8px}
.story-post-thumb{width:100%;max-height:38vh;object-fit:cover;margin-bottom:14px}
.story-product-card{text-align:center;color:#fff;padding:20px}
.story-product-card img{max-width:100%;max-height:50vh;object-fit:contain;border-radius:8px}
.story-product-card .price{font-size:18px;margin-top:12px;color:#69f0ae}
.story-viewer-caption{position:absolute;bottom:100px;left:14px;right:14px;z-index:30;color:#fff;font-size:14px;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.7);font-family:inherit!important;pointer-events:none}
.story-cta{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);z-index:35;background:rgba(255,255,255,.95);color:#111;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;font-family:inherit!important;white-space:nowrap}
.story-cta[hidden]{display:none!important}
.story-viewer-actions{position:absolute;bottom:22px;left:14px;right:14px;z-index:35;display:flex;align-items:center;gap:16px}
.story-act{background:none;border:none;color:#fff;padding:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;font-family:inherit!important}
.story-act.liked .story-heart{fill:#ff3040;stroke:#ff3040}
.story-comments{position:absolute;bottom:0;left:0;right:0;z-index:50;background:rgba(18,18,18,.97);border-radius:14px 14px 0 0;max-height:42vh;display:flex;flex-direction:column;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}
.story-comments[hidden]{display:none!important}
.story-comments-list{flex:1;overflow-y:auto;max-height:26vh;margin-bottom:10px}
.story-c-item{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#ddd;font-size:13px;line-height:1.45;font-family:inherit!important}
.story-c-item strong{color:#fff;margin-left:5px}
.story-comments-form{display:flex;gap:8px}
.story-comments-form input{flex:1;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:10px 14px;color:#fff;font-size:14px;font-family:inherit!important;outline:none}
.story-comments-form button{background:#0095f6;color:#fff;border:none;border-radius:20px;padding:0 16px;font-weight:600;cursor:pointer;font-family:inherit!important}
.story-tap{position:absolute;top:0;bottom:0;width:28%;z-index:20}
.story-tap-prev{right:0}
.story-tap-next{left:0}
@media (min-width:768px){.story-viewer-box{max-width:400px;height:88vh;max-height:820px;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.55)}}

/* قبل و بعد */
.story-ba{position:absolute;inset:0;overflow:hidden;cursor:ew-resize;touch-action:none}
.story-ba-after,.story-ba-before{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none;pointer-events:none}
.story-ba-before-wrap{position:absolute;top:0;left:0;height:100%;overflow:hidden;border-right:2px solid #fff;z-index:2}
.story-ba-before{width:100vw;max-width:430px}
.story-ba-handle{position:absolute;top:0;bottom:0;width:28px;margin-left:-14px;z-index:3;display:flex;align-items:center;justify-content:center}
.story-ba-handle span{width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}
.story-ba-handle span::before,.story-ba-handle span::after{content:"";display:block;width:0;height:0;border-style:solid;margin:0 2px}
.story-ba-handle span::before{border-width:5px 6px 5px 0;border-color:transparent #333 transparent transparent}
.story-ba-handle span::after{border-width:5px 0 5px 6px;border-color:transparent transparent transparent #333}
.story-ba-labels{position:absolute;bottom:16px;left:12px;right:12px;z-index:4;display:flex;justify-content:space-between;pointer-events:none}
.story-ba-labels span{background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:4px 10px;border-radius:12px;font-family:inherit}

/* قبل و بعد — تقسیم عمودی ۵۰/۵۰ */
.story-ba-split{
	position:absolute;inset:0;display:flex;flex-direction:row;direction:rtl;
}
.story-ba-half{
	position:relative;flex:1 1 50%;width:50%;height:100%;overflow:hidden;background:#111;
}
.story-ba-half + .story-ba-half{
	border-right:2px solid rgba(255,255,255,.85);
}
.story-ba-media{
	width:100%!important;height:100%!important;object-fit:cover;display:block;
}
.story-ba-tag{
	position:absolute;top:12px;right:12px;z-index:2;
	background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:4px 10px;
	border-radius:12px;font-family:inherit;
}
.story-ba-half-after .story-ba-tag{right:auto;left:12px}
.story-ba-empty{width:100%;height:100%;background:#222}