@import url('https://fonts.cdnfonts.com/css/bodar');
@import url('https://fonts.cdnfonts.com/css/myriad-pro');

body {
    font-family:"Myriad Pro", sans-serif !important;
}

li.categoria-id-22757190 {
    display: none !important;
}
.menu.superior .nivel-um>li:nth-child(2) {
  display: none !important;
}

span.estoque {
    display:none !important;
}

.nivel-dois {
    width:260px;
}

.flex-control-nav.flex-control-paging {
    margin-bottom:25px;
}

.titulo-categoria {
  font-family: "Roboto", sans-serif !important;
  color: #a57950 !important;
}

.titulo.cor-secundaria  {
  font-family: "Roboto", sans-serif !important;
  color: #a57950 !important;
}

.cor-principal {
    color: #714937 !important;
}

.titulo {
    font-family: 'Roboto' !important;
}

.nome-produto {
  line-height: 28px !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 19px !important;
  letter-spacing: normal !important;
  font-weight: bold !important;
  white-space: normal !important;
  color: #a57950 !important;
}

h1.logo a img, h2.logo a img {
    max-height:120px !important;
    margin:35px 0;
}

.g_ .logo a>img, .g_ .logo img, .g_ .logo svg {
  max-width: unset !important;
  margin-top: 25px;
  margin-bottom: 25px;
}

header .row-flex {
    display: flex;
    background:#ebe4d6;
}

header .row-flex .col.g_menu {
    flex: 80%; /* ou 4 */
    color:#4e3735;
}

header .row-flex .col {
    flex: 20%; /* ou 1 */
    color:#4e3735;
}

header .row-flex .col-auto {
    order: 3; /* Move para o final */
    width: 100%; /* Para garantir que ocupe toda a largura */
    text-align: center; /* Para centralizar o conteúdo */
    background:#ffffff;
}

h1.logo, h2.logo {
    display:flex !important;
    justify-content:center !important;
}

div.menu_superior ul.nivel-um > li > a > strong {
    color:#4e3735;
}

.g_ .menu.superior ul>li>a>i {
    color:#4e3735;
}

.g_ .listagem .preco-produto * {
  font-size: 16px !important;
}

g_ .categoryTitle h1.titulo {
  color: #a57950 !important;
  font-weight: 700 !important;
}

.g_ .lateral .filtro .titulo,
.g_ .lateral .titulo {
  color: #a57950 !important;
  font-weight: 700 !important;
}

.g_ .produto .principal .nome-produto {
  font-size: 30px !important;
  line-height: normal !important;
}

.g_ .abas-custom .tab-content::before {
  font-weight: 700 !important;
  color: #a57950 !important;
  text-transform: uppercase !important;
}

.g_ .g_title, .g_ .listagem .titulo-categoria strong {
  color: #a57950 !important;
  font-weight: 700 !important;
}

.g_ #rodape .institucional h5, .g_ #rodape .titulo {
  font-weight: 700 !important;
  color: #a57950 !important;
  text-transform: uppercase !important;
}

.g_ .g_title, .g_ .listagem .titulo-categoria strong {
  font-weight: 700 !important;
  color: #a57950 !important;
  text-transform: uppercase !important;
}

.componente .titulo {
    color: #a57950 !important;
}

.g_ .cabecalho-interno .titulo {
  font-weight: 700 !important;
  color: #a57950 !important;
  text-transform: uppercase !important;
}

.g_ .categoryTitle h1.titulo {
  font-weight: 700 !important;
  color: #a57950 !important;
  text-transform: uppercase !important;
}

@media (max-width: 700px) {
  .g_ .menu-trigger {
        margin-top:-80px !important;
        z-index: 888 !important;
    }
    header .row-flex .col-auto {
        text-align:left !important;
    }
}

@media (min-width: 768px) {
 
 .g_ .listagem-item .produto-sobrepor {
     pointer-events: all !important;
 }
}

/* @media (max-width: 400px) {
    
    .acoes-produto {
        bottom: auto !important;
    }
    .g_ .listagem-linha>ul>li {
        float:left !important;
        width:50% !important;
    }
} */

.listagem .info-produto {
    padding-top:50px !important;
}

li.categoria-id-22864796, li.categoria-id-22759448 {
    display:none !important;
}
  
@media (max-width:580px) {
    .listagem-item .acoes-produto {
        position:static !important;
    }
}
 
 
.g_ .listagem .bandeiras-produto {
    z-index:999 !important;
}

/* ==========================================================================
   CORREÇÃO LAYOUT DA GRADE DE PRODUTOS
   ========================================================================== */

/* Força UMA coluna em telas de tablet e celulares maiores (767px até 401px) */
@media (min-width: 401px) and (max-width: 767px) {
  .g_ .listagem-linha > ul > li {
    width: 100% !important;
    float: none !important;
  }
}

/* Força DUAS colunas em telas pequenas (abaixo de 400px) */
@media (max-width: 400px) {
  .g_ .listagem-linha > ul > li {
    float: left !important;
    width: 50% !important;
  }

  /* Mantendo sua outra regra para esta resolução */
  .acoes-produto {
    bottom: auto !important;
  }
}