.s-block.s-block--banners:nth-of-type(19) > .grid .banner-entry:last-child, .s-block.s-block--banners:nth-of-type(21) > .grid .banner-entry:last-child, .s-block.s-block--banners:nth-of-type(22) > .grid .banner-entry:last-child {
        grid-column: 1 / 3;
    }

    .s-block.s-block--banners > .grid .banner-entry {
        height: 234px;
    }
}

salla-add-product-button.hydrated {
    background: linear-gradient( 88deg ,var(--2) 0,var(--1) 50%,var(--3) 96%) !important;
    color: #fff!important;
    border-radius: 50px 0;
    color: #fff !important;
    border-right: 2px solid #d065fa;
    border-left: 2px solid #d065fa;
}

@media (min-width: 750px) {
    salla-slider.photos-slider .swiper-slide {
        position: relative;
        margin-left: 0rem;
        margin-right: 0rem;
        height: auto;
        width: 100%;
        overflow: hidden;
        border-radius: 0.375rem;
    }

    section:nth-of-type(1).s-block.s-block--photos-slider {
        margin-top: 0rem;
    }
}

@media (max-width: 991px) {
    salla-slider.photos-slider .swiper {
        padding-left: 0 !important;
    }

    salla-slider.photos-slider .swiper-slide {
        border-radius: 0px !important;
        width: 100%;
        margin: 0;
        padding: 0;
    }
}
/* تعديل الشريط السفلي إلى خلفية سوداء ونص أبيض */
.footer-is-light .store-footer,
.footer-is-light .store-footer .store-footer__inner {
    background: #000 !important;
    color: #fff !important;
}

/* لضمان ظهور روابط الفوتر باللون الأبيض */
.footer-is-light .store-footer a,
.footer-is-light .store-footer .store-footer__inner a {
    color: #fff !important;
}

/* تعديل عرض البانر ليكون متصلًا بالشريط العلوي */
section.s-block.s-block--fixed-banner.wide-placeholder .container {
    padding: 0;
    margin: 0;
    max-width: 100%; /* عرض البانر بكامل الشاشة */
}
/* تحسين مقاسات الصور المحسنة */
.s-block.s-block--photos-slider .swiper-slide {
    position: relative; /* لجعل العنصر الأساسي قابل للتخصيص */
    margin: 0; /* إزالة أي مسافات إضافية */
    width: 100%; /* ضبط العرض ليغطي الحاوية بالكامل */
    height: auto; /* الحفاظ على نسبة العرض إلى الارتفاع */
    overflow: hidden; /* قص أي محتوى خارج الحدود */
    border-radius: 0.375rem; /* زوايا دائرية */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* إضافة تأثيرات حركة وظل */
}

.s-block.s-block--photos-slider .swiper-slide:hover {
    transform: scale(1.05); /* تكبير خفيف عند التمرير */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* إضافة ظل خفيف */
}

/* استجابة للشاشات الصغيرة */
@media (max-width: 991px) {
    .s-block.s-block--photos-slider .swiper-slide {
        border-radius: 0px !important; /* إزالة الزوايا الدائرية */
        width: 100%; /* تأكيد التناسب الكامل */
        margin: 0; /* إزالة أي مسافات إضافية */
        padding: 0; /* إزالة الحشوات */
    }
}
/* جعل الصورة في المنتصف ومناسبة للشاشة بالكامل */
.s-block.s-block--photos-slider .swiper-slide {
    display: flex; /* لجعل الصورة في المنتصف أفقياً وعمودياً */
    align-items: center; /* محاذاة عمودية */
    justify-content: center; /* محاذاة أفقية */
    width: 100%; /* عرض الصورة يغطي الشاشة بالكامل */
    height: auto; /* الحفاظ على نسب الأبعاد */
    overflow: hidden; /* قص أي محتوى زائد */
    background-color: #ffffff; /* يمكنك تحديد لون خلفية إذا كانت الصورة أصغر من الحاوية */
    padding: 0; /* إزالة أي مسافات إضافية */
    margin: 0; /* إزالة أي مسافات إضافية */
    border-radius: 0; /* إزالة الزوايا الدائرية إن وجدت */
}

/* جعل الصورة تغطي الحاوية بالكامل */
.s-block.s-block--photos-slider .swiper-slide img {
    display: block;
    width: 100%; /* تغطية عرض الحاوية بالكامل */
    height: auto; /* الحفاظ على نسبة العرض إلى الارتفاع */
    object-fit: cover; /* لجعل الصورة تغطي الحاوية بالكامل مع اقتصاص الزائد */
}