.tb-bar{--tb-bg1:#111827;--tb-bg2:#4f46e5;--tb-color:#fff;--tb-btn-bg:#fff;--tb-btn-color:#111827;--tb-size:15px;position:relative;z-index:99980;width:100%;box-sizing:border-box;background:linear-gradient(100deg,var(--tb-bg1),var(--tb-bg2));color:var(--tb-color);font:500 var(--tb-size)/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:10px 48px;overflow:hidden;transition:opacity .3s,transform .3s}
.tb-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);background-size:250% 100%;animation:tb-sheen 6s ease-in-out infinite;pointer-events:none}
@keyframes tb-sheen{0%{background-position:150% 0}60%,100%{background-position:-100% 0}}
.tb-top.tb-sticky{position:sticky;top:0}
.admin-bar .tb-top.tb-sticky{top:32px}
@media (max-width:782px){.admin-bar .tb-top.tb-sticky{top:0}}
.tb-bottom{position:fixed;left:0;right:0;bottom:0;box-shadow:0 -8px 24px -12px rgba(0,0,0,.35)}
.tb-inner{max-width:1200px;margin:0 auto;position:relative}
.tb-slides{display:grid}
.tb-slide{grid-area:1/1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;pointer-events:none}
.tb-slide.tb-active{opacity:1;transform:none;pointer-events:auto}
.tb-text{font-weight:600}
.tb-count{font-variant-numeric:tabular-nums;font-weight:800;padding:3px 10px;border-radius:8px;background:rgba(255,255,255,.16);letter-spacing:.02em}
.tb-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;background:var(--tb-btn-bg);color:var(--tb-btn-color)!important;font-weight:700;font-size:.9em;text-decoration:none!important;box-shadow:0 4px 14px -6px rgba(0,0,0,.4);transition:transform .15s}
.tb-btn:hover{transform:translateY(-1px)}
.tb-btn span{transition:transform .15s}
.tb-btn:hover span{transform:translateX(3px)}
.tb-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:inherit;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;z-index:1}
.tb-close:hover{background:rgba(255,255,255,.25)}
.tb-bar.tb-out{opacity:0;transform:translateY(-100%)}
.tb-bottom.tb-out{transform:translateY(100%)}
@media (max-width:767px){.tb-bar{padding:9px 44px 9px 14px;font-size:calc(var(--tb-size) - 1px)}.tb-only-desktop{display:none!important}}
@media (min-width:768px){.tb-only-mobile{display:none!important}}
@media (prefers-reduced-motion:reduce){.tb-bar:before{animation:none}.tb-slide{transition:none}}
