/* LISTAGEM DOS PRODUTOS */
.page-header{padding-bottom: 0px !important; }

.produto{margin-bottom: 50px; transition: all .3s ease-in-out;}
.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: 14px;color: #404040;height: 30px;margin: 10px 0px;}
.nome-prod-mobile{font-size: 12px; color: #404040; height: 30px; display: none;}
.preco-prod{display: flex; flex-direction: column;}
.preco-de{color: #8c8c8c !important; text-decoration: line-through;}
.preco-por{color: #ed1d24;font-size: 18px;font-weight: bold;}
.preco-por b{font-size: 14px;color: #404040;}
.sem-juros{margin: 0; margin-top: 5px; color: #404040;}

.btn-adicionar{ background-color: #4e7c24; padding: 8px 25px !important; border-radius: 25px !important; text-transform: uppercase; color: #fff !important; margin: 15px 0px; font-weight: 600 !important; }
.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; font-size: 9px; color: #fff; padding: 8px; text-transform: uppercase; z-index: 9;}
.selo-l{ background-color: #e5322d; position: absolute; padding: 8px; font-weight: 600; letter-spacing: 1px;}
.selo-r{ background-color: #e5322d; position: absolute; padding: 8px; font-weight: 600; letter-spacing: 1px; 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;}
	.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; }
}

@media (max-width: 340px) {
  .preco-prod{height: 75px;}  
}