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

.produto{margin-bottom: 50px;transition: all .3s ease-in-out;/* -webkit-box-shadow: 1px 1px 3px #c3c3c3; *//* box-shadow: 1px 1px 3px #c3c3c3; */background-color: #fff;padding: 10px 10px 10px 10px;border-radius: 10px;border: 1px solid #cecece;margin: 5px;margin-bottom: 10%;}
.produto:hover{/* filter: opacity(0.8); */}
.produto a:hover{text-decoration: none;}
.img-produto{height: 220px;position: relative;}
.img-produto img{max-height: 200px; 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: #3e3d3d;margin: 10px 0px;height: 30px;text-transform: capitalize;font-weight: bold;/* text-align: center; */}
.nome-prod-mobile{font-size: 13px;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; */margin-bottom: 0px;}
.preco-por{color: #9b9693;font-size: 14px;/* font-weight: bold; */height: 30px;display: flex;/* text-align: center; */align-items: center;gap: 5px;}
.preco-por b{font-size: 18px;color: #404040;}
.sem-juros{margin: 10px 0px;/* margin-top: 5px; */height: 20px;color: #e24812;/* margin-bottom: 7px; */}
.parcelas{font-size: 13px !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: 10px;
	width: 100%;
	border-color: #04040440;
	background-color: #e24812;
	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: 465px; */}
}
@media (max-width: 400px) {
	.img-produto{height: 180px !important;}	
}

@media (max-width: 768px) {
	.produto{margin-bottom: 25px;/* padding: 21px 18px 80px 17px; */}
	.img-produto{height: 200px;}
	.nome-prod-desktop{display: none;}
	.nome-prod-mobile{display: block;font-weight: bold;}
	.preco-por{font-size: 14px;height: 110px;flex-direction: column;justify-content: center;margin-top: 15px;}
}

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