.page-header{padding-bottom: 0px !important; }

.produto{margin-bottom: 20px;transition: all .3s ease-in-out;-webkit-box-shadow: 1px 1px 3px #c3c3c3;box-shadow: 1px 1px 3px #c3c3c3;background-color: var(--cor-fundo-produtos);padding: 10px;border-radius: 10px;}
.produto a:hover{text-decoration: none;}
.img-produto{height: 200px;position: relative;}
.img-produto img{width: 60%;margin: 0 auto;}
.produto .pic-1{opacity: 1; transition:all .7s  0s}
.produto:hover .pic-1{opacity: 0;}
.produto .pic-2{opacity: 0;transition:all .7s  0s;position: absolute;top: 0; bottom: 0; right: 0; left: 0; margin-inline: auto;}
.produto:hover .pic-2{opacity: 1;}
.produto:hover .img-produto{animation-name:blur;animation-duration:0.7s ;}
@keyframes blur{0%{filter: opacity(1)}50%{filter: opacity(0.7)}100%{filter: opacity(1)}}


.nome-prod-desktop{font-size: 14px;color: #404040;margin: 15px 0px;height: 30px;/* font-weight: bold; */text-align: center;}
.nome-prod-mobile{font-size: 12px; color: #404040; height: 47px; display: none;text-align: center;}
.preco-prod{display: flex; flex-direction: column;}
.preco-de{color: #8c8c8c !important; text-decoration: line-through;text-align: center;}
.preco-por{color: #0a0909d1;font-size: 18px;font-weight: bold;height: 30px;text-align: center;}
.preco-por b{font-size: 14px;color: #404040;}
.sem-juros{margin: 0;margin-top: 5px;height: 33px;color: var(--cor-1);margin-bottom: 7px;}
.parcelas{font-size: 12px !important;text-align: center;}

.titulo{ height: 75px; display: block;text-align: left; overflow: hidden; padding-left: 15px; padding-right: 15px; }
.titulo h4{font-family: 'Roboto',sans-serif;text-align: center;color: #6d7e88;font-size: 14px;text-decoration: none; overflow: hidden;}
.indisponivel{ opacity: 0.60; }

.compre-adicione-container{display: flex; justify-content: center; height: 0px;}
.btn-buy {
	margin-top: 0px;
	width: 100%;
	border-color: #04040440;
	background-color: var(--cor-1);
	color: #fff;
	/* font-weight: bold !important; */
	padding: 6px 9px !important;
}
.btn-shop{width: 50%;}

.btn-adicionar{font-family: 'Roboto',sans-serif;border-radius: 5px 0 0 5px !important;color:#999 !important;font-size:10px;line-height: 10px !important;text-align: left;transform: translateX(-110%);transition: all .3s; text-transform: uppercase;padding:6px 2px 5px 2px !important}
.btn-adicionar span{font-size:10px;display: inline-block; overflow: hidden;}
.btn-adicionar i{display:inline-block;font-size: 18px;}
.produto:hover .btn-adicionar{transform: translateX(0);}
.btn-comprar{position: relative !important; top: -230px; border-radius: 100px !important; font-weight: 800; color: #272727 !important; text-transform: uppercase; background-color: #272727; opacity: 0; transition: all .2s ease; padding: 10px !important;}
.produto:hover .btn-comprar, .ver-produto{opacity: 1;}

.btn-add-cart .btn-add{position: relative !important; top: -230px; border-radius: 100px !important; font-weight: 800; color: #272727 !important; text-transform: uppercase; background-color: #272727; transition: all .2s ease; padding: 10px !important;}
.produto:hover button{ opacity: 1; -webkit-transition: all 0.3s ease-in-out; }

.btn-indisponivel{ background-color: #fff; padding: 8px 25px !important; border-radius: 25px !important; text-transform: uppercase; color: #333 !important; margin: 15px 0px; font-weight: 600 !important;  }
/* SELOS */

.selos{ border-radius: 0px;background: #ffd902; color: #000;font-weight: bold !important;text-transform: uppercase;padding: 8px 10px;font-size: 10px;position: absolute; padding: 8px; font-weight: 600; letter-spacing: 1px;}
.selo-l{}
.selo-r{right: 15px; }

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-15, .col-md-15 { width: 20%; float: left; }

@media (min-width: 992px){
	.produto{height: 435px;}
}


@media (max-width: 992px) {
	.img-produto img {
    /* width: auto; */
    margin: 0 auto;
}
		.img-produto{/* height: 130px !important; */}	

	.produto{margin-bottom: 25px;/* padding: 21px 18px 80px 17px; */}
	.nome-prod-desktop{display: none;}
	.nome-prod-mobile{display: block;}
	.preco-por{font-size: 14px;height: 32px;}
}

@media (max-width: 992px) {
    .col-md-15 { width: 50%; float: left; }
}