.header-countdown {display: flex; justify-content: center; align-items: center; gap: 4px; background: var(--primary); color: #fff; padding: 8px 0; border-radius: 6px 6px 0 0;}
.header-countdown svg path {fill: #fff;}
#countdown h4 {font-size: 14px; line-height: normal;}
.countdown-time {display: flex; padding: 8px 0; border-radius: 0 0 6px 6px; border: 1px solid #eee; border-top: none; text-transform: uppercase; color: #000; font-weight: 500;}
.countdown-time > div {flex: 1;}

#countdown .countdown-item {display: flex; font-size: 14px; justify-content: center; align-items: center; gap: 2px;}
#countdown .countdown-item:not(:last-child) {border-right: 1px solid var(--primary);}
/* #countdown .countdown-item span {color: var(--primary); font-weight: 600;} */

#countdown {border-radius: 4px; display: flex; flex-direction: column; margin-top: 12px;}
#countdown svg {width: 15px; height: 15px;}