.countdown-banner{background:linear-gradient(135deg,#4a4a4a,#2c2c2c);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000004d;position:relative;overflow:hidden;width:100%}.countdown-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);pointer-events:none}.countdown-banner__container{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.countdown-timer{display:flex;align-items:center;background:linear-gradient(99deg,#ffffff52 17.89%,#ffffff42 98.03%);padding:2px 4px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;min-width:fit-content;gap:6px}.countdown-timer:hover{background:#ffffff40;transform:translateY(-1px)}.countdown-number,.countdown-label{margin-right:0;color:#fff;transition:all .3s ease;font-family:Aktiv Grotesk;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.countdown-number--updated{transform:scale(1);color:#fff}.countdown-separator{color:#fff;font-weight:300;font-size:12px;margin:0 4px}.countdown-item{display:flex;padding:7px 4px;align-items:center;gap:6px}.countdown-message{font-size:12px;color:#fff;z-index:1;position:relative;transition:all .3s ease;font-family:Aktiv Grotesk;font-style:normal;font-weight:400;line-height:normal}.countdown-button{z-index:1;position:relative}.countdown-button .button{padding:8px 16px;font-size:13px;font-weight:600;border-radius:20px;transition:all .3s ease;text-decoration:none;display:inline-block;border:1px solid rgba(255,255,255,.3);background:#fff3;color:#fff}.countdown-button .button:hover{background:#ffffff4d;transform:translateY(-1px)}.countdown-banner--warning{background:linear-gradient(135deg,#fd7e14,#e06500);animation:warning-glow 3s infinite alternate}.countdown-banner--urgent{background:linear-gradient(135deg,#dc3545,#c82333);animation:urgent-glow 2s infinite alternate}.countdown-banner--expired{background:linear-gradient(135deg,#6c757d,#495057);opacity:.8}.countdown-banner--expired .countdown-message{opacity:.9}.countdown-banner--expired .countdown-item{opacity:.7}@keyframes warning-glow{0%{box-shadow:0 2px 10px #fd7e144d}to{box-shadow:0 2px 20px #fd7e1480}}@keyframes urgent-glow{0%{box-shadow:0 2px 10px #dc35454d}to{box-shadow:0 2px 20px #dc354599}}.countdown-banner.color-scheme-1{--countdown-bg-primary: #4a4a4a;--countdown-bg-secondary: #2c2c2c}.countdown-banner.color-scheme-2{--countdown-bg-primary: #1a1a2e;--countdown-bg-secondary: #16213e;background:linear-gradient(135deg,var(--countdown-bg-primary) 0%,var(--countdown-bg-secondary) 100%)}.countdown-banner.color-scheme-3{--countdown-bg-primary: #2d1b69;--countdown-bg-secondary: #11998e;background:linear-gradient(135deg,var(--countdown-bg-primary) 0%,var(--countdown-bg-secondary) 100%)}@media screen and (max-width: 989px){.countdown-banner__container{gap:15px;padding:0 15px}.countdown-timer{gap:0px;font-size:14px}.countdown-item{padding:5px 10px}.countdown-message{font-size:13px}.countdown-button .button{padding:6px 12px;font-size:12px}}@media screen and (max-width: 749px){.countdown-banner__container{flex-direction:column;gap:10px;text-align:center;padding:0 10px}.countdown-timer{gap:0px;font-size:12px;flex-wrap:wrap;justify-content:center}.countdown-item{padding:5px 10px;min-width:auto}.countdown-message{font-size:13px;order:-1}.countdown-button{order:1}}@media screen and (max-width: 480px){.countdown-banner__container{padding:0 8px}.countdown-timer{gap:0px;font-size:12px}.countdown-item{padding:4px 8px;border-radius:15px}.countdown-message{font-size:12px}.countdown-separator{display:none}.countdown-button .button{padding:5px 10px;font-size:11px}}@media (prefers-reduced-motion: reduce){.countdown-banner--warning,.countdown-banner--urgent{animation:none}.countdown-number--updated,.countdown-item:hover{transform:none}}@media print{.countdown-banner{background:#333!important;color:#fff!important;box-shadow:none!important}.countdown-banner:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-countdown-timer.css.map */