/* Produto miniatura */
:root { 
    --product-thumb-title: var(none); /* color|Cor do titulo */
    --product-thumb-title-weigth: 500; /* text|Peso da fonte do título */
    --product-thumb-title-size: 14px; /* text|Tamanho da fonte do título */

    --product-thumb-price-color: #000000; /* color|Cor do preco */
    --product-thumb-price-weight: bold; /* text|Peso da fonte do preço */
    --product-thumb-price-size: 16px; /* text|Tamanho da fonte do preço */

}

.product-thumb{position: relative; overflow: hidden; margin-bottom: 20px;}
.product-thumb .caption{padding: 15px 5px; font-size: 14px; color: var(--text); min-height: 100px; display: flex; flex-direction: column;}
.product-thumb h4{font-size: var(--product-thumb-title-size); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.product-thumb h4 a{
    color: var(--product-thumb-title, var(--text)); 
    font-weight: var(--product-thumb-title-weigth);
}
.product-thumb .image{position: relative;}
.product-thumb .image img{filter: brightness(98%);}
.product-thumb .images > *{position: relative; z-index: 0;}
.product-thumb .image .thumb2{position: absolute; top: 0; left: 0; opacity: 0; z-index: 1;}

@media(min-width:992px){
	.product-thumb:hover .image .thumb2{opacity: 1;}
}

.product-thumb .price{
    font-size: var(--product-thumb-price-size); 
    font-weight: var(--product-thumb-price-weight); 
    color: var(--product-thumb-price-color, var(--primary)); 
    margin-bottom: 0;
}
.product-thumb .price-old{ font-weight: normal;}
.product-thumb .description{display: none;}
.product-thumb-buttons{position: absolute; top: 15px; right: 15px; transform: translateX(15px); opacity: 0; display: none;}
.product-thumb-buttons .btn{width: 35px; height: 35px;color: #fff; border:none; border-radius: 100%; padding:0}
.product-thumb-buttons .btn i{font-size: 20px;}
.product-thumb-buttons .btn:hover{transform: scale(1.05);}
.product-thumb:hover .product-thumb-buttons{transform: translateX(0); opacity: 1;}

@media(max-width:992px){
	.product-thumb .image .thumb2{display: none !important;}
}
@media(max-width:767px){
    .product-thumb img{width: 100%;}
}

.product-list .product-thumb{display: flex; align-items: center;}