.countdown-timer {display: flex; margin: 8px 0; padding: 12px 16px; gap: 4px; justify-content: center; background: var(--primary); border-radius: var(--border-radius-default, 4px); color: #fff; text-transform: uppercase; font-weight: 600; flex-wrap: wrap;}

.countdown-icon-thumb {display: none;}
.product-thumb .countdown-timer {flex-direction: column; font-size: 13px;}
.product-thumb .countdown-text {display: none;}
.product-thumb .countdown-icon-detail {display: none;}
.product-thumb .countdown-icon-thumb {display: block; margin-right: 8px;}
.product-thumb .countdown-wrapper {position: relative;}
.product-thumb .countdown-timer {position: absolute; margin: 0; bottom: 4px; width: 100%; z-index: 3;}

.countdown-icon {width: 16px; height: 16px; fill: #fff;}
.countdown-text {display: flex; align-items: center; gap: 8px; justify-content: center;}
.countdown-item {display: flex;}
.countdown-number {min-width: 2ch;}
.countdown-timer-display {display: flex; justify-content: center; align-items: center;}
.countdown-item:not(:last-child)::after {content: '•'; margin: 0 4px;}

.countdown-expired {color: #999; font-size: 14px;}
.countdown-timer-fallback {margin-top: 8px; font-size: 13px; color: #666;}

@media (max-width: 991px) {
	.countdown-timer {font-size: 12px;}
	.product-thumb .countdown-timer {padding: 8px 4px; font-size: 10px;}
	.product-thumb .countdown-icon {width: 12px; height: 12px;}
}