/* geral */
.product-layout {padding:12px;}
.product-thumb {position: relative; overflow: hidden;}
.product-thumb .caption {padding: 6px 2px; display: flex; flex-direction: column;}
.product-thumb .description {display: none;}
.product-thumb .product-title-thumb {font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 34px; margin-bottom: 10px; text-transform: uppercase; font-weight: 500;}
.product-thumb .product-title-thumb a {color: var(--text);}
/* geral */

/* image */
.product-thumb .image{position: relative;}
.product-thumb .images > *{ z-index: 0;}
.product-thumb .image .thumb2{position: absolute; top: 0; left: 0; opacity: 0; z-index: 1;}
.product-thumb .image .thumb2:hover{opacity: 1;}
/* image */

/* preços */
.product-price {display: flex; flex-direction: column; justify-content: end;}
.tag-thumb {color: var(--green); font-size: 10px; font-weight: 700; padding: 3px 8px; line-height: normal; border: 1px solid var(--green); border-radius: 4px;}
.product-thumb .container-prices {order: 2; display: flex; gap: 6px; flex-wrap: wrap;}
.product-thumb .price-old{ text-decoration: line-through; color: #858585; font-weight: normal; font-size: 12px; line-height: normal;}
.product-thumb .price{font-size: 18px; font-weight: 500; line-height: normal;}
.product-thumb .installment {font-size: 12px; order: 2;}
.product-thumb .container-pix {display: flex; gap: 6px; align-items: center; order: 1; justify-content: center;background: #f2f6f9; padding: 10px 6px; border-radius: 2px;}
.product-thumb .pix-value {margin: 0; line-height: normal; font-size: 22px; color: #4db6ac;}
.product-thumb .pix-text {line-height: normal; font-size: 11px; font-weight: 600; letter-spacing: 1px;}
/* preços */

/* botões */
.product-thumb-buttons {padding: 0;}
.product-thumb-buttons .btn{width: 100%; height: 36px; border:none; border-radius: var(--btn-border-radius); padding:0}
.product-thumb-buttons .btn i{font-size: 16px; display: none;}
.product-thumb .btn-cart {display: flex; justify-content: center; gap: 5px; align-items: center; font-weight: 500; text-transform: uppercase; font-size: 12px; background: #fff; color: var(--primary); border: 1px solid var(--primary);}
.product-thumb .btn-cart:hover {background: var(--primary); color: #fff;}
.product-thumb .btn-no-quantity {background: #eee; border-radius: 5px; width: 100%; display: flex; justify-content: center; align-items: center; gap: 5px; font-weight: 500; text-transform: uppercase; border: 1px solid #ddd !important; color: #505050; font-size: 12px;}
.product-thumb .btn-no-quantity:hover {background-color: #ddd;}
/* botões */

@media(max-width:991px){
	.product-layout {padding: 5px !important;}
	/* preço */
	/* .product-price {min-height: 132px;} */
	.tag-thumb {font-size: 8px;}
	.product-thumb .price-old {font-size: 12px; display: flex; align-items: center;}
	.product-thumb .price {font-size: 20px;}
	.product-thumb .pix-value {font-size: 26px;}
	.product-thumb .installment, .product-thumb .pix-text {font-size: 10px;}
	/* preço */

	/* botôes */
	.product-thumb-buttons .btn {height: 36px;}
	.product-thumb-buttons .btn i{font-size: 12px;}
	.product-thumb .btn-cart {font-size: 13px;}
	/* botôes */
}

@media (max-width: 767px) {
	.product-thumb .product-title-thumb {font-size: 12px; line-height: 16px; min-height: 32px;}
	.container-pix svg {width: 23px; height: 23px;}
	.container-pix span {font-size: 10px;}

	/* preço produtos em lista */
	.product-thumb .container-prices {margin-top: 8px;}
	.product-thumb .pix-value {font-size: 14px;}
	.product-thumb .price {font-size: 12px;}
	.product-thumb .price-old {font-size: 10px;}
	.product-thumb .installment, .product-thumb .pix-text {font-size: 9px; letter-spacing: normal;}
	.tag-thumb {font-size: 8px;}
	/* preço produtos em lista */
	
	/* preço produtos em carousel */
	.product-list-carousel .product-thumb .price-old {font-size: 12px;}
	.product-list-carousel .product-thumb .price {font-size: 16px;}
	.product-list-carousel .product-thumb .pix-value {font-size: 18px;}
	.product-list-carousel .product-thumb .installment, .product-list-carousel .product-thumb .pix-text {font-size: 10px;}
	/* preço produtos em carousel */
	}