.promo-bar{--promo-bg-color: #272928;--promo-text-color: #ffffff;--promo-timer-bg: #f32d45;--promo-timer-text: #ffffff;background-color:var(--promo-bg-color);color:var(--promo-text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.promo-bar__container{max-width:1400px;margin:0 auto;padding:0 15px}.promo-bar__content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.promo-bar--align-left .promo-bar__content{justify-content:flex-start}.promo-bar--align-center .promo-bar__content{justify-content:center}.promo-bar--align-right .promo-bar__content{justify-content:flex-end}.promo-bar__mobile{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:10px 0}.promo-bar--align-left .promo-bar__mobile{align-items:flex-start}.promo-bar--align-right .promo-bar__mobile{align-items:flex-end}.promo-bar__desktop{display:none}@media (min-width: 768px){.promo-bar__mobile{display:none}.promo-bar__desktop{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 0}.promo-bar--align-left .promo-bar__desktop{justify-content:flex-start}.promo-bar--align-right .promo-bar__desktop{justify-content:flex-end}}.promo-bar__text{text-align:center;font-size:14px;line-height:1.3}.promo-bar--align-left .promo-bar__text{text-align:left}.promo-bar--align-right .promo-bar__text{text-align:right}.promo-bar__text strong{font-weight:700}.promo-bar__heading,.promo-bar__subheading{margin:0}.promo-bar__highlight{font-size:inherit}@media (min-width: 768px){.promo-bar__text{font-size:17px;flex:1;display:flex;gap:4px;flex-wrap:wrap}.promo-bar--align-left .promo-bar__text{justify-content:flex-start;text-align:left}.promo-bar--align-center .promo-bar__text{justify-content:flex-end;text-align:center}.promo-bar--align-right .promo-bar__text{justify-content:flex-end;text-align:right}}@media (min-width: 1024px){.promo-bar__text{font-size:17px}}.promo-bar__timer{display:flex;gap:10px;justify-content:center}.promo-bar--align-left .promo-bar__timer{justify-content:flex-start}.promo-bar--align-right .promo-bar__timer{justify-content:flex-end}.timer__unit{background:linear-gradient(135deg,var(--promo-timer-bg),var(--promo-timer-bg));color:var(--promo-timer-text);border-radius:10px;padding:8px 7px;text-align:center;min-width:50px}.timer__value{display:block;font-size:20px;font-weight:700;letter-spacing:.08em;line-height:1.2}.timer__label{display:block;font-size:9px;text-transform:uppercase;opacity:.9;margin-top:2px;letter-spacing:.12em}@media (min-width: 768px){.promo-bar__timer{justify-content:flex-start}.timer__unit{padding:7px 6px}.timer__value{font-size:18px}.timer__label{font-size:9px;letter-spacing:.15em}}.promo-bar__cta{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background-color:var(--promo-text-color);color:var(--promo-bg-color);text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.promo-bar__cta:hover{opacity:.9;transform:scale(1.02)}@media (min-width: 768px){.promo-bar__cta{font-size:13px;padding:10px 20px}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer__value{animation:timerPulse 1s ease-in-out infinite}.promo-bar--sticky{position:sticky;top:0;z-index:1000}.promo-bar--gradient-red .timer__unit{background:linear-gradient(135deg,#f32d45,#fc2929)}.promo-bar--gradient-orange .timer__unit{background:linear-gradient(135deg,#ff6b00,#ff8c00)}.promo-bar--gradient-green .timer__unit{background:linear-gradient(135deg,#2e7d32,#4caf50)}.promo-bar--gradient-blue .timer__unit{background:linear-gradient(135deg,#1565c0,#1976d2)}.promo-bar--gradient-purple .timer__unit{background:linear-gradient(135deg,#6a1b9a,#8e24aa)}@media (max-width: 480px){.promo-bar__text{font-size:13px}.promo-bar__heading{font-size:3.5vw}.timer__unit{min-width:45px;padding:6px 5px}.timer__value{font-size:18px}.timer__label{font-size:8px}}@media (prefers-contrast: high){.promo-bar{border-bottom:2px solid var(--promo-text-color)}.timer__unit{border:1px solid var(--promo-timer-text)}}@media (prefers-reduced-motion: reduce){.timer__value{animation:none}.promo-bar__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/promo-announcement-bar.css.map */