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

.produto{transition: all .3s ease-in-out; text-align: center; background: #fff; padding:40px 30px;margin-bottom: 30px; border-top: 3px solid #2a7d2e; border-radius: 5px;}
.produto:hover{filter: opacity(0.8);}
.produto a:hover{text-decoration: none;}
.img-produto{height: 180px; position: relative;}
.img-produto img{height: 100%; 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: 16px;color: #2a7d2e;height: 50px;margin: 20px 0px;font-weight: 400;}
.nome-prod-desktop:hover{color: #7fba00;}
.nome-prod-mobile{font-size: 12px; color: #2a7d2e; height: 30px; display: none;}
.preco-prod{display: flex; flex-direction: column;}
.preco-de{color: #8c8c8c !important; text-decoration: line-through; font-size: 14px; height: 15px;}
.preco-por{color: #f6af14;font-size: 21px;font-weight: 700;margin-top: 10px;}
.preco-por b{font-size: 14px;color: #f6af14;}
.sem-juros{margin: 0; margin-top: 5px; color: #404040;}

.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-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 (max-width: 768px) {
	.produto{margin-bottom: 25px; padding: 20px 5px;}
	.img-produto{height: 150px;}
	.nome-prod-desktop{display: none;}
	.nome-prod-mobile{display: block;}
}

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