/* Source-style sale countdown: a fixed black bar above the product carousel. */
.countdown-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;padding:16px 20px 18px;background:#000;color:#fff;text-align:center}
.countdown-bar-title{display:flex;align-items:center;justify-content:center;gap:5px;font-size:16px;line-height:1.4;font-weight:500;letter-spacing:0}
.countdown-bar-title a{color:#fff;text-decoration:none}
.countdown-bar-title a:hover{text-decoration:underline;text-underline-offset:3px}
.countdown-bar-title a:focus-visible{outline:2px solid #ff8200;outline-offset:4px}
.countdown-check{color:#ff8200;font-size:21px;line-height:1;margin-right:2px}
.countdown-bar-clock{display:flex;justify-content:center;gap:22px;font-variant-numeric:tabular-nums}
.countdown-bar-clock>span{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:45px;padding:0;border:0;background:transparent}
.countdown-bar-clock>span:not(:last-child):after{content:':';position:absolute;right:-15px;top:-1px;color:#fff;font-size:32px;line-height:1.15}
.countdown-bar-clock b{font-size:34px;font-weight:500;line-height:1.15;letter-spacing:.025em;color:#fff}
.countdown-bar-clock small{font-size:15px;font-weight:400;line-height:1.4;color:#fff}
.countdown-ended{font-size:16px;line-height:1.5;color:#fff}
.countdown-bar [hidden]{display:none!important}
@media(max-width:760px){
 .countdown-bar{padding:16px 16px 18px}
 .countdown-bar-title{font-size:14px}
 .countdown-check{font-size:19px}
 .countdown-bar-clock{gap:20px}
 .countdown-bar-clock b{font-size:30px}
 .countdown-bar-clock small{font-size:13px}
 .countdown-bar-clock>span:not(:last-child):after{right:-14px;font-size:29px}
}