/* Container global */
.conteiner,
.conteiner-principal,
#corpo .conteiner,
#rodape .conteiner {
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
}


/* 5 produtos por linha na vitrine - apenas desktop */
@media (min-width: 992px) {

  /* O container geral das linhas de produtos vira um flex "grandão" */
  #listagemProdutos .listagem-linha {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  /* Cada <ul> deixa de ser "caixa" e passa só a "transportar" os <li> */
  #listagemProdutos .listagem-linha > ul {
    display: contents !important; /* "achata" os UL */
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Cada produto agora ocupa 1/5 da largura (5 por linha) */
  #listagemProdutos .listagem-linha > ul > li {
    width: 20% !important;
    float: none !important;
  }

  /* Garante que o card preencha a coluna certinho */
  #listagemProdutos .listagem-linha > ul > li .listagem-item {
    width: 100% !important;
  }
}