/* Add custom CSS styles below */ 
/* إخفاء عنصر التخفيضات في الديسكتوب */
#offers,
#offers a,
a.offers-link {
    display: none !important;
}

/* إخفاء عنصر التخفيضات في الموبايل */
li[id="\"offers\""],
li[id="\"offers\""] a {
    display: none !important;
}

/* إخفاء الأسهم في سلايدر best-offers-3-slider */
#best-offers-3-slider .s-slider-nav-arrow,
#best-offers-3-slider .s-slider-block__title-nav {
  display: none !important;
}

/* احتياط: لو كانت أزرار سويبر الافتراضية مفعّلة */
#best-offers-3-slider .swiper-button-prev,
#best-offers-3-slider .swiper-button-next {
  display: none !important;
}

/* إن كان هناك padding بسبب العنوان/التحكمات، ألغِ أي مسافات إضافية */
#best-offers-3-slider .s-slider-block__title {
  padding: 0 !important;
  margin: 0 !important;
}

/* اجعل لون الهيدر FEFEFD عبر متغير اللون الأساسي */
.header-store {
  --color-primary: #FEFEFD !important;  /* يغيّر كل عناصر .bg-color-primary داخل الهيدر */
  background-color: #FEFEFD !important;
  /* لو الهيدر عندك يستخدم صورة خلفية من --nav-bg-img وأثرها ظاهر، الغيها: */
  --nav-bg-img: none !important;
}

/* تأكيد التلوين على الحاويات الرئيسية داخل الهيدر */
#mainnav,
.header-store .inner-content,
.header-store .top-navbar {
  background-color: #FEFEFD !important;
}

/* نفس اللون لشريط السفلي بالموبايل (إن رغبتِ) */
.bottom-menu .bg-color-primary {
  background-color: #FEFEFD !important;
}