/* Contador regressivo Miniatura */
:root { 
    --product-thumb-countdown-seal-background: var(--primary); /* color|Cor do fundo do selo */
    --product-thumb-countdown-seal-color: #fff; /* color|Cor do texto do selo */
    --product-thumb-countdown-seal-weight: 500; /* text|Peso do texto do selo */
    --product-thumb-countdown-seal-position: 0; /* select|Posição do selo [Esquerda:0,Direita:auto] */

    --product-thumb-countdown-time-background: var(--primary); /* color|Cor do fundo do contador */
    --product-thumb-countdown-time-color: #fff; /* color|Cor do texto do contador */
    --product-thumb-countdown-border: var(--primary); /* color|Cor da borda do contador */
    --product-thumb-countdown-title-color: #fff; /* color|Cor do titulo do contador */
    --product-thumb-countdown-title-size: 14px; /* text|Tamanho do titulo do contador */
}
.product-countdown > div{font-weight:bold; font-size: 12px; border: 1px solid var(--primary); width: 40px; display: flex; justify-content: center; align-items: center; background: #ebf3ff; border-radius: 4px; padding: 5px 0; gap: 1px; flex: 1;}
.product-countdown > div small {line-height: normal;}
.product-thumb-countdown .box-product-thumb-countdown, .product-thumb-countdown .timer {width: 100%;}
.product-thumb-countdown{width:100%; display: flex; padding: 4px; justify-content: center; position: absolute; left: 0; top: -50px; z-index: 1000;}
.product-thumb-countdown h5{font-size: var(--product-thumb-countdown-title-size); margin:0; padding:5px; text-align: center; color: var(--product-thumb-countdown-title-color, var(--text)); display: flex; align-items: center; gap: 3px; line-height: normal; display: none;}
.product-thumb-countdown i{font-size:20px; padding:10px}
.product-thumb-countdown-time{color: var(--primary);}

.product-thumb-countdown .product-countdown {gap: 10px;}
/* .product-thumb .product-thumb-countdown {display: none;} */

.countdown_seal{left: 16px; right: 0; top: 20px; position: absolute; z-index: 1;}
.countdown_seal span{
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
	padding: 3px 10px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	line-height: normal;
}

@media (max-width: 991px) {
    .product-thumb-countdown {flex-direction: column;}
    .product-thumb-countdown h5 {font-size: 14px; justify-content: center;}
    .product-thumb-countdown img {max-width: 20px;}
    .product-thumb-countdown .product-countdown {gap: 2px;}
	.product-countdown > div {width: auto;}
	.product-thumb-countdown .timer {width: 100%;}
}