/* Oculta o filtro Código Universal de Produto */
.faceta-codigo-universal-de-produto {
    display: none !important;
}

/* Oculta o filtro Modelo */
.faceta-modelo {
    display: none !important;
}

/* =========================================================
   SO BARATEI - AJUSTES VISUAIS COMPATIVEIS
   Loja Integrada + Grand Store
   ========================================================= */

/* Oculta filtros técnicos */
.faceta-codigo-universal-de-produto,
.faceta-modelo {
    display: none !important;
}

/* Fundo geral */
body {
    background-color: #F6F8FB;
    color: #1F2937;
}

/* Espaçamento das páginas de categoria e busca */
body.pagina-categoria .secao-principal,
body.pagina-busca .secao-principal {
    padding-top: 24px;
    padding-bottom: 48px;
}

/* Títulos principais */
body.pagina-categoria h1,
body.pagina-busca h1 {
    color: #1F2937;
    font-weight: 700;
    margin-bottom: 22px;
}

/* Filtros laterais */
body.pagina-categoria .filtro-coluna,
body.pagina-busca .filtro-coluna {
    border-bottom: 1px solid #E5EAF0;
    padding-bottom: 18px;
    margin-bottom: 18px;
}

body.pagina-categoria .filtro-coluna:last-child,
body.pagina-busca .filtro-coluna:last-child {
    border-bottom: 0;
}

body.pagina-categoria .filtro-coluna .titulo,
body.pagina-busca .filtro-coluna .titulo {
    color: #1F2937;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 12px;
    margin: 0;
}

body.pagina-categoria .filtro-coluna a,
body.pagina-busca .filtro-coluna a {
    color: #344054;
    font-size: 14px;
    line-height: 1.45;
    text-decoration: none;
}

body.pagina-categoria .filtro-coluna a:hover,
body.pagina-busca .filtro-coluna a:hover {
    color: #007BFF;
}

/* Ordenação */
body.pagina-categoria .ordenar-listagem,
body.pagina-busca .ordenar-listagem {
    background-color: #FFFFFF;
    border: 1px solid #E5EAF0;
    border-radius: 20px;
    padding: 2px 10px;
}

/* Newsletter nas categorias */
body.pagina-categoria .newsletter,
body.pagina-busca .newsletter {
    background-color: #F2F7FD;
    border: 1px solid #DDEBFA;
    border-radius: 14px;
    padding: 18px 20px;
    margin-bottom: 22px;
}

body.pagina-categoria .newsletter input,
body.pagina-busca .newsletter input {
    background-color: #FFFFFF;
    border: 1px solid #E5EAF0;
    border-radius: 24px;
    min-height: 44px;
    padding-left: 18px;
}

/* Cards dos produtos */
.listagem .listagem-item {
    background-color: #FFFFFF;
    border: 1px solid #E5EAF0;
    border-radius: 16px;
    padding: 14px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.listagem .listagem-item:hover {
    margin-top: -4px;
    border-color: #CFE3FA;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

/* Imagem do produto */
.listagem .imagem-produto {
    background-color: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
}

.listagem .imagem-produto img {
    max-width: 100%;
    height: auto;
}

/* Nome do produto */
.listagem .nome-produto,
.listagem .nome-produto a,
.listagem .info-produto a {
    color: #1F2937;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
}

.listagem .nome-produto a:hover,
.listagem .info-produto a:hover {
    color: #007BFF;
}

/* Preços */
.listagem .preco-produto {
    margin-top: 10px;
}

.listagem .preco-venda,
.listagem .preco-promocional,
.listagem .preco-produto .titulo {
    color: #007BFF !important;
    font-weight: 800 !important;
}

.listagem .preco-antigo,
.listagem .preco-produto s {
    color: #98A2B3 !important;
    font-size: 13px;
}

.listagem .preco-parcela,
.listagem .parcelas-produto {
    color: #475467;
    font-size: 13px;
}

/* Destaque Pix */
.listagem .preco-avista,
.listagem .preco-a-vista {
    background-color: #F0F8FF;
    border: 1px solid #DCEEFE;
    border-radius: 10px;
    color: #007BFF;
    padding: 8px 10px;
}

/* Bandeiras de desconto */
.bandeira-promocao,
.bandeira-desconto,
.bandeiras-produto .bandeira-promocao {
    background-color: #FF6B00 !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 700;
}

/* Botões */
.botao.principal,
.botao-comprar,
.listagem .botao-comprar {
    background-color: #007BFF !important;
    border-color: #007BFF !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    font-weight: 700;
    min-height: 44px;
}

.botao.principal:hover,
.botao-comprar:hover,
.listagem .botao-comprar:hover {
    background-color: #005FCC !important;
    border-color: #005FCC !important;
}

/* Cabeçalho */
#cabecalho {
    background-color: #FFFFFF;
    box-shadow: 0 2px 14px rgba(15, 23, 42, 0.06);
}

/* Campo de busca */
#cabecalho .busca {
    background-color: #F2F5F9;
    border-radius: 24px;
}

#cabecalho .busca input {
    background-color: transparent;
}

/* Menu principal */
.menu.superior {
    box-shadow: 0 2px 8px rgba(0, 83, 170, 0.12);
}

.menu.superior .nivel-um > li > a {
    font-weight: 600;
}

/* Rodapé */
#rodape {
    border-top: 1px solid #E5EAF0;
}

#rodape .titulo {
    color: #1F2937;
    font-weight: 700;
}

#rodape a {
    color: #475467;
}

#rodape a:hover {
    color: #007BFF;
}

/* Ajustes mobile */
@media screen and (max-width: 767px) {

    body.pagina-categoria .secao-principal,
    body.pagina-busca .secao-principal {
        padding-top: 14px;
    }

    .listagem .listagem-item {
        border-radius: 12px;
        padding: 9px;
    }

    .listagem .nome-produto,
    .listagem .nome-produto a,
    .listagem .info-produto a {
        font-size: 14px;
        line-height: 1.3;
    }

    .listagem .preco-venda,
    .listagem .preco-promocional {
        font-size: 20px !important;
    }

    body.pagina-categoria .newsletter,
    body.pagina-busca .newsletter {
        padding: 14px;
        border-radius: 12px;
    }
}

/* Ajusta o tamanho do pop-up da newsletter */
#modalNewsletter .modal-dialog,
.modal-newsletter .modal-dialog {
    max-width: 820px !important;
    width: 90% !important;
    margin: 30px auto !important;
}

/* Limita a imagem da newsletter */
#modalNewsletter .img-newsletter,
#modalNewsletter img,
.modal-newsletter img {
    max-width: 500px !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Evita que o modal ultrapasse a tela */
#modalNewsletter .modal-content,
.modal-newsletter .modal-content {
    max-height: 85vh !important;
    overflow: hidden !important;
}

/* Ajuste para celular */
@media screen and (max-width: 767px) {
    #modalNewsletter .modal-dialog,
    .modal-newsletter .modal-dialog {
        width: 92% !important;
        max-width: 420px !important;
        margin: 20px auto !important;
    }

    #modalNewsletter .img-newsletter,
    #modalNewsletter img,
    .modal-newsletter img {
        max-height: 260px !important;
        object-fit: cover !important;
    }
}