/* geral */
.countdown {border-radius: 4px; display: flex; flex-direction: column;}
.header-countdown svg path {fill: #fff;}
.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:not(:last-child) {border-right: 1px solid var(--primary);}
.countdown svg {width: 15px; height: 15px;}
/* geral */

/* thumb */
.product-thumb .countdown {margin-bottom: 6px;}
.product-thumb .header-countdown {display: flex; justify-content: center; align-items: center; gap: 4px; background: var(--primary); color: #fff; padding: 6px 0; border-radius: 6px 6px 0 0;}
.product-thumb .countdown h4 {font-size: 14px; line-height: normal; margin: 0;}
.product-thumb .countdown .countdown-item {display: flex; font-size: 14px; justify-content: center; align-items: center; gap: 2px;}
@media (max-width: 991px) {
	.product-thumb .countdown .countdown-item {font-size: 12px;}
	.product-thumb .countdown h4 {font-size: 12px;}
}
/* thumb */

/* produto */
#product-product .header-countdown {display: flex; justify-content: center; align-items: center; gap: 4px; background: var(--primary); color: #fff; padding: 10px 0; border-radius: 6px 6px 0 0;}
#product-product .countdown h4 {font-size: 20px; line-height: normal; margin: 0;}
#product-product .countdown .countdown-item {display: flex; font-size: 16px; justify-content: center; align-items: center; gap: 2px;}
#product-product .countdown {margin-bottom: 16px;} 
@media (max-width: 991px) {
	#product-product .countdown .countdown-item {font-size: 12px;}
	#product-product .countdown h4 {font-size: 12px;}
}
/* produto */