/* Esconde scrollbars feias em carrosséis mantendo a rolagem nativa suave */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animação suave para cards */
.card-produto {
    will-change: transform, opacity;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease;
}

/* Efeito de Destaque / Pulso quando a pessoa chega via link de código (?c=043 ou #043) */
@keyframes highlightPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(238, 77, 45, 0.7);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(238, 77, 45, 0);
        transform: scale(1.02);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(238, 77, 45, 0);
        transform: scale(1);
    }
}

.card-destaque-ativo {
    animation: highlightPulse 2s ease-in-out infinite;
    border-color: #ee4d2d !important;
    ring: 2px solid #ee4d2d;
}

/* Toque responsivo mobile sem atraso */
button, a {
    -webkit-tap-highlight-color: transparent;
}