.campaign-countdown{margin:0 auto;padding:32px clamp(20px,5vw,80px);background:#111;color:#fff;border-top:1px solid #383838;border-bottom:3px solid #df202c;display:flex;align-items:center;justify-content:space-between;gap:28px}
.countdown-kicker{color:#ff6570;font-size:11px;font-weight:700;letter-spacing:.2em;margin:0 0 8px}.countdown-copy h2{font-size:clamp(22px,2.5vw,34px);line-height:1.3;margin:0 0 9px}.countdown-copy>p:last-child{font-size:12px;color:#b9b9bd;margin:0}
.countdown-clock{display:flex;align-items:center;gap:12px}.countdown-unit{text-align:center;min-width:66px}.countdown-value{display:block;font-family:Ubuntu,sans-serif;font-size:clamp(36px,5vw,62px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.035em}.countdown-unit:last-child .countdown-value{color:#ff4959}.countdown-unit small{display:block;font-size:11px;color:#aaa;margin-top:7px;letter-spacing:.15em}.countdown-separator{color:#5b5b60;font-size:26px;margin-top:-20px}.countdown-controls{display:flex;align-items:center;gap:20px}.motion-toggle{background:transparent;color:#bdbdc1;border:1px solid #606066;border-radius:0;padding:9px 12px;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}.motion-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
.campaign-countdown.is-ended .countdown-value{color:#999}.campaign-countdown.is-ended{border-bottom-color:#777}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html:not(.motion-disabled) .offers>a,html:not(.motion-disabled) .button,html:not(.motion-disabled) .variant,html:not(.motion-disabled) .filters button{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}html:not(.motion-disabled) .offers>a:hover{transform:translateY(-5px);box-shadow:0 12px 26px #0002}html:not(.motion-disabled) .button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0002}html:not(.motion-disabled) .variant:hover,html:not(.motion-disabled) .filters button:hover{transform:translateY(-2px)}html:not(.motion-disabled) .button:active{transform:translateY(0)}}
@media(max-width:900px){.campaign-countdown{flex-wrap:wrap;justify-content:center;text-align:center}.countdown-copy{width:100%}.countdown-controls{flex-direction:column;gap:16px}.countdown-clock{gap:10px}.countdown-unit{min-width:55px}.countdown-value{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html.motion-disabled,html.motion-disabled *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
