/* 1. استهداف السكشن الخاص بالبانر العريض */
.s-block--fixed-banner .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
}

.s-block--fixed-banner .container img.lazy.loaded {
    border-radius: 0 !important;
}

.s-block--fixed-banner .banner {
    border-radius: 0 !important;
}

.s-block--fixed-banner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 0 !important;
} /* <-- هذا القوس كان مفقوداً في كودك وهو سبب المشكلة */

.sm\:pt-20 {
    padding-top: 2rem !important;
}

/* 2. استهداف حاوية المنتجات (الرفع للأعلى) */
.s-block--slider-with-bg .container.relative.overflow-hidden {
    margin-top: -250px !important; 
}

@media (max-width: 768px) {
    .s-block--slider-with-bg .container.relative.overflow-hidden {
        margin-top: -100px !important; 
    }
}

/* 3. تعديل ألوان كرت المنتج (الكحلي) */
.s-product-card-content-footer .s-button-element {
    border-color: #B8A075  !important;
}

.s-product-card-content-title a {
    color: #1B2C4A !important;
}

.s-product-card-content-title a:hover {
    color: #1B2C4A !important;
}

/* 4. تعديل لون نص "عرض الكل" ليكون أبيض */
/* أضفت لك مساراً أكثر دقة لضمان تجاوز أي لون أسود افتراضي */
.s-slider-block__title .s-slider-block__title-left a.s-slider-block__display-all {
    color: #ffffff !important;
    opacity: 1 !important;
    display: inline-block !important; /* لضمان قبول خصائص اللون */
}

.s-slider-block__title .s-slider-block__title-left a.s-slider-block__display-all:hover {
    color: #1B2C4A !important;
}

.tittlee{
    text-align: center !important;
}
.s-slider-block__title { 
  display: flex !important;
  justify-content: center !important;
}
.s-slider-block__title-right h2 {
    font-size: 34px !important; /* تكبير الخط */
    text-align: center !important;
}