/* LISTAGEM DOS PRODUTOS */
.page-header{padding-bottom: 0px !important; }
.indisponivel{opacity: .4;}
.produto{margin-bottom: 50px; transition: all .3s ease-in-out; padding: 0 20px;height: 380px;}
.produto:hover{transform: scale(0.98);}
.produto a:hover{text-decoration: none;}
.img-produto{height: 180px; position: relative; margin-bottom: 15px;}
.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-family: var(--Roboto-Condensed);
    font-size: 16px;
    color: var(--smartGray);
    height: 50px;
    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: var(--smartGray) !important; text-decoration: line-through;margin-right: 5px;}
.preco-por{color: var(--smartGray);font-size: 18px;font-weight: bold;}
.preco-por b{font-size: 14px;color: #404040;}
.sem-juros{margin: 0; margin-top: 5px; color: #404040;}

.smartBuy button{
    border: none;
    width: 100%;
    background-color: var(--smartGreen);
    color: var(--smartWhite);
    margin-top: 10px;
    font-family: var(--Roboto-Bold);
    padding: 4px 0;
    border-radius: 3px;
    font-size: 17px;
}
.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 */
.smartSelos{
	overflow: hidden;
    height: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.smartSelos span{
	border: 2px solid var(--smartGreen);
    padding: 0 12px;
    font-size: 11px;
    font-family: var(--Roboto-Bold);
    border-radius: 4px;
}
.selo-l{background-color: var(--smartGreen); color: var(--smartWhite);}
.selo-r{color: var(--smartGreen);}

.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: 425px) {
	.produto{padding: 0 3%;}
}

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

@media (max-width: 320px) {
    .preco-prod{display: flex; flex-direction: column;}
}

@media(min-width: 330px) {
    .preco-de {
    margin-right: 5px;
    }
}