/* ===== إزالة كافة الحركات ثلاثية الأبعاد من بطاقات الخدمات على الهاتف ===== */

@media (max-width: 768px) {
    /* إزالة جميع التأثيرات ثلاثية الأبعاد من جميع أنواع بطاقات الخدمات */
    .service-card,
    .service-card-new,
    .services-section-new .service-card,
    .services-section-new .service-card-new,
    section#services .service-card,
    section#services .service-card-new,
    .services-grid .service-card,
    .services-grid-new .service-card,
    .services-grid .service-card-new,
    .services-grid-new .service-card-new {
        transform: none !important;
        transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
        perspective: none !important;
        transform-style: flat !important;
        backface-visibility: visible !important;
        will-change: auto !important;
        animation: none !important;
        position: relative !important;
        overflow: visible !important;
    }
    
    /* إزالة جميع التأثيرات ثلاثية الأبعاد من جميع العناصر الداخلية */
    .service-card *,
    .service-card-new *,
    .services-section-new .service-card *,
    .services-section-new .service-card-new *,
    section#services .service-card *,
    section#services .service-card-new *,
    .services-grid .service-card *,
    .services-grid-new .service-card *,
    .services-grid .service-card-new *,
    .services-grid-new .service-card-new * {
        transform: none !important;
        perspective: none !important;
        transform-style: flat !important;
        backface-visibility: visible !important;
        will-change: auto !important;
        animation: none !important;
        transition: background-color 0.3s ease, color 0.3s ease !important;
    }
    
    /* إزالة جميع pseudo-elements ثلاثية الأبعاد */
    .service-card::before,
    .service-card::after,
    .service-card-new::before,
    .service-card-new::after,
    .services-section-new .service-card::before,
    .services-section-new .service-card::after,
    .services-section-new .service-card-new::before,
    .services-section-new .service-card-new::after,
    section#services .service-card::before,
    section#services .service-card::after,
    section#services .service-card-new::before,
    section#services .service-card-new::after,
    .services-grid .service-card::before,
    .services-grid .service-card::after,
    .services-grid .service-card-new::before,
    .services-grid .service-card-new::after,
    .services-grid-new .service-card::before,
    .services-grid-new .service-card::after,
    .services-grid-new .service-card-new::before,
    .services-grid-new .service-card-new::after {
        display: none !important;
        content: none !important;
        transform: none !important;
        animation: none !important;
    }
    
    /* إزالة تأثيرات hover ثلاثية الأبعاد */
    .service-card:hover,
    .service-card-new:hover,
    .services-section-new .service-card:hover,
    .services-section-new .service-card-new:hover,
    section#services .service-card:hover,
    section#services .service-card-new:hover,
    .services-grid .service-card:hover,
    .services-grid-new .service-card:hover,
    .services-grid .service-card-new:hover,
    .services-grid-new .service-card-new:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
        perspective: none !important;
        transform-style: flat !important;
    }
    
    /* إزالة تأثيرات الأيقونات ثلاثية الأبعاد */
    .service-card .service-icon,
    .service-card .service-icon-new,
    .service-card-new .service-icon,
    .service-card-new .service-icon-new,
    .services-section-new .service-card .service-icon,
    .services-section-new .service-card .service-icon-new,
    .services-section-new .service-card-new .service-icon,
    .services-section-new .service-card-new .service-icon-new,
    section#services .service-card .service-icon,
    section#services .service-card .service-icon-new,
    section#services .service-card-new .service-icon,
    section#services .service-card-new .service-icon-new {
        transform: none !important;
        perspective: none !important;
        transform-style: flat !important;
        animation: none !important;
        transition: transform 0.3s ease !important;
    }
    
    .service-card:hover .service-icon,
    .service-card:hover .service-icon-new,
    .service-card-new:hover .service-icon,
    .service-card-new:hover .service-icon-new,
    .services-section-new .service-card:hover .service-icon,
    .services-section-new .service-card:hover .service-icon-new,
    .services-section-new .service-card-new:hover .service-icon,
    .services-section-new .service-card-new:hover .service-icon-new,
    section#services .service-card:hover .service-icon,
    section#services .service-card:hover .service-icon-new,
    section#services .service-card-new:hover .service-icon,
    section#services .service-card-new:hover .service-icon-new {
        transform: scale(1.05) !important;
    }
    
    /* إزالة تأثيرات النصوص ثلاثية الأبعاد */
    .service-card h1,
    .service-card h2,
    .service-card h3,
    .service-card h4,
    .service-card h5,
    .service-card h6,
    .service-card .title,
    .service-card .service-title,
    .service-card .service-title-new,
    .service-card-new h1,
    .service-card-new h2,
    .service-card-new h3,
    .service-card-new h4,
    .service-card-new h5,
    .service-card-new h6,
    .service-card-new .title,
    .service-card-new .service-title,
    .service-card-new .service-title-new {
        text-shadow: none !important;
        transform: none !important;
        perspective: none !important;
        transform-style: flat !important;
        animation: none !important;
    }
    
    /* إزالة تأثيرات الأزرار ثلاثية الأبعاد */
    .service-card .btn,
    .service-card .button,
    .service-card .cta,
    .service-card .service-cta,
    .service-card .service-cta-new,
    .service-card .service-button,
    .service-card .service-button-new,
    .service-card-new .btn,
    .service-card-new .button,
    .service-card-new .cta,
    .service-card-new .service-cta,
    .service-card-new .service-cta-new,
    .service-card-new .service-button,
    .service-card-new .service-button-new {
        transform: none !important;
        perspective: none !important;
        transform-style: flat !important;
        animation: none !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
        border-radius: 8px !important;
        transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
    }
    
    .service-card .btn:hover,
    .service-card .button:hover,
    .service-card .cta:hover,
    .service-card .service-cta:hover,
    .service-card .service-cta-new:hover,
    .service-card .service-button:hover,
    .service-card .service-button-new:hover,
    .service-card-new .btn:hover,
    .service-card-new .button:hover,
    .service-card-new .cta:hover,
    .service-card-new .service-cta:hover,
    .service-card-new .service-cta-new:hover,
    .service-card-new .service-button:hover,
    .service-card-new .service-button-new:hover {
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    }
    
    /* إزالة أي تأثيرات إضافية */
    .service-card.popular,
    .service-card.featured,
    .service-card.premium,
    .service-card-new.popular,
    .service-card-new.featured,
    .service-card-new.premium {
        transform: none !important;
        perspective: none !important;
        transform-style: flat !important;
        animation: none !important;
    }
    
    /* إزالة تأثيرات الحاويات */
    .services-grid,
    .services-grid-new,
    .services-section-new,
    section#services {
        perspective: none !important;
        transform-style: flat !important;
        overflow: visible !important;
    }
    
    .services-grid *,
    .services-grid-new *,
    .services-section-new *,
    section#services * {
        perspective: none !important;
        transform-style: flat !important;
    }
}

/* للشاشات الصغيرة جداً - تبسيط أكبر */
@media (max-width: 480px) {
    .service-card:hover,
    .service-card-new:hover,
    .services-section-new .service-card:hover,
    .services-section-new .service-card-new:hover,
    section#services .service-card:hover,
    section#services .service-card-new:hover {
        transform: none !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    }
    
    .service-card .btn:hover,
    .service-card .button:hover,
    .service-card .cta:hover,
    .service-card .service-cta:hover,
    .service-card .service-cta-new:hover,
    .service-card .service-button:hover,
    .service-card .service-button-new:hover,
    .service-card-new .btn:hover,
    .service-card-new .button:hover,
    .service-card-new .cta:hover,
    .service-card-new .service-cta:hover,
    .service-card-new .service-cta-new:hover,
    .service-card-new .service-button:hover,
    .service-card-new .service-button-new:hover {
        transform: none !important;
    }
}