/* =============================================================
   ANIMATIONS — All @keyframes and complex transitions
   Sources: style.css; Customizer CSS L1972, L2614
   ============================================================= */

/* --- Product archive card bounce (why-us-card) --- */
@keyframes highlight {
    0%, 20%   { transform: translateY(0) scale(1); }
    30%, 50%  { transform: translateY(-20px) scale(1.05); }
    60%, 100% { transform: translateY(0) scale(1); }
}

/* --- Mega menu panel fade-in --- */
@keyframes fade_in_show {
    0%   { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* --- Subcategory card tilt (also used by FSM pulse-dot in deliver_time_calc.php) --- */
@keyframes pulse {
    0%, 100% { transform: rotate(0deg); }
    25%       { transform: rotate(10deg); }
}

/* --- Hero collection visual background slide --- */
@keyframes slide {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(50%, 50%); }
}

/* --- WC Blocks product card entrance --- */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}