.countdown-header-standalone{position:fixed;top:0;left:0;right:0;z-index:1001;background-color:var(--countdown-bg);color:var(--countdown-text);padding:8px 0;font-size:12px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease;width:100%;animation:fadeInDown .5s ease-out}.countdown-header-standalone.hidden{transform:translateY(-100%)}.countdown-header-standalone.expired,.countdown-header-standalone.countdown-expired{display:none}.countdown-header-content{max-width:1200px;margin:0 auto;padding:0 15px;position:relative}.countdown-content-wrapper,.countdown-main-content{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.countdown-message{font-weight:600;font-size:12px;text-align:center}.countdown-timer-wrapper{display:flex;align-items:center;gap:10px}.countdown-timer-display{display:flex;align-items:center;gap:8px}.countdown-item{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.countdown-separator{font-weight:700;font-size:14px;line-height:1;color:inherit}.countdown-number,.countdown-timer--column--number{font-weight:700;font-size:16px;min-width:24px;text-align:center;line-height:1}.countdown-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.countdown-button{display:inline-flex;cursor:pointer;padding:6px 12px;align-items:center;justify-content:center;min-height:36px;font-size:12px;font-weight:700;text-decoration:none;background-color:var(--header-countdown-button-bg);color:var(--header-countdown-button-text);border-radius:var(--header-countdown-border-button-radius);transition:transform .2s ease}.countdown-button:hover{transform:scale(1.05)}.countdown-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:5px;opacity:.7;transition:opacity .3s ease;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.countdown-close:hover{opacity:1;background:#ffffff1a}@media (min-width: 768px){.countdown-header-standalone{padding:10px 0;font-size:14px}.countdown-header-content{padding:0 20px}.countdown-content-wrapper,.countdown-main-content{gap:20px}.countdown-message{font-size:16px}.countdown-timer-wrapper{gap:15px}.countdown-timer-display{gap:12px}.countdown-number,.countdown-timer--column--number{font-size:20px;min-width:30px}.countdown-separator{font-size:18px}.countdown-label{font-size:11px}.countdown-button{padding:8px 16px;font-size:14px}.countdown-close{font-size:20px;width:30px;height:30px;right:15px}}body.countdown-header-active{padding-top:45px}@media (min-width: 768px){body.countdown-header-active{padding-top:50px}}.countdown-header-active .header-section{position:sticky;top:var(--countdown-header-height, 0px);z-index:50}.countdown-header-active .header-section.header-sticky--active.is-sticky{top:var(--countdown-header-height, 0px)}.countdown-header-active .announcement-bar-section{position:fixed!important;top:var(--countdown-header-height, 0px)!important;left:0;right:0;z-index:999!important;width:100%;transition:transform .3s ease!important}.countdown-header-active .header-section+.announcement-bar-section{z-index:999!important}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.countdown-header-standalone.hiding{animation:fadeOutUp .3s ease-out forwards}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.countdown-number.urgent,.countdown-timer--column--number.urgent{animation:pulse 1s infinite;color:#ff0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/countdown-header.css.map */
