/* استهداف قسم البنرات في الجوال فقط */
@media (max-width: 767px) {
    /* إجبار الشبكة على تكوين عمودين متساويين */
    section.s-block--banners .grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 10px !important; /* المسافة بين الصورتين */
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* إلغاء أي خصائص تعيق العرض الكامل */
    .banner-entry.square-photos {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1; /* يحافظ على شكل المربع */
    }

    /* التأكد من أن الخلفية تملأ المساحة الجديدة */
    .lazy__bg {
        background-size: cover !important; /* أو contain حسب رغبتك */
        width: 100% !important;
        height: 100% !important;
        min-height: 150px; /* يعطي ارتفاع أدنى للصور */
    }