.happy-hour-banner{position:fixed;z-index:70;top:76px;left:50%;display:flex;align-items:center;gap:12px;min-width:min(92vw,450px);padding:12px 18px;border:1px solid rgba(251,191,36,.65);border-radius:17px;background:linear-gradient(110deg,rgba(180,83,9,.96),rgba(234,88,12,.96),rgba(217,70,239,.94));box-shadow:0 16px 44px rgba(124,45,18,.32);color:#fff;transform:translateX(-50%);animation:happyHourIn .35s ease-out both;pointer-events:none}.happy-hour-banner>span{font-size:26px}.happy-hour-banner div{display:grid;gap:2px;min-width:0}.happy-hour-banner b{font-size:10px;letter-spacing:.16em;color:#fde68a}.happy-hour-banner strong{font-size:14px}.happy-hour-banner time{margin-left:auto;padding:6px 8px;border-radius:9px;background:rgba(15,23,42,.3);font-size:13px;font-weight:900;white-space:nowrap}@keyframes happyHourIn{from{opacity:0;transform:translate(-50%,-16px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}.light-theme .happy-hour-banner{box-shadow:0 16px 44px rgba(146,64,14,.22)}@media(max-width:620px){.happy-hour-banner{top:68px;min-width:calc(100vw - 24px);padding:10px 13px}.happy-hour-banner strong{font-size:12px}.happy-hour-banner>span{font-size:22px}}