/* Mobile-Specific Touch Animations */

@media (max-width: 768px) {

    /* Global Animations (Mobile + Desktop) */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Staggered Text Reveal */
    .title-word {
        display: inline-block;
        /* Required for transform */
        white-space: pre;
        /* Preserve spaces */
        animation: fadeInUp 0.8s cubic-bezier(0.2, 1, 0.3, 1) forwards !important;
        opacity: 0;
        will-change: transform, opacity;
    }

    /* Base delays (JS can override) */
    .title-word:nth-child(1) {
        animation-delay: 0.1s !important;
    }

    .title-word:nth-child(2) {
        animation-delay: 0.2s !important;
    }

    .title-word:nth-child(3) {
        animation-delay: 0.3s !important;
    }

    /* Mobile Specific Adjustments */
    @media (max-width: 768px) {
        .hero-premium-badge {
            animation: fadeInUp 0.6s ease-out 0.2s both;
        }

        .hero-premium-subtitle {
            animation: fadeInUp 0.6s ease-out 0.6s both;
        }

        .meta-item {
            animation: fadeInUp 0.5s ease-out both;
            animation-delay: 0.7s;
        }

        .btn-premium {
            animation: fadeInUp 0.6s ease-out both;
        }


        .hero-premium-cta .btn-premium:nth-child(1) {
            animation-delay: 0.8s;
        }

        .hero-premium-cta .btn-premium:nth-child(2) {
            animation-delay: 0.9s;
        }

        .hero-photo {
            animation: fadeIn 0.6s ease-out 0.3s both;
        }

        /* Touch feedback for buttons */
        .btn-premium:active {
            transform: scale(0.98);
            transition: transform 0.1s ease-out;
        }

        /* Remove problematic animations */
        .stat-card,
        .service-premium-card {
            animation: none;
        }
    }