/* Cartões dos produtos */
.product-card,
.listagem-item {
    border-radius: 10px;
    transition: all 0.3s ease;
}

.listagem-item:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transform: translateY(-4px);
}

/* Botão Comprar */
.botao-comprar,
.btn-comprar {
    border-radius: 25px;
    font-weight: 600;
    padding: 10px 18px;
}

/* Preço */
.preco-promocional,
.preco-produto {
    font-size: 18px;
    font-weight: bold;
}

/* Centralizar textos da vitrine */
.listagem-item .nome-produto,
.listagem-item .preco-produto {
    text-align: center;
}

/* Vitrine clean */
.listagem-item {
    border-radius: 8px;
    background-color: #ffffff;
    transition: all 0.25s ease;
}

/* Efeito hover discreto */
.listagem-item:hover {
    box-shadow: 0 8px 18px rgba(0,0,0,0.06);
    transform: translateY(-3px);
}

/* Nome do produto */
.nome-produto {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
}

/* Preço */
.preco-produto,
.preco-promocional {
    font-size: 17px;
    font-weight: 600;
    color: #2f6f3e; /* verde clean */
    text-align: center;
}

/* Botão comprar */
.botao-comprar,
.btn-comprar {
    border-radius: 20px;
    font-weight: 500;
    padding: 9px 16px;
}
/* Reduz espaço branco no rodapé */
#rodape {
    padding-top: 20px !important;
    padding-bottom: 15px !important;
}

/* Espaçamento entre colunas */
#rodape .coluna {
    margin-bottom: 10px;
}

/* Texto menor e mais limpo */
#rodape a {
    font-size: 14px !important;
    color: #444 !important;
    text-decoration: none;
}

/* Títulos de colunas */
#rodape .coluna h3 {
    font-size: 15px !important;
    font-weight: bold;
    margin-bottom: 8px;
}