/* Espaçamento entre produtos */
.listagem .produto {
    padding: 10px;
}

/* Card mais bonito */
.listagem .produto > div {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px;
    transition: all 0.2s ease;
}

/* Efeito hover (profissional) */
.listagem .produto > div:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-3px);
}

/* Título mais organizado */
.produto-nome {
    font-size: 14px;
    min-height: 40px;
}

/* Preço destaque */
.preco-promocional {
    font-size: 20px;
    font-weight: bold;
    color: #ff6600;
}
/* REMOVE BARRA INFERIOR */
body .atalhos-mobile,
body .barra-flutuante,
body .floating-bar,
body .app-bar,
body [class*="atalhos"] {
    display: none !important;
}

/* REMOVE BOTÃO TOPO */
body .scrollToTop,
body .back-to-top,
body .botao-topo,
body .ir-topo,
body a[href="#top"] {
    display: none !important;
}
@media (max-width: 768px) {
    /* Remove QUALQUER barra fixa inferior */
    body *[style*="position:fixed"][style*="bottom"],
    body *[style*="position: fixed"][style*="bottom"] {
        display: none !important;
    }

    /* Remove classes comuns mobile */
    .atalhos-mobile,
    .mobile-bar,
    .bottom-bar,
    .app-bar,
    .footer-fixo {
        display: none !important;
    }
}

/* Reduz altura do rodapé */
#rodape,
.rodape {
    padding: 20px 0 !important;
}

/* Menos espaço entre colunas */
#rodape .row > div {
    margin-bottom: 15px !important;
}

/* Ajusta títulos */
#rodape h4 {
    font-size: 14px;
    margin-bottom: 10px;
}

/* Ajusta textos */
#rodape ul li {
    font-size: 13px;
    margin-bottom: 5px;
}

/* ===== HEADER MENOR (GALERIA) ===== */

/* Container principal */
#cabecalho .conteiner {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Remove altura exagerada */
#cabecalho {
    min-height: auto !important;
}

/* Logo */
#cabecalho .logo a img {
    max-height: 45px !important;
}

/* Espaço interno geral */
#cabecalho .row-fluid {
    padding: 0 !important;
}

/* Busca mais compacta */
#cabecalho .busca input {
    height: 36px !important;
}

@media (max-width: 768px) {

    #cabecalho .logo a img {
        max-height: 38px !important;
    }

    #cabecalho .conteiner {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    #cabecalho .busca input {
        height: 32px !important;
        font-size: 12px !important;
    }

}

/* ===== BARRA DE CATEGORIAS ===== */

/* Container */
.menu {
    padding: 8px 0 !important;
    background: #f5f5f5 !important;
}

/* Lista */
/* Aplica apenas no menu SUPERIOR (topo) */
.menu.superior .nivel-um {
    display: flex !important;
    justify-content: space-around !important;
}

/* Itens */
.menu .nivel-um > li > a {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

/* Espaçamento */
.menu .nivel-um > li {
    margin: 0 5px !important;
}

/* Hover */
.menu .nivel-um > li > a:hover {
    color: #ff6600 !important;
}