/* --- Ajustes Mobile (até 768px) --- */
@media (max-width: 768px) {

    /* --- Produtos em coluna única no mobile --- */
    #listagemProdutos > ul li.listagem-linha ul,
    .listagem ul li.listagem-linha ul {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    #listagemProdutos > ul li.listagem-linha ul li,
    .listagem ul li.listagem-linha ul li {
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    /* --- Título maior e sem corte --- */
    .listagem .listagem-item .nome-produto {
        font-size: 1.1rem !important;
        font-weight: 600 !important;
        line-height: 1.4em !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
    }

    /* --- Preço maior --- */
    .listagem .listagem-item .preco-produto,
    .listagem .listagem-item .preco-promocional {
        font-size: 1.2rem !important;
        font-weight: bold !important;
        color: #222 !important;
    }
}


/* Margem apenas na faixa principal */
.fundo-principal.bandeira-promocao {
    margin: 2px !important; /* margem de 2px ao redor da faixa */
}

/* Desktop: fonte e negrito no span dentro da faixa */
.g_ .listagem .bandeiras-produto > span {
    font-size: 15px !important;   /* fonte desktop */
    font-weight: bold !important; /* negrito */
}

/* Mobile: fonte menor e negrito no span dentro da faixa */
@media (max-width: 767px) {
    .g_ .listagem .bandeiras-produto > span {
        font-size: 13px !important;   /* fonte mobile */
        font-weight: bold !important; /* negrito */
        line-height: 20px !important; /* centraliza verticalmente */
    }
}