/* =================================================================== */
/* 1. OCULTA TEXTO "PREÇO SOB CONSULTA" APENAS NA VITRINE (LISTAGEM) */
/* (Esta regra é CRÍTICA para restaurar o botão da página do produto) */
/* =================================================================== */
.listagem-item .preco-produto .titulo {
    display: none !important; /* Esconde o span de preço sob consulta na vitrine */
}

/* =================================================================== */
/* OTIMIZAÇÃO MOBILE: TELAS DE ATÉ 767PX (SMARTPHONES) */
/* =================================================================== */
@media screen and (max-width: 767px) {

    /* 1. OCULTA O BANNER PRINCIPAL NA HOME */
    /* Substitua '.banner-principal' pelo seletor exato do seu banner grande, se necessário. */
    .banner-principal, 
    .container-carousel, /* Tenta esconder o contêiner do slider */
    .carousel-principal { 
        display: none !important;
    }

    /* 2. FORÇA OS MINI BANNERS A EMPILHAR (100% DE LARGURA) */
    
    /* Seletor do contêiner dos mini banners (garante que o bloco não esteja cortando) */
    .mini-banners-container,
    .banner-secundario {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        /* Garante que os itens internos se alinhem verticalmente */
        display: block !important; 
    }
    
    /* Força CADA mini banner a ocupar a largura total, empilhando-os */
    /* Substitua '.mini-banner-item' pelo seletor exato dos seus mini banners, se necessário. */
    .mini-banner-item,
    .mini-banners li {
        width: 100% !important;
        float: none !important; /* Desabilita o alinhamento horizontal (float) */
        display: block !important;
        margin-bottom: 10px !important; /* Adiciona espaçamento entre eles */
    }
    
    /* Remove espaçamentos internos dos itens de lista se houver */
    .mini-banner-item img,
    .mini-banners li img {
        width: 100% !important;
        height: auto !important;
    }
}