/* SIMPLE SOLUTION: Remove hover effects but keep normal display */

@media (max-width: 800px) {
    /* Remove hover transitions but keep normal appearance */
    .service-card,
    .service-card *,
    .service-media,
    .service-image,
    .scroll-3d-card,
    .scroll-3d-image {
        transition: none !important;
        animation: none !important;
        will-change: auto !important;
    }
    
    /* Keep cards visible with normal styling */
    .service-card {
        transform: none !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    
    /* Keep service media visible */
    .service-media, .service-image, .scroll-3d-image {
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    
    /* Disable all hover effects */
    .service-card:hover,
    .service-card:hover *,
    .scroll-3d-card:hover *,
    .service-media:hover,
    .service-image:hover {
        transform: none !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
        animation: none !important;
        transition: none !important;
    }
    
    /* Disable hover effects on main content and text sections */
    .main-content:hover,
    .page-content:hover,
    .page-content-body:hover,
    .animate-fade-in:hover,
    .main-content:hover *,
    .page-content:hover *,
    .page-content-body:hover *,
    h1:hover, h2:hover, h3:hover, p:hover,
    main:hover, main:hover * {
        transform: none !important;
        animation: none !important;
        transition: none !important;
        box-shadow: none !important;
        filter: none !important;
        scale: 1 !important;
    }

    /* Reference logos - no changes needed on mobile */
}