:root{--promo-bar-static-height:45px;--promo-bar-padding-vertical:10px;--promo-bar-total-height:calc(var(--promo-bar-static-height) + var(--promo-bar-padding-vertical)*2);--actual-promo-bar-body-padding:45px}.promo-bar{background:linear-gradient(90deg,#ffd966,#f0c14b 50%,#ffd966);border-bottom:1px solid rgba(var(--color-gold-rgb),.3);box-shadow:0 4px 12px rgba(0,0,0,.2),0 0 25px rgba(var(--color-gold-rgb),.3);left:0;opacity:0;overflow:hidden;padding:var(--promo-bar-padding-vertical) 0;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .5s ease-out,opacity .4s ease-out;width:100%;z-index:1000}.promo-bar.visible{opacity:1;pointer-events:all;transform:translateY(0)}.promo-bar:after{animation:promo-shimmer 7s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0));content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:rotate(45deg);width:200%}@keyframes promo-shimmer{0%{left:-150%;opacity:0}10%{opacity:.9}18%{left:100%;opacity:0}to{left:100%;opacity:0}}.promo-bar-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.promo-text{color:#333;flex:1;font-size:1.1rem;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 1px hsla(0,0%,100%,.5)}.promo-claim-button,.promo-text{font-family:var(--font-family-heading);font-weight:700;letter-spacing:.5px;overflow:hidden;position:relative;white-space:nowrap;z-index:3}.promo-claim-button{background:linear-gradient(90deg,#ff6b8b,#e83a5f 50%,#ff6b8b);border:1px solid hsla(0,0%,100%,.4);border-radius:var(--border-radius-pill);box-shadow:0 3px 8px rgba(232,58,95,.4),0 0 15px rgba(255,107,139,.3);color:#fff;cursor:pointer;font-size:.9rem;min-width:100px;padding:8px 18px;text-shadow:0 1px 2px rgba(0,0,0,.2);text-transform:uppercase;transition:all .2s ease}.promo-claim-button:after{animation:button-shimmer 4s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0));content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(45deg);width:200%;z-index:1}@keyframes button-shimmer{0%{left:-150%;opacity:0}20%{opacity:1}30%{left:100%;opacity:0}to{left:100%;opacity:0}}.promo-claim-button span{position:relative;z-index:2}.promo-claim-button .mobile-text{display:none}.promo-claim-button:hover{background:linear-gradient(90deg,#ff8ca6,#f04c6d 50%,#ff8ca6);box-shadow:0 5px 15px rgba(232,58,95,.5),0 0 20px rgba(255,107,139,.4);transform:translateY(-2px)}.promo-claim-button:active{box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(1px)}body.has-promo-bar{padding-top:var(--actual-promo-bar-body-padding)}@media (max-width:768px){:root{--promo-bar-padding-vertical:8px;--actual-promo-bar-body-padding:40px}}@media (max-width:600px){.promo-text{font-size:.75rem;max-width:60%}.promo-claim-button{font-size:.75rem;min-width:70px;padding:6px 12px}.promo-claim-button .full-text{display:none}.promo-claim-button .mobile-text{display:inline}}@media (max-width:480px){:root{--promo-bar-padding-vertical:6px;--actual-promo-bar-body-padding:35px}}@supports (padding-top:env(safe-area-inset-top)){.promo-bar{padding-top:calc(var(--promo-bar-padding-vertical) + env(safe-area-inset-top))}body.has-promo-bar{padding-top:calc(var(--actual-promo-bar-body-padding) + env(safe-area-inset-top))}}