/* Discount Badge Pulse Animation */
.discount {
    animation: discountPulse 2s ease-in-out infinite;
    display: inline-block;
    transform-origin: center;
}

@keyframes discountPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }
}

/* Alternative: Breathing effect with glow */
.discount-glow {
    animation: discountBreath 2.5s ease-in-out infinite;
    display: inline-block;
    transform-origin: center;
}

@keyframes discountBreath {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(255, 59, 48, 0);
    }

    50% {
        transform: scale(1.1);
        box-shadow: 0 0 15px rgba(255, 59, 48, 0.4);
    }
}

/* Smooth hover effect */
.discount:hover {
    animation-play-state: paused;
    transform: scale(1.15);
    transition: transform 0.2s ease;
}