/* Botão comprar mais compacto e centralizado nos cards */
.product-card .product-buy-button,
.product-card .product-buy-button button {
    font-size: 12px !important;     /* reduz tamanho da fonte */
    padding: 5px 15px !important;   /* deixa o botão mais baixo e estreito */
    width: auto !important;         /* não ocupa toda a largura */
    min-width: 120px !important;    /* define largura mínima */
    border-radius: 6px !important;  /* cantos arredondados */
    display: inline-block !important;
}

/* Centralizar o botão no card */
.product-card .product-buy-button {
    text-align: center !important;
}
/* Botão COMPRAR compacto e centralizado */
.product-card .product-buy-button,
.product-card .product-buy-button button {
    font-size: 12px !important;     
    padding: 5px 15px !important;   
    width: auto !important;         
    min-width: 120px !important;    
    border-radius: 6px !important;  
    display: inline-block !important;
}

/* Centralizar botão comprar no card */
.product-card .product-buy-button {
    text-align: center !important;
}

/* Botão COMPRAR PELO WHATSAPP - compacto */
.product-card .product-whatsapp-button,
.product-card .product-whatsapp-button button {
    font-size: 12px !important;
    padding: 5px 15px !important;
    width: auto !important;
    min-width: 140px !important;   /* um pouco maior por ter mais texto */
    border-radius: 6px !important;
    display: inline-block !important;
}

/* Centralizar botão WhatsApp */
.product-card .product-whatsapp-button {
    text-align: center !important;
    margin-top: 5px; /* espaçamento entre botões */
}
/* Deixa o menu fixo ao rolar a página */
#cabecalho {
    position: sticky;
    top: 0;
    z-index: 1000; /* garante que fique acima dos outros elementos */
    background: #fff; /* ou a cor do fundo do seu menu */
}

/* Adiciona uma leve sombra quando o usuário rola */
#cabecalho.scrolled {
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}