/* Mobile Services Layout - Image First, Text Second */
@media (max-width: 768px) {
    .service-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
    }
    
    .service-detail .service-image {
        order: -1 !important;
        margin-bottom: 1rem !important;
    }
    
    .service-detail .service-text {
        order: 1 !important;
    }
    
    .service-text h2 {
        font-size: 1.8rem !important;
        margin-bottom: 0.8rem !important;
    }
    
    .service-text p {
        font-size: 1rem !important;
        margin-bottom: 1.2rem !important;
    }
    
    .service-features {
        margin-bottom: 1.5rem !important;
    }
    
    .service-features li {
        padding: 0.3rem 0 0.3rem 1.2rem !important;
        font-size: 0.95rem !important;
    }
}