/* ===== إزالة كافة أنظمة التمرير الأفقي للخدمات ===== */

@media (max-width: 768px) {
    /* إزالة جميع أنماط التمرير الأفقي */
    .services-grid-new,
    .services-section-new .services-grid-new,
    section#services .services-grid-new {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
        gap: 1rem !important;
        padding: 0 1rem !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        position: relative !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        scroll-behavior: auto !important;
        scroll-snap-type: none !important;
        -webkit-overflow-scrolling: auto !important;
        touch-action: auto !important;
        transform: none !important;
    }
    
    /* إزالة التمرير عن جميع البطاقات */
    .service-card-new,
    .services-section-new .service-card-new,
    section#services .service-card-new {
        display: block !important;
        width: 100% !important;
        min-width: auto !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        position: relative !important;
        transform: none !important;
        grid-column: auto !important;
        grid-row: auto !important;
        flex: none !important;
        float: none !important;
        clear: both !important;
        scroll-snap-align: none !important;
        scroll-snap-stop: auto !important;
        touch-action: auto !important;
        transition: transform 0.3s ease !important;
    }
    
    /* إعادة تأثيرات hover الطبيعية */
    .service-card-new:hover,
    .services-section-new .service-card-new:hover,
    section#services .service-card-new:hover {
        transform: translateY(-5px) !important;
    }
    
    /* إعادة pseudo-elements */
    .service-card-new::before,
    .service-card-new::after,
    .services-section-new .service-card-new::before,
    .services-section-new .service-card-new::after,
    section#services .service-card-new::before,
    section#services .service-card-new::after {
        display: block !important;
    }
    
    /* إخفاء جميع مؤشرات التمرير */
    .services-scroll-dots,
    .services-scroll-indicators,
    .scroll-dots,
    .scroll-indicators {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* إزالة أي أحداث تمرير */
    .services-grid-new * {
        touch-action: auto !important;
        -webkit-touch-callout: default !important;
        -webkit-user-select: text !important;
        user-select: text !important;
    }
}

/* للشاشات الصغيرة جداً */
@media (max-width: 480px) {
    .services-grid-new,
    .services-section-new .services-grid-new,
    section#services .services-grid-new {
        grid-template-columns: 1fr !important;
        gap: 0.8rem !important;
        padding: 0 0.8rem !important;
    }
}

@media (max-width: 360px) {
    .services-grid-new,
    .services-section-new .services-grid-new,
    section#services .services-grid-new {
        grid-template-columns: 1fr !important;
        gap: 0.6rem !important;
        padding: 0 0.6rem !important;
    }
}

/* إزالة أي JavaScript يسبب التمرير */
.services-grid-new,
.services-section-new .services-grid-new,
section#services .services-grid-new {
    pointer-events: auto !important;
}

.service-card-new,
.services-section-new .service-card-new,
section#services .service-card-new {
    pointer-events: auto !important;
    cursor: pointer !important;
}