.promo-countdown{width:100%;position:sticky;top:0;z-index:9999;background:var(--promo-bg);color:var(--promo-text);box-shadow:var(--promo-shadow);transition:background .25s ease,box-shadow .25s ease}.promo-countdown__container{max-width:1400px;margin:0 auto;min-height:var(--promo-height);display:flex;flex-direction:column;justify-content:center;padding:8px 18px}.promo-countdown__top{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.promo-countdown__title{display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--promo-title-size);font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none}.promo-text{font-weight:700}.promo-date{font-weight:800}.promo-countdown__timer{display:flex;align-items:center;justify-content:center;gap:8px}.promo-item{position:relative;width:var(--promo-box-size);height:var(--promo-box-size);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--promo-radius);overflow:hidden;background:linear-gradient(180deg,#fff,#f5f5f5);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 18px #0000001f,inset 0 1px #fffffff2;transition:transform .25s ease,box-shadow .25s ease,background .35s ease}.promo-item:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000002e,inset 0 1px #fffffff2}.promo-item:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(#ffffffbf,#fff0);pointer-events:none}.promo-item span{display:block;font-size:var(--promo-number-size);font-weight:700;line-height:1;color:var(--promo-number);transform:translateY(0);opacity:1;transition:transform .18s cubic-bezier(.22,.61,.36,1),opacity .18s ease,filter .18s ease}.promo-item span.change{transform:translateY(-16px) scale(.92);opacity:0;filter:blur(1px)}.promo-item span.change{transform:translateY(-8px);opacity:0}.promo-item small{margin-top:4px;font-size:9px;font-weight:700;letter-spacing:.8px;color:var(--promo-label)}.promo-separator{font-size:28px;font-weight:700;color:var(--promo-text);transform:translateY(-2px);-webkit-user-select:none;user-select:none}@media screen and (max-width:990px){.promo-countdown__container{padding:10px 16px}.promo-countdown__top{gap:16px}.promo-countdown__title{font-size:16px}.promo-item{width:52px;height:52px}.promo-item span{font-size:20px}}@media screen and (max-width:768px){.promo-countdown__top{flex-direction:column;gap:12px}.promo-countdown__title{text-align:center;white-space:normal;font-size:15px;line-height:1.3}.promo-countdown__timer{gap:6px}.promo-item{width:48px;height:48px}.promo-item span{font-size:18px}.promo-separator{font-size:22px}}@media screen and (max-width:420px){.promo-countdown__container{padding:10px}.promo-item{width:44px;height:44px}.promo-item span{font-size:17px}.promo-item small{font-size:8px}.promo-separator{font-size:20px}}.promo-countdown.urgency{animation:promoPulse 1.2s infinite}@keyframes promoPulse{0%{filter:brightness(1)}50%{filter:brightness(1.08)}to{filter:brightness(1)}}.promo-countdown.hidden{transform:translateY(-100%)}.promo-progress__fill.warning{background:linear-gradient(90deg,#ffd54f,#ffb300)}.promo-progress__fill.danger{background:linear-gradient(90deg,#ff5252,#d50000)}.promo-text{transition:opacity .35s ease,transform .35s ease}.promo-text.change{opacity:.4;transform:translateY(-2px)}.promo-countdown.state-normal{--promo-bg:#2F55D4}.promo-countdown.state-good{--promo-bg:#16A34A}.promo-countdown.state-warning{--promo-bg:#F59E0B}.promo-countdown.state-danger{--promo-bg:#DC2626}.promo-countdown.state-final{--promo-bg:#B91C1C;animation:promoPulse 1s infinite}@keyframes promoPulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.promo-countdown.state-normal{background:#2f55d4}.promo-countdown.state-limited{background:#6c4dff}.promo-countdown.state-fast{background:#ff8a00}.promo-countdown.state-final{background:#ff3b30}.promo-countdown.state-last{background:#c1121f}.promo-countdown{transition:background-color .45s ease,box-shadow .35s ease,transform .25s ease}.promo-text{transition:opacity .25s ease}.promo-text.fade{opacity:0}.promo-hours,.promo-minutes,.promo-seconds{color:var(--promo-number)!important;opacity:1!important;-webkit-text-fill-color:var(--promo-number)!important}.promo-countdown.flash{animation:promoFlash .45s ease}@keyframes promoFlash{0%{transform:scale(1)}35%{transform:scale(1.015)}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/promo-countdown.css.map */