:root {
  --main-color: #8E9D80;
  --white-color: white;
  --black-color: black;
}

/* --- التنسيقات العامة --- */
body {
  background-color: var(--white-color);
}

.main-menu li.root-level > a:hover {
  transform: translateY(-3px);
}

.topnav-link-item i,
.sicon-shopping-bag:before,
b.s-cart-summary-total,
i.sicon-search,
button.lg\:hidden.mburger.mburger--collapse {
  color: var(--main-color);
}

/* --- تنسيق السلايدر وإزالة المسافات --- */
section.s-block.s-block--photos-slider {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
  padding: 0 !important;
  margin-top: 0px !important;
  width: 100% !important;
  border-radius: 0 !important;
}

[dir="rtl"] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper {
  padding: 0 !important;
}

img.w-full {
  border-radius: 0;
}

/* --- كروت المنتجات --- */
.s-product-card-image img.loaded {
  background: #fff;
}

.s-products-slider-card.swiper-slide {
  margin-top: 10px;
  margin-bottom: 10px;
  transition: transform 0.3s ease;
  padding-top: 20px;
}

.s-products-slider-card.swiper-slide:hover {
  transform: translateY(-7px);
}

.s-product-card-entry {
  box-shadow: 0 0 10px 0 #87816e30;
}

.s-product-card-content {
  background: #f5f5f5;
}

/* --- أزرار السلايدر والسلة --- */
button.s-slider-next, button.s-slider-prev {
  display: none !important;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
  color: #fff;
  background: var(--main-color) !important;
  transition: ease-out 0.5s;
  box-shadow: inset 0 0 0 0 #fff;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
  color: var(--main-color) !important;
  box-shadow: inset 0 -100px 0 0 #fff;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:active {
  transform: scale(0.9);
}

/* --- البنرات --- */
.banner--fixed img, .banner-entry {
  border-radius: 0;
  background-color: #fff0;
}

.banner-entry { background: #fff; }

.s-block--fixed-banner.wide-placeholder > .container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* الصور الصغيرة المتحاذية لليمين */
img[src*="8ff0de6c-20a7-4805-9e44-cf9db5343947"],
img[src*="550c6b60-5b82-41ed-841b-38d62a0744d9"],
img[src*="dce214e5-3286-45fb-94be-5e94016c3076"] {
  width: 30%;
  margin-left: auto;
  display: block;
}


section.s-block.container {
  padding-

/* 1. إزالة الحواف والفراغات الجانبية للحاوية الكبيرة */
section.s-block--banners.container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 10px !important;
}

/* 2. ضبط الشبكة (الجريد) لتكون متلاصقة أو بفراغ بسيط جداً */
section.s-block--banners .grid {
    gap: 10px !important; /* المسافة بين الصورتين */
    padding: 0 10px !important; /* فراغ بسيط عن جوانب الشاشة */
}

/* 3. ضبط البنرات نفسها (الزوايا والارتفاع) */
.banner-entry {
    border-radius: 8px !important; /* زاوية دائرية خفيفة، غيرها لـ 0 إذا أردتها حادة */
    overflow: hidden !important;
    height: 250px !important; /* ارتفاع ثابت للكمبيوتر لضمان التساوي */
    background-size: cover !important;
    background-position: center !important;
    display: block !important;
}

/* 4. تعديلات خاصة بالجوال لضمان ظهور الصور كاملة */
@media (max-width: 767px) {
    .banner-entry {
        height: 180px !important; /* ارتفاع أقل يناسب شاشة الجوال */
    }
    
    section.s-block--banners .grid {
        gap: 8px !important;
        grid-template-columns: repeat(2, 1fr) !important; /* يجعل الصور بجانب بعضها حتى في الجوال */
    }
}

/* 5. حذف أي طبقات تظليل أو نصوص افتراضية إذا كانت تضايقك */
.banner-entry__text {
    display: none !important;
}