/* تخصيص البانرات للجوال فقط */
@media (max-width: 767px) {
    
    /* إزالة المسافات الداخلية والخارجية للحاوية الرئيسية للبانر */
    section.s-block--fixed-banner {
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background-color: transparent !important;
    }

    /* جعل الحاوية (Container) بعرض كامل 100% وإزالة الحواف */
    section.s-block--fixed-banner .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
    }

    /* تنسيق رابط البانر ليكون ملتصقاً وبدون زوايا دائرية */
    section.s-block--fixed-banner .banner {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* تنسيق الصورة لتملأ المساحة وتلغي الفراغ السفلي */
    section.s-block--fixed-banner .banner img {
        width: 100% !important;
        height: auto !important; /* للحفاظ على دقة الصورة */
        display: block !important; /* هذا السطر مهم جداً لإزالة الفراغ الأبيض الصغير أسفل الصورة */
        border-radius: 0 !important;
        object-fit: cover !important;
    }

    /* إزالة أي مسافة قد تكون أسفل الهيدر (اختياري حسب القالب) */
    header.store-header {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* إزالة مسافة بداية المحتوى الرئيسي */
    main#main-content {
        padding-top: 0 !important;
    }
}