.ycj-countdown{background:#fff;margin:0;width:100%;height:auto box-sizing: border-box}.ycj-countdown--sticky{position:sticky;top:var(--ycj-top, 0px);z-index:100;box-shadow:0 2px 8px #0000001a}.ycj-countdown__inner{display:flex;justify-content:center;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:15px 40px;width:100%;margin:0 auto}.ycj-countdown--full-width .ycj-countdown__inner{max-width:none}.ycj-countdown__icon{width:32px;height:32px;object-fit:contain;transition:transform .3s ease}.ycj-countdown__content{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:16px}.ycj-countdown__title{font-weight:700;font-size:22px;text-transform:uppercase;margin:0}.ycj-countdown__timer{display:inline-flex;align-items:center;height:33px;line-height:1;gap:10px}.ycj-countdown__unit{display:inline-flex;flex-direction:row;align-items:center;gap:4px;position:relative}.ycj-countdown__num{font-weight:700;color:#000;font-size:22px}.ycj-countdown__label{font-size:12px;margin-top:1px;font-style:medium;font-weight:500;color:#96a856;text-transform:uppercase;letter-spacing:.05em}.ycj-countdown__sep{font-size:24px;font-weight:700;margin-bottom:2px}.ycj-countdown__cta{margin-left:16px}.ycj-countdown__finished{font-size:clamp(16px,2.5vw,24px);font-weight:800;color:var(--ycj-accent, #8ca054);text-transform:uppercase;text-align:center;padding:16px;background:#8ca0541a;border-radius:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.ycj-countdown__loading{opacity:.6;pointer-events:none}.ycj-countdown__loading .ycj-countdown__num{background:#ccc;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-contrast: high){.ycj-countdown{border-width:4px}.ycj-countdown__num{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.ycj-countdown,.ycj-countdown__icon,.ycj-countdown__num{transition:none}.ycj-countdown__finished,.ycj-countdown__loading .ycj-countdown__num{animation:none}}@media screen and (max-width: 768px){.ycj-countdown__inner{padding:8px 18px}.ycj-countdown__num,.ycj-countdown__sep,.ycj-countdown__title{font-size:14px}.ycj-countdown__label{font-size:10px}.ycj-countdown__icon-wrapper{display:none}}@media screen and (max-width: 392px){.ycj-countdown__inner{padding:16px 18px}.ycj-countdown__content{gap:0px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ycj-countdown-banner.css.map */