.countdown-section{width:100%;padding:0;height:100%;min-height:385px;overflow:hidden;position:relative;background-image:var(--bg-desktop);background-size:cover;background-position:center center;background-repeat:no-repeat;margin-top:1rem}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:#0000004d}.countdown-container{max-width:1400px;margin:0 auto;position:relative;z-index:1;height:100%;padding:clamp(2rem,8vh,10rem) clamp(1rem,3vw,3rem) clamp(1rem,3vh,2rem) clamp(1rem,3vw,3rem);display:flex;align-items:flex-end}.countdown-content-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:clamp(20px,4vw,30px);text-align:right;max-width:clamp(300px,90%,600px);margin-left:auto;width:100%}.promo-text{animation:fadeInRight .8s ease-out;width:100%}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.countdown-heading{font-size:clamp(1.8rem,5vw,4rem);font-weight:900;margin:0 0 clamp(5px,1vh,10px) 0;line-height:1;color:#fff!important;text-transform:lowercase;letter-spacing:-2px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 20px rgba(0,0,0,.5)}.countdown-subheading{font-size:clamp(.9rem,2.2vw,1.8rem);margin:0;color:#fff;font-weight:600;text-transform:lowercase;letter-spacing:-.5px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 15px rgba(0,0,0,.5)}.countdown-timer{animation:fadeInUp .8s ease-out .2s backwards;width:100%;padding-right:14%;padding-top:10%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.countdown-units{display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,1.5vw,20px);flex-wrap:nowrap}.countdown-unit{display:flex;flex-direction:column;align-items:center;position:relative;animation:scaleIn .6s ease-out backwards;flex-shrink:1}.countdown-unit:nth-child(1){animation-delay:.3s}.countdown-unit:nth-child(2){animation-delay:.4s}.countdown-unit:nth-child(3){animation-delay:.5s}.countdown-unit:nth-child(4){animation-delay:.6s}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.countdown-number{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--number-color, #FFFFFF);line-height:1;padding:1rem;background:#0009;border:3px solid rgba(255,255,255,.3);border-radius:clamp(10px,2vw,16px);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.countdown-unit:hover .countdown-number{transform:translateY(-4px) scale(1.05);border-color:#ffffff80;box-shadow:0 12px 40px #0006,inset 0 1px #fff3}.countdown-unit[data-unit=seconds] .countdown-number{animation:gentlePulse 2s ease-in-out infinite}@keyframes gentlePulse{0%,to{transform:scale(1);border-color:#ffffff4d}50%{transform:scale(1.02);border-color:#fff6}}.countdown-label{font-size:clamp(.65rem,1.3vw,1rem);font-weight:700;color:#fff!important;text-transform:capitalize;letter-spacing:.5px;margin-top:clamp(6px,1.5vh,10px);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 10px rgba(0,0,0,.5)}.countdown-button{display:inline-flex;align-items:center;justify-content:center;padding:clamp(14px,3vw,18px) clamp(35px,7vw,50px);background-color:var(--button-bg-color, #FFFFFF);color:var(--button-text-color, #FF6B35);text-decoration:none;border-radius:50px;font-weight:700;font-size:clamp(.9rem,1.8vw,1rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:3px solid var(--button-bg-color, #FFFFFF);animation:fadeInUp .8s ease-out .4s backwards;cursor:pointer;position:relative;overflow:hidden;text-transform:capitalize;width:auto;align-self:flex-end;margin-right:14%}.countdown-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ff6b3533;transform:translate(-50%,-50%);transition:width .6s,height .6s}.countdown-button:hover:before{width:400px;height:400px}.countdown-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 35px #0006}.countdown-button:active{transform:translateY(-2px) scale(1.02)}.countdown-ended{text-align:center;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:700;color:#fff;padding:clamp(20px,4vw,30px);background:#000000b3;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:bounceIn .6s ease-out;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width: 768px){.countdown-section{background-image:var(--bg-mobile);min-height:100vw;max-height:600px}.countdown-container{padding:2rem 1.5rem;align-items:center;justify-content:center}.countdown-content-wrapper{align-items:center;text-align:center;margin-left:0;margin-right:0;max-width:100%;gap:20px}.promo-text{animation:fadeInUp .8s ease-out}.countdown-heading{font-size:clamp(2rem,7vw,3rem)}.countdown-subheading{font-size:clamp(1rem,3.5vw,1.4rem)}.countdown-units{justify-content:center;gap:clamp(8px,2.5vw,15px)}.countdown-number{font-size:clamp(2rem,6vw,2.8rem);padding:clamp(12px,3vw,18px) clamp(16px,4vw,24px);min-width:clamp(65px,15vw,90px)}.countdown-label{font-size:clamp(.7rem,2vw,.9rem);margin-top:8px}.countdown-button{align-self:center;padding:16px 45px;font-size:1rem}}@media (max-width: 480px){.countdown-section{min-height:100vw;max-height:480px}.countdown-container{padding:1.5rem 1rem}.countdown-content-wrapper{gap:18px}.countdown-heading{font-size:clamp(1.6rem,6vw,2.2rem)}.countdown-subheading{font-size:clamp(.85rem,3vw,1.1rem)}.countdown-units{gap:clamp(6px,2vw,10px)}.countdown-number{font-size:clamp(1.6rem,5.5vw,2.2rem);padding:10px 14px;min-width:clamp(55px,13vw,75px);border-width:2px}.countdown-label{font-size:clamp(.65rem,1.8vw,.8rem);margin-top:6px}.countdown-button{padding:14px 40px;font-size:.95rem}}@media (max-width: 360px){.countdown-section{min-height:100vw;max-height:360px}.countdown-container{padding:1.25rem .875rem}.countdown-content-wrapper{gap:15px}.countdown-heading{font-size:1.5rem}.countdown-subheading{font-size:.8rem}.countdown-units{gap:6px}.countdown-number{font-size:1.5rem;padding:8px 12px;min-width:52px}.countdown-label{font-size:.6rem;margin-top:5px}.countdown-button{padding:12px 35px;font-size:.9rem}}@media (max-height: 500px) and (orientation: landscape){.countdown-section{min-height:90vh}.countdown-container{padding:1.5rem 1rem;align-items:center}.countdown-content-wrapper{gap:12px;align-items:center;text-align:center}.countdown-heading{font-size:1.8rem;margin-bottom:5px}.countdown-subheading{font-size:.95rem}.countdown-number{font-size:1.8rem;padding:8px 14px}.countdown-label{font-size:.65rem;margin-top:4px}.countdown-button{align-self:center;padding:10px 30px;font-size:.9rem}}@media (prefers-reduced-motion: reduce){.countdown-section *,.countdown-number,.countdown-button,.promo-text,.countdown-timer,.countdown-unit{animation:none!important;transition:none!important}}@media (prefers-color-scheme: dark){.countdown-number{box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/countdown-section.css.map */