/*
=============================
BOTÃO FLUTUANTE WHATSAPP
=============================
*/
.li-whatsapp a {right: 16px !important; bottom: 16px !important;}


/*
=============================
CENTRAL DE ATENDIMENTO HEADER
=============================
*/
.box-wrapper-contact__item--wpp{}
.box-wrapper-contact__item--tel{display:none;}
.box-wrapper-contact__item--email{}
.box-wrapper-contact__item--hour{display:none;}



/*
=============================
PRODUTOS EM 3 COLUNAS
=============================
*/

/* AJUSTE PARA DESKTOP (Telas maiores que 768px) */
@media only screen and (min-width: 768px) {
    .listagem-linha .span4 {
        width: 31.9% !important; /* Largura para 3 colunas */
        margin-left: 2.1% !important; /* Espaço entre elas */
        float: left !important;
    }

    /* Remove a margem do primeiro item para alinhar à esquerda */
    .listagem-linha .span4:first-child, 
    .listagem-linha [class*="span"]:first-child {
        margin-left: 0 !important;
    }

    /* Ajusta o container para ocupar 100% da largura do banner */
    .listagem .listagem-linha ul {
        display: block !important;
        width: 100% !important;
    }
}

/* AJUSTE PARA MOBILE (Garante 2 colunas organizadas) */
@media only screen and (max-width: 767px) {
    .listagem.produtos-carrossel .listagem-linha li {
        width: 50% !important; /* Força 2 produtos por linha no mobile */
        padding: 0 5px !important; /* Pequeno respiro lateral */
        box-sizing: border-box;
    }
}