/* ===== Promo popup + running top slider ===== */
body.promo-lock{overflow:hidden}
.pp-bg{position:fixed;inset:0;z-index:9500;background:rgba(5,8,20,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;animation:ppFade .25s}
.pp-bg.out{opacity:0;transition:opacity .2s}
@keyframes ppFade{from{opacity:0}to{opacity:1}}
@keyframes ppPop{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
.pp-card{position:relative;width:100%;max-width:400px;max-height:94vh;overflow-y:auto;border-radius:26px;background:linear-gradient(170deg,#1b2347,#0d1226 70%);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(245,158,11,.18);color:#fff;animation:ppPop .35s cubic-bezier(.2,.9,.3,1.2);scrollbar-width:none}
.pp-card::-webkit-scrollbar{display:none}
.pp-x{position:absolute;top:12px;right:12px;z-index:5;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(10,14,30,.6);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pp-x:hover{background:rgba(240,90,110,.85)}
.pp-hero{position:relative;height:300px;overflow:hidden;border-radius:26px 26px 0 0;background:#0b1120}
.pp-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.pp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,30,0) 38%,rgba(13,18,38,.78) 72%,#0d1226 100%)}
.pp-badge{position:absolute;top:14px;left:14px;z-index:3;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#3b2300;font-size:11px;font-weight:900;letter-spacing:.8px;padding:6px 12px;border-radius:20px;box-shadow:0 6px 18px rgba(245,158,11,.5);animation:ppPulse 1.6s infinite}
@keyframes ppPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.pp-hero-txt{position:absolute;left:0;right:0;bottom:8px;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1}
.pp-hero-txt small{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#fde68a;text-shadow:0 2px 8px #000}
.pp-hero-txt strong{font-size:68px;font-weight:900;letter-spacing:-2px;margin:2px 0;background:linear-gradient(180deg,#fff7d6,#fbbf24 55%,#d97706);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 14px rgba(245,158,11,.55))}
.pp-hero-txt em{font-style:normal;font-size:12px;font-weight:900;letter-spacing:2.2px;color:#fff;text-shadow:0 2px 8px #000}
.pp-body{padding:6px 22px 22px;text-align:center}
.pp-body h2{margin:6px 0 6px;font-size:21px;font-weight:800;letter-spacing:-.3px}
.pp-body p{margin:0 0 12px;font-size:13.5px;line-height:1.45;color:#c4cdea}
.pp-pts{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:7px;text-align:left}
.pp-pts li{font-size:12.5px;color:#e2e8ff;display:flex;gap:8px;align-items:flex-start}
.pp-pts i{color:#34d399;margin-top:2px}
.pp-cd{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(245,158,11,.12);border:1px dashed rgba(251,191,36,.5);border-radius:14px;padding:9px 14px;margin-bottom:14px;font-size:12px;color:#fde68a;font-weight:700}
.pp-cd b{font-size:17px;font-variant-numeric:tabular-nums;color:#fff;letter-spacing:.5px}
.pp-cta{width:100%;border:0;border-radius:16px;padding:15px 16px;font-size:16px;font-weight:900;color:#3b2300;cursor:pointer;background:linear-gradient(135deg,#fde68a,#fbbf24 45%,#f59e0b);box-shadow:0 10px 28px rgba(245,158,11,.45);display:flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;animation:ppGlow 2s infinite}
.pp-cta::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:ppShine 2.6s infinite}
@keyframes ppShine{0%{left:-60%}60%,100%{left:130%}}
@keyframes ppGlow{0%,100%{box-shadow:0 10px 28px rgba(245,158,11,.45)}50%{box-shadow:0 10px 38px rgba(245,158,11,.85)}}
.pp-cta:active{transform:scale(.98)}
.pp-later{margin-top:10px;background:none;border:0;color:#94a3c4;font-size:12.5px;cursor:pointer;padding:6px 10px}
.pp-later:hover{color:#fff}

/* running top slider */
.pb-bar{position:sticky;top:0;z-index:60;display:flex;align-items:center;margin:0;background:linear-gradient(90deg,#b45309,#f59e0b 40%,#fbbf24 60%,#b45309);color:#2b1800;cursor:pointer;overflow:hidden;box-shadow:0 4px 16px rgba(245,158,11,.35)}
.pb-track{flex:1;overflow:hidden;white-space:nowrap;padding:9px 0;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.pb-run{display:inline-flex;gap:38px;padding-left:20px;animation:pbRun 26s linear infinite;will-change:transform}
.pb-bar:hover .pb-run{animation-play-state:paused}
@keyframes pbRun{from{transform:translateX(0)}to{transform:translateX(-33.3333%)}}
.pb-i{font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:7px}
.pb-i b{font-weight:900}
.pb-i i{font-size:12px}
.pbCd{font-variant-numeric:tabular-nums}
.pb-x{flex:0 0 auto;width:34px;height:34px;margin-right:4px;border:0;border-radius:50%;background:rgba(43,24,0,.18);color:#2b1800;cursor:pointer;font-size:13px}
.pb-x:hover{background:rgba(43,24,0,.4)}
@media(prefers-reduced-motion:reduce){.pb-run,.pp-cta,.pp-cta::after,.pp-badge{animation:none}}

/* dashboard banner slide */
.h3-pc-slide.promo-slide{background:linear-gradient(135deg,#78350f,#b45309 55%,#f59e0b)}
.h3-pc-slide.promo-slide img{opacity:.85;object-position:center 20%}
.h3-pc-slide.promo-slide::after{background:linear-gradient(90deg,rgba(20,10,0,.82),rgba(20,10,0,.25) 70%,transparent)}
.h3-pc-slide.promo-slide .pb{background:#fbbf24;color:#3b2300}
.h3-pc-slide.promo-slide .big{font-size:34px;font-weight:900;line-height:1;margin:2px 0 4px;color:#fde68a}