/**
 * CSS Animazioni Kit Viaggia Sereno
 * File separato per migliorare la manutenibilità e mantenere < 500 righe
 */

/* 1. Pulsazione del bottone Add To Cart (Heartbeat) */
@keyframes heartbeat {
    0%   { transform: scale(1); }
    10%  { transform: scale(1.03); }
    20%  { transform: scale(1); }
    30%  { transform: scale(1.03); }
    40%  { transform: scale(1); }
    100% { transform: scale(1); }
}

.heartbeat-pulse {
    animation: heartbeat 2.5s infinite;
    transform-origin: center;
}

/* 2. Entrance Animation Leggera (Opzionale) */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* 3. Animazioni Navigazione Hover (Sottili) */
.cta-button {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.2s ease, box-shadow 0.2s ease;
}

.cta-button:active {
    transform: scale(0.98);
}