/* ========= VITRINES / LISTAGEM (VERSÃO FLEX) ========= */

/* container dos produtos */
.vitrine, .lista-produtos, .produtos, .showcase {
  display: flex !important;
  flex-wrap: wrap;
  margin: -20px;
}

/* cada produto */
.vitrine .prod-box,
.lista-produtos .produto,
.produtos .produto,
.showcase .produto {
  width: 33.333%;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  border: none !important;
  background: transparent !important;
}

/* imagem grande, limpa */
.vitrine .prod-box img,
.lista-produtos .produto img,
.produtos .produto img,
.showcase .produto img {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
}

/* nome do produto (mantém o que já tínhamos) */
.vitrine .nome-produto,
.lista-produtos .nome-produto,
.produtos .nome-produto,
.showcase .nome-produto,
.vitrine .titulo,
.lista-produtos .titulo {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px 0;
  color: #111111;
}

/* preço em cinza claro (mantém o que já tínhamos) */
.preco, .preco-por, .price {
  font-size: 13px;
  color: #b3b3b3;
}

/* RESPONSIVO FLEX */

@media (max-width: 900px) {
  .vitrine .prod-box,
  .lista-produtos .produto,
  .produtos .produto,
  .showcase .produto {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .vitrine .prod-box,
  .lista-produtos .produto,
  .produtos .produto,
  .showcase .produto {
    width: 100%;
  }
}