/* ================================================
   BELT CONVEYORS PRO — ANIMATIONS (Optimised)
   ================================================ */

/* ── Initial hidden state for all animated elements ── */
[data-animate] {
    opacity: 0;
    will-change: opacity, transform;
    transition: opacity 0.65s ease, transform 0.65s ease;
}

/* Specific initial transforms */
[data-animate="fade-up"],
[data-animate="fade-down"]  { transform: translateY(28px); }
[data-animate="fade-right"] { transform: translateX(-28px); }
[data-animate="fade-left"]  { transform: translateX(28px); }
[data-animate="fade-in"]    { transform: none; }

/* ── Animated state ── */
[data-animate].animated {
    opacity: 1;
    transform: translate(0, 0);
}

/* ── Stagger grid children ── */
[data-animate].animated .product-card-home,
[data-animate].animated .why-card,
[data-animate].animated .industry-card,
[data-animate].animated .testimonial-card,
[data-animate].animated .infra-card,
[data-animate].animated .cert-card,
[data-animate].animated .team-card,
[data-animate].animated .mv-card {
    animation: fadeInUp 0.55s ease both;
}

[data-animate].animated > *:nth-child(1)  { animation-delay: 0.00s; }
[data-animate].animated > *:nth-child(2)  { animation-delay: 0.08s; }
[data-animate].animated > *:nth-child(3)  { animation-delay: 0.16s; }
[data-animate].animated > *:nth-child(4)  { animation-delay: 0.24s; }
[data-animate].animated > *:nth-child(5)  { animation-delay: 0.32s; }
[data-animate].animated > *:nth-child(6)  { animation-delay: 0.40s; }
[data-animate].animated > *:nth-child(7)  { animation-delay: 0.48s; }
[data-animate].animated > *:nth-child(8)  { animation-delay: 0.56s; }
[data-animate].animated > *:nth-child(n+9) { animation-delay: 0.60s; }

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Floating badge ── */
.about-experience-badge {
    animation: float 3.5s ease-in-out infinite;
    will-change: transform;
}
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-10px); }
}

/* ── Shimmer gradient text ── */
.gradient-text {
    background-size: 200% auto;
    animation: shimmer 4s linear infinite;
}
@keyframes shimmer {
    0%   { background-position: -200% center; }
    100% { background-position:  200% center; }
}

/* ── WhatsApp pulse ── */
@keyframes pulse-whatsapp {
    0%, 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
    50%       { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
}

/* ── Table row hover (no more inline JS style) ── */
.specs-table tbody tr:hover { background: rgba(234, 179, 8, 0.06); }

/* ── Reduced motion: respect user preference ── */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    [data-animate] { opacity: 1 !important; transform: none !important; }
    .gradient-text { animation: none; }
    .about-experience-badge { animation: none; }
    .cp-whatsapp-float { animation: none; }
}