.ys-story-strip{position:relative;padding:12px 0 15px!important;background:radial-gradient(circle at 10% 0%,rgba(24,144,255,.12),transparent 34%),radial-gradient(circle at 92% 100%,rgba(108,92,231,.12),transparent 36%),linear-gradient(180deg,#f8fbff 0%,#fff 100%);border-top:1px solid rgba(37,99,235,.10);border-bottom:1px solid rgba(37,99,235,.12);overflow:hidden}
.ys-story-strip>.container{position:relative}
.ys-story-strip>.container:before{content:"Güncel Dağıtımlarımız";display:block;margin:0 0 2px;color:#172033;font-size:17px;line-height:1.25;font-weight:900;letter-spacing:-.2px}
.ys-story-strip>.container:after{content:none!important;display:none!important}
.ys-story-scroll{display:flex!important;align-items:flex-start!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 2px 7px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.ys-story-scroll::-webkit-scrollbar{height:0}
.ys-story-circle{position:relative!important;flex:0 0 78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;padding:0!important;scroll-snap-align:start;overflow:visible!important;transform:translateZ(0)}
.ys-story-ring{position:relative!important;display:grid!important;place-items:center!important;width:72px!important;height:72px!important;margin:0 auto 6px!important;padding:4px!important;border:0!important;border-radius:50%!important;background:linear-gradient(135deg,#00b7ff 0%,#2563eb 38%,#7c3aed 70%,#00d4ff 100%)!important;box-shadow:0 6px 18px rgba(37,99,235,.25),0 0 0 3px rgba(255,255,255,.96),0 0 0 5px rgba(37,99,235,.10);box-sizing:border-box!important;animation:ysStoryGlow 2.6s ease-in-out infinite}
.ys-story-ring:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(0,183,255,.18);animation:ysStoryPulse 2.6s ease-out infinite;pointer-events:none}
.ys-story-ring img{display:block!important;width:64px!important;height:64px!important;max-width:64px!important;border-radius:50%!important;object-fit:cover!important;border:3px solid #fff!important;box-sizing:border-box!important;background:#fff}
.ys-story-label{display:block!important;width:100%!important;color:#1f2a44!important;font-size:12px!important;line-height:1.2!important;font-weight:800!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ys-story-circle:first-child:after{content:"YENİ";position:absolute;top:-4px;right:-2px;z-index:3;min-width:34px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;line-height:1;font-weight:900;letter-spacing:.3px;box-shadow:0 4px 10px rgba(239,68,68,.28);box-sizing:border-box}
.ys-story-circle:first-child{animation:ysStoryFirstNudge 1.1s ease 1 .35s}
.ys-story-circle:active{transform:scale(.96)}
@keyframes ysStoryGlow{0%,100%{filter:saturate(1);box-shadow:0 6px 18px rgba(37,99,235,.22),0 0 0 3px #fff,0 0 0 5px rgba(37,99,235,.09)}50%{filter:saturate(1.2);box-shadow:0 8px 24px rgba(124,58,237,.30),0 0 0 3px #fff,0 0 0 6px rgba(0,183,255,.15)}}
@keyframes ysStoryPulse{0%{transform:scale(.96);opacity:.8}70%,100%{transform:scale(1.12);opacity:0}}
@keyframes ysStoryFirstNudge{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-4px) scale(1.04)}65%{transform:translateY(0) scale(1)}}
@media(min-width:768px){.ys-story-strip{padding:13px 0 16px!important}.ys-story-strip>.container:before,.ys-story-strip>.container:after{display:none}.ys-story-scroll{gap:14px!important}.ys-story-circle{flex-basis:76px!important;width:76px!important;min-width:76px!important;max-width:76px!important}}
@media(max-width:767px){.ys-story-strip{padding:12px 0 14px!important}.ys-story-strip>.container{width:100%!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important}.ys-story-scroll{gap:8px!important;padding-left:0!important;padding-right:0!important}.ys-story-circle{flex:0 0 calc((100vw - 48px)/4)!important;width:calc((100vw - 48px)/4)!important;min-width:calc((100vw - 48px)/4)!important;max-width:calc((100vw - 48px)/4)!important}.ys-story-ring{width:74px!important;height:74px!important}.ys-story-ring img{width:66px!important;height:66px!important;max-width:66px!important}.ys-story-label{font-size:12.5px!important}}
@media(max-width:359px){.ys-story-ring{width:68px!important;height:68px!important}.ys-story-ring img{width:60px!important;height:60px!important;max-width:60px!important}.ys-story-label{font-size:11.5px!important}}
@media(prefers-reduced-motion:reduce){.ys-story-ring,.ys-story-ring:before,.ys-story-circle:first-child{animation:none!important}}

/* V2 - Gunluk dagitim gostergesi */
.ys-daily-distribution-counter{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 4px);margin:5px auto 0;padding:9px 17px;border-radius:999px;background:rgba(17,24,39,.88);border:1px solid rgba(255,255,255,.28);box-shadow:0 7px 18px rgba(15,23,42,.15);color:#fff;font-size:13px;line-height:1.25;letter-spacing:-.1px;text-align:center;box-sizing:border-box}
.ys-daily-distribution-counter strong{font-weight:900;color:#fff}
.ys-daily-distribution-counter strong span{font-variant-numeric:tabular-nums}
.ys-daily-dot{display:inline-block;flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
@media(min-width:768px){.ys-daily-distribution-counter{margin:8px auto 2px;padding:10px 24px;font-size:15px;gap:11px;background:rgba(24,24,27,.84);box-shadow:0 8px 24px rgba(15,23,42,.13)}.ys-daily-dot{width:13px;height:13px;flex-basis:13px}}
@media(max-width:767px){.ys-daily-distribution-counter{width:100%;max-width:100%;margin:2px auto 0;padding:9px 12px;font-size:12.8px}.ys-daily-dot{width:11px;height:11px;flex-basis:11px}}

/* V3 - sayaç ince ayarları */
@media(min-width:768px){
  .ys-daily-distribution-counter{padding:8px 22px;font-size:14px;margin-top:8px;margin-bottom:1px}
}
@media(max-width:767px){
  .ys-daily-distribution-counter{margin-top:6px;padding:8px 11px;font-size:12px;line-height:1.15;white-space:nowrap}
  .ys-daily-distribution-counter strong{white-space:nowrap}
}
@media(max-width:359px){
  .ys-daily-distribution-counter{font-size:11.3px;padding-left:8px;padding-right:8px;gap:8px}
}