.promo-banner-wrapper{margin:1.5rem 0 2rem;animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.promo-banner{background:linear-gradient(135deg,#ffd103,#ffc700);border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000001a;border:2px solid rgba(0,0,0,.1)}.promo-banner__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;gap:1rem;transition:background .2s}.promo-banner__header:hover{background:#0000000d}.promo-banner__title{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.promo-banner__title h3{margin:0;font-size:1.125rem;font-weight:700;color:#000;line-height:1.4}.promo-icon{font-size:1.5rem;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.promo-banner__actions{display:flex;gap:.75rem;align-items:center}.promo-banner__manual-btn,.promo-banner__toggle{padding:.625rem 1.25rem;border-radius:4px;font-weight:600;font-size:.875rem;transition:all .2s;white-space:nowrap;cursor:pointer}.promo-banner__manual-btn{background:#000;color:#ffd103;border:2px solid #000;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.promo-banner__manual-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.promo-banner__toggle{background:transparent;border:2px solid #000;color:#000;display:flex;align-items:center;gap:.5rem}.promo-banner__toggle:hover{background:#000;color:#ffd103}.icon-chevron{transition:transform .3s}.promo-banner__toggle[aria-expanded=true] .icon-chevron{transform:rotate(180deg)}.promo-banner__progress-wrapper{padding:1rem 1.5rem;background:#ffffff4d;border-top:1px solid rgba(0,0,0,.1);transition:transform .2s cubic-bezier(.4,0,.2,1)}.promo-banner__progress-wrapper.is-sticky{position:fixed;bottom:0;left:0;right:0;z-index:999;background:linear-gradient(135deg,#ffd103,#ffc700);box-shadow:0 -4px 12px #00000026;border-top:2px solid rgba(0,0,0,.1);animation:slideUpFast .2s cubic-bezier(.4,0,.2,1)}.promo-banner__progress-wrapper.is-sticky>*{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.promo-banner__progress-wrapper.is-sticky .promo-banner__progress-info,.promo-banner__progress-wrapper.is-sticky .promo-banner__progress-bar,.promo-banner__progress-wrapper.is-sticky .promo-banner__sticky-actions{padding-left:0;padding-right:0}@keyframes slideUpFast{0%{transform:translateY(100%)}to{transform:translateY(0)}}.promo-banner__progress-spacer{display:none;height:0;overflow:hidden;transition:height .2s cubic-bezier(.4,0,.2,1)}.promo-banner__progress-spacer.is-active{display:block}.promo-banner__progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.promo-banner__progress-text{font-size:.9375rem;color:#000;line-height:1.4;flex:1}.promo-banner__progress-text strong{font-weight:700}.promo-banner__progress-percent{font-size:.875rem;font-weight:700;color:#000;white-space:nowrap}.promo-banner__progress-bar{height:24px;background:#ffffff80;border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.promo-banner__progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:12px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #22c55e4d;will-change:width}.promo-banner__progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.promo-banner__progress-fill[data-complete=true]{background:linear-gradient(90deg,#16a34a,#15803d)}.promo-banner__progress-status{margin-top:.75rem;display:none;align-items:center;gap:.5rem;font-size:.875rem;color:#000;line-height:1.4}.promo-banner__progress-status[data-status=complete]{display:flex;color:#15803d;font-weight:600}.promo-banner__progress-status[data-status=complete] .status-icon{animation:celebrate .6s ease-out}@keyframes celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.3) rotate(-10deg)}75%{transform:scale(1.3) rotate(10deg)}}.promo-banner__main-actions{display:flex;gap:.75rem;margin-top:.75rem;align-items:center;flex-wrap:wrap}.promo-banner__progress-wrapper.is-sticky .promo-banner__main-actions{display:none}.promo-banner__sticky-actions{display:none;gap:.5rem;margin-top:.75rem;align-items:center;flex-wrap:wrap}.promo-banner__progress-wrapper.is-sticky .promo-banner__sticky-actions{display:flex}.promo-banner__progress-wrapper.is-sticky .promo-banner__progress-status{display:none}.promo-banner__cart-btn,.promo-banner__scroll-btn{display:inline-flex;align-items:center;gap:.5rem;background:#000;color:#ffd103;border:2px solid #000;padding:.5rem 1rem;border-radius:4px;transition:all .2s;font-weight:600;font-size:.875rem;white-space:nowrap;cursor:pointer;line-height:1}.promo-banner__cart-btn svg,.promo-banner__scroll-btn svg{flex-shrink:0}.promo-banner__cart-btn:hover,.promo-banner__scroll-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.promo-banner__scroll-btn--outline{background:transparent;color:#000;border-color:#000}.promo-banner__scroll-btn--outline:hover{background:#000;color:#ffd103}.promo-banner__dismiss-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:2px solid #000;color:#000;width:32px;height:32px;border-radius:4px;cursor:pointer;transition:all .2s;font-size:1.5rem;line-height:1;padding:0;margin-left:auto;font-weight:400}.promo-banner__dismiss-btn:hover{background:#000;color:#ffd103}.promo-banner__content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.promo-banner__content[data-expanded]{max-height:2000px}.promo-banner__inner{padding:.75rem 1.5rem 1.5rem;background:#ffffff4d}.promo-banner__text{font-size:1rem;line-height:1.7;color:#000}.promo-banner__text p{margin:0 0 1rem}.promo-banner__text p:last-child{margin-bottom:0}.promo-banner__text strong{font-weight:700;background:#0000001a;padding:.125rem .375rem;border-radius:3px}.promo-banner__cta{margin-top:1.5rem;text-align:center}.promo-banner__btn{display:inline-block;padding:1rem 2rem;background:#000;color:#ffd103;text-decoration:none;border-radius:4px;font-weight:700;transition:all .2s;border:none;cursor:pointer;font-size:1rem}.promo-banner__btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media (max-width: 768px){.promo-banner__header{padding:1rem;flex-direction:column;align-items:stretch}.promo-banner__title{margin-bottom:1rem}.promo-banner__title h3{font-size:.9375rem}.promo-icon{font-size:1.25rem}.promo-banner__actions{width:100%}.promo-banner__manual-btn,.promo-banner__toggle{flex:1;justify-content:center;padding:.75rem 1rem}.promo-banner__progress-wrapper{padding:1rem}.promo-banner__progress-info{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.625rem}.promo-banner__progress-text{font-size:.875rem}.promo-banner__progress-bar{height:20px}.promo-banner__progress-status{font-size:.8125rem;margin-top:.625rem}.promo-banner__sticky-actions,.promo-banner__main-actions{gap:.5rem}.promo-banner__cart-btn,.promo-banner__scroll-btn{flex:1;justify-content:center;font-size:.8125rem;padding:.625rem .75rem}.promo-banner__dismiss-btn{flex:0 0 auto;margin-left:0}.promo-banner__inner{padding:.75rem 1rem 1.25rem}.promo-banner__text{font-size:.9375rem}.promo-banner__btn{padding:.875rem 1.5rem;font-size:.875rem;width:100%}}@media print{.promo-banner__toggle{display:none}.promo-banner__content{max-height:none!important;display:block!important}.promo-banner__progress-wrapper.is-sticky{position:static;box-shadow:none}}@media (prefers-reduced-motion: reduce){.promo-banner-wrapper,.promo-icon,.promo-banner__progress-fill,.icon-chevron,.promo-banner__content,.promo-banner__manual-btn,.promo-banner__toggle,.promo-banner__btn{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/promo-banner.css.map */