/* 1. JOGA O BANNER DO WHATSAPP PARA O FUNDO */
.secao-banners {
    position: relative !important;
    z-index: 1 !important; 
}

/* 2. TRAZ O MENU PARA A FRENTE */
#cabecalho .menu.superior {
    position: relative !important;
    z-index: 999999 !important;
}

/* 3. ALARGA A CAIXA BRANCA DO MENU SUSPENSO */
#cabecalho .menu.superior .nivel-dois {
    width: 360px !important; 
    min-width: 360px !important;
    max-width: 360px !important;
    z-index: 999999 !important;
    padding: 5px 0 !important;
}

#cabecalho .menu.superior .nivel-dois li {
    width: 100% !important;
    border-bottom: 1px solid #f4f4f4 !important;
}

/* DESTRAVA O TEXTO PARA OCUPAR TODA A CAIXA LARGA */
#cabecalho .menu.superior .nivel-dois li a {
    display: block !important; /* Transforma o link num bloco inteiro */
    width: 100% !important; /* Força a ocupar os 360px */
    max-width: 100% !important; /* Anula limites antigos do tema */
    box-sizing: border-box !important; /* Impede que o padding vaze a caixa */
    white-space: normal !important; 
    line-height: 1.4 !important;
    padding: 12px 20px !important;
    font-size: 13px !important;
}

/* 4. MANTÉM AS CATEGORIAS DE NÍVEL 1 EM UMA ÚNICA LINHA (DESKTOP) */
#cabecalho .menu.superior .nivel-um > li {
    padding: 0 4px !important;
}

#cabecalho .menu.superior .nivel-um > li > a strong {
    font-size: 11px !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
}
/* REMOVER O MENU LATERAL NAS PÁGINAS DE CATEGORIA E ESTICAR OS PRODUTOS */
.secao-principal .coluna {
    display: none !important;
}

.secao-principal .conteudo {
    width: 100% !important;
    max-width: 100% !important;
    border-left: none !important;
    padding-left: 0 !important;
}