/* ========================================= */
/* BARRA DE CUPOM - COMPUTADOR E CELULAR     */
/* ========================================= */

/* 1. Computador: Barra no Topo (Corrigido e garantido) */
@media (min-width: 769px) {
    body::before {
        content: "Ganhe 10% de desconto na primeira compra! Use o cupom: PRIMEIRACOMPRA10OFF";
        display: block;
        background-color: #FFC0CB; /* Fundo Rosa Claro */
        color: #333333; /* Letra escura */
        text-align: center;
        padding: 10px;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        box-sizing: border-box;
        z-index: 9999;
    }
}
/* ======================================================== */
/* 7. FORÇAR CENTRALIZAÇÃO DO BOTÃO NO CELULAR              */
/* ======================================================== */
@media (max-width: 768px) {
    /* Garante que a caixa inteira ocupe 100% do espaço e centralize */
    .listagem-item .acoes-produto,
    .listagem-item .acoes-produto-responsiva {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        clear: both !important; /* Limpa o empurrão do tema antigo */
        padding: 10px 0 !important;
    }

    /* Arranca o alinhamento à esquerda do botão e da quantidade */
    .listagem-item .acoes-produto .botao,
    .listagem-item .acoes-produto-responsiva .botao,
    .listagem-item .acoes-produto .qtde,
    .listagem-item .acoes-produto-responsiva .qtde {
        float: none !important;
        margin: 0 5px !important; /* Cria o espacinho perfeito entre os dois */
    }
}
/* 2. Celular: Barra abaixo da Logo (Início do Corpo do site) */
@media (max-width: 768px) {
    #corpo::before {
        content: "Ganhe 10% de desconto na primeira compra! Use o cupom: PRIMEIRACOMPRA10OFF";
        display: block;
        background-color: #FFC0CB; /* Fundo Rosa Claro */
        color: #333333; /* Letra escura */
        text-align: center;
        padding: 10px 5px;
        font-size: 12px;
        font-weight: bold;
        width: 100%;
        box-sizing: border-box;
        z-index: 9999;
        margin-bottom: 10px; /* Dá um espacinho antes do banner principal */
        border-radius: 4px; /* Deixa as pontinhas levemente arredondadas (opcional) */
    }
}
/* ======================================================== */
/* 1. FORÇAR FOTOS RETANGULARES (CORRIGIDO)                 */
/* ======================================================== */
.listagem-item .imagem-produto,
.listagem-item .imagem-produto img,
.listagem-item .produto-sobrepor,
.listagem-item figure,
.produto-zoom,
.produto-zoom img {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
} /* <-- A CHAVE QUE FALTAVA ESTÁ AQUI! */


/* ======================================================== */
/* 1. FORÇAR FOTOS RETANGULARES                             */
/* ======================================================== */
.listagem-item .imagem-produto,
.listagem-item .imagem-produto img,
.listagem-item .produto-sobrepor,
.listagem-item figure,
.produto-zoom,
.produto-zoom img {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}