/* Add custom CSS styles below */ 







@media (min-width: 1440px) {
    .container:has(.banner--fixed) {
        max-width: 2000px !important;
    }
}





/* ============================= */
/*        ضبط الجريد            */
/* ============================= */

.s-block--banners .grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 20px !important;
}

/* ============================= */
/*        شكل الكارت            */
/* ============================= */

.s-block--banners .banner-entry {

    grid-column: auto !important;
    grid-row: auto !important;

    height: 190px !important;

    border: 3px solid #f7941d !important;
    border-radius: 22px !important;

    /* نخلي الصورة تظهر مظبوطة */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center 30px !important;
    background-color: #f3f3f3 !important;

    display: flex !important;
    align-items: flex-end;
    justify-content: center;
    text-align: center;

    padding-bottom: 20px !important;

    transition: 0.3s ease;
    overflow: hidden;
}

/* إلغاء الاوفرلاي */
.s-block--banners .banner-entry.has-overlay::before {
    display: none !important;
}

/* النص تحت الصورة */
.s-block--banners .banner__title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin: 0 !important;
}

.s-block--banners .banner__description {
    display: none !important;
}

/* Hover */
.s-block--banners .banner-entry:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}




/* ===== سنترة السكشن في الديسكتوب ===== */
@media (min-width: 1024px) {

    .s-block--banners .grid {
        max-width: 1200px;   /* تقدر تزود أو تقلل الرقم */
        margin-left: auto !important;
        margin-right: auto !important;
    }

}















/* ============================= */
/*        عرض الموبايل           */
/* ============================= */
@media (max-width: 767px) {
    .s-block--banners .grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
    }

    .s-block--banners .banner-entry {
        height: 220px !important;       /* زودنا الطول */
        min-height: 220px !important;
        padding-bottom: 15px !important;
        overflow: visible !important;   /* علشان الصورة متتقصش */
    }

    .s-block--banners .banner-entry img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important; /* تظهر الصورة كاملة */
    }

    .s-block--banners .banner__title {
        font-size: 14px !important;
    }
}




/* ===== الموبايل فقط ===== */
@media (max-width: 1024px) {

    /* كل عناصر المنيو تبقى سوداء */
    #mobile-menu .main-menu > li > a,
    #mobile-menu .main-menu > li > a span {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        background: none !important;
    }

    /* إلغاء تأثير الجريدينت في الموبايل */
    #mobile-menu .main-menu > li > a:hover,
    #mobile-menu .main-menu > li > a:hover span {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        background: none !important;
    }

    /* تخفيضات تفضل أحمر */
    #mobile-menu #offers > a,
    #mobile-menu #offers > a span {
        color: #e60000 !important;
        -webkit-text-fill-color: #e60000 !important;
    }
}




element.style {
    width: 52px;
    height: 52px;
    line-height: 52px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 20px;
    border: 2px solid rgb(255, 255, 255);
    bottom: 18px;
    right: 18px;
    left: auto;
    display: none;
}