@media (max-width: 768px) {
    /* ===== تم تعطيل الهيدر القديم =====
    header.site-header {
        height: var(--maknoon-mobile-header-height);
        padding: 10px 15px;
        box-shadow: 0 2px 4px var(--maknoon-shadow);
        z-index: var(--maknoon-z-header);
    }
    body {
        padding-top: var(--maknoon-mobile-header-height);
    }
    ==================================== */
}

/* قائمة الأيقونات الجانبية للموبايل */
.mobile-icons-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    background-color: var(--maknoon-white);
    box-shadow: -2px 0 8px var(--maknoon-shadow);
    z-index: var(--maknoon-z-overlay);
    transform: translateX(100%);
    transition: var(--maknoon-transition);
}

.mobile-icons-menu.maknoon-menu-active {
    transform: translateX(0);
}

/* قائمة تصنيفات الجوال */
.mobile-categories-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    background-color: var(--maknoon-white);
    box-shadow: 2px 0 8px var(--maknoon-shadow);
    z-index: var(--maknoon-z-overlay);
    transform: translateX(-100%);
    transition: var(--maknoon-transition);
}

.mobile-categories-menu.maknoon-categories-open {
    transform: translateX(0);
}

/* منع تمرير الصفحة عند فتح القوائم */
body.maknoon-no-scroll {
    overflow: hidden;
}

/* أزرار التحكم العلوية في الجوال */
.mobile-icons-button,
.mobile-categories-button {
    background-color: var(--maknoon-primary);
    color: var(--maknoon-white);
    padding: 8px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: var(--maknoon-transition);
}

.mobile-icons-button:hover,
.mobile-categories-button:hover {
    background-color: var(--maknoon-secondary);
}

/* زر إغلاق القوائم */
@media (max-width: 768px) {
    .mobile-icons-menu .close-button {
        top: 15px !important;
        right: 15px !important;
        z-index: var(--maknoon-z-overlay);
    }
}

/* 🔧 Fix-2025-06-17: معالجة حدود selectWoo المكررة في بعض الأجهزة */
.select2-container--default .select2-selection--single {
    box-shadow: none !important;
}

/* القائمة الجانبية للهيدر القديم (إذا كان موجود بالخطأ في مكان ما) */
@media (max-width: 767px) {
    .maknoon-sidebar { width: 100vw; max-width: 100vw; }
}