/* =========================================
   ZY Outlets - توسيط عروض اليوم الوطني
   ========================================= */

/* توسيط عنوان القسم */
section[component-id="1101160155"] .s-slider-block__title {
    justify-content: center !important;
    text-align: center !important;
}

section[component-id="1101160155"] .s-slider-block__title-right {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
}

/* إخفاء الأسهم */
section[component-id="1101160155"] .s-slider-block__title-left {
    display: none !important;
}

/* توسيط السلايدر بالكامل */
section[component-id="1101160155"] .s-slider-container {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* توسيط العناصر الثلاثة */
section[component-id="1101160155"] .swiper-wrapper {
    justify-content: center !important;
    gap: 20px !important;
}

/* تثبيت عرض كل عنصر على الكمبيوتر */
section[component-id="1101160155"] .swiper-slide {
    width: 190px !important;
    flex: 0 0 190px !important;
    text-align: center !important;
}

/* توسيط محتوى كل مربع */
section[component-id="1101160155"] .slide--cat-entry {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}


/* =========================================
   الجوال - العروض تحت بعضها
   ========================================= */

@media (max-width: 767px) {

    section[component-id="1101160155"] .swiper-wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        transform: none !important;
        width: 100% !important;
    }

    section[component-id="1101160155"] .swiper-slide {
        width: 90% !important;
        max-width: 340px !important;
        flex: 0 0 auto !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    section[component-id="1101160155"] .slide--cat-entry {
        width: 100% !important;
        min-height: 85px !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 12px !important;

        padding: 15px 20px !important;
        box-sizing: border-box !important;
    }

    section[component-id="1101160155"] .slide--cat-entry i {
        margin: 0 !important;
        font-size: 26px !important;
    }

    section[component-id="1101160155"] .slide--cat-entry h2 {
        margin: 0 !important;
        font-size: 14px !important;
        white-space: nowrap !important;
        text-align: center !important;
    }

    section[component-id="1101160155"] .s-slider-container {
        overflow: visible !important;
    }

}