@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
/* ===== BIS SITE — NOTIFICATION TICKER (patli chalti hui strip, sab kuch .bistk ke andar) =====
   Colour Settings se aate hain (--navy / --orange), font Poppins
   =========================================================================================== */
.bistk{--navy:#10306B;--navy-d:#0A1F47;--navy-l:#17458F;--orange:#E31E24;--orange-l:#EE3B40;--orange-d:#C2161C;--h:40px;
font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;width:100%;position:relative;z-index:50}
.bistk *,.bistk *::before,.bistk *::after{box-sizing:border-box;margin:0;padding:0}
.bistk ul{list-style:none}
.bistk a{text-decoration:none}
.bistk svg{display:block;width:18px;height:18px;max-width:100%}
.bistk .bistk-bell svg{width:18px;height:18px}

.bistk .bistk-bar{position:relative;display:flex;align-items:stretch;height:var(--h);overflow:hidden;background:linear-gradient(90deg,var(--navy-d) 0%,var(--navy) 50%,var(--navy-l) 100%);border-bottom:2px solid var(--orange)}
.bistk .bistk-bar::after{content:"";position:absolute;top:0;left:-30%;width:25%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.06),transparent);animation:bistkGloss 7s ease-in-out infinite;pointer-events:none}
@keyframes bistkGloss{0%,60%{left:-30%}100%{left:130%}}

/* ---------- Baayan label ---------- */
.bistk .bistk-label{position:relative;z-index:3;flex:none;display:flex;align-items:center;gap:9px;padding:0 22px 0 max(16px,calc((100vw - 1240px)/2 + 24px));background:linear-gradient(135deg,var(--orange-l),var(--orange-d));color:#fff;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}
.bistk .bistk-label::after{content:"";position:absolute;top:0;right:-14px;width:28px;height:100%;background:linear-gradient(135deg,var(--orange),var(--orange-d));transform:skewX(-20deg);z-index:-1}
.bistk .bistk-bell{position:relative;width:18px;height:18px;animation:bistkBell 3.2s ease-in-out infinite;transform-origin:50% 10%}
@keyframes bistkBell{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(16deg)}78%{transform:rotate(-14deg)}82%{transform:rotate(10deg)}86%{transform:rotate(-6deg)}90%{transform:rotate(0)}}
.bistk .bistk-dot{position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:#fff}
.bistk .bistk-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#fff;animation:bistkPing 1.6s ease-out infinite}
@keyframes bistkPing{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.8);opacity:0}}

/* ---------- Chalti hui patti ---------- */
.bistk .bistk-view{position:relative;flex:1;min-width:0;overflow:hidden;margin-left:14px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 50px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 50px),transparent 100%)}
.bistk .bistk-track{display:flex;align-items:center;width:max-content;height:100%;animation:bistkScroll var(--dur,40s) linear infinite}
.bistk .bistk-view:hover .bistk-track{animation-play-state:paused}
@keyframes bistkScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bistk .bistk-list{display:flex;align-items:center;height:100%;flex:none}
.bistk .bistk-list li{display:flex;align-items:center;height:100%;white-space:nowrap}
.bistk .bistk-list li::after{content:"";width:6px;height:6px;margin:0 22px;background:var(--orange);transform:rotate(45deg);flex:none}
.bistk .bistk-txt{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#E6EEF7!important;cursor:default}
.bistk a.bistk-txt{cursor:pointer;transition:color .25s}
.bistk a.bistk-txt:hover{color:#fff!important}
.bistk .bistk-new{display:inline-block;padding:2px 7px;border-radius:20px;background:var(--orange);color:#fff;font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.8px;line-height:1.3;animation:bistkBlink 1.4s ease-in-out infinite}
@keyframes bistkBlink{0%,100%{opacity:1}50%{opacity:.45}}

/* ---------- Phone ---------- */
@media (max-width:640px){
.bistk{--h:36px}
.bistk .bistk-label{padding:0 12px;gap:0}
.bistk .bistk-label b{display:none}
.bistk .bistk-label::after{right:-10px;width:20px}
.bistk .bistk-view{margin-left:10px}
.bistk .bistk-txt{font-size:12px}
.bistk .bistk-list li::after{margin:0 16px}
}

/* motion band ho to text rukega; ungli se aage badha sakte hain */
@media (prefers-reduced-motion:reduce){
.bistk *,.bistk *::before,.bistk *::after{animation:none!important}
.bistk .bistk-view{overflow-x:auto;scrollbar-width:none}
.bistk .bistk-view::-webkit-scrollbar{display:none}
}