body {
  background-color: #F9FAFB !important;
}
/* ذا لون نص البانر */
.text-white h2,
.text-white p {
  color: #006CB5 !important;
}

.overlay-bg {
  background-image: none !important; /* إزالة أي صورة */
  background-color: #E5F2FF !important; /* اللون الجديد */
}
.hero-btn {
  margin-top: 20px;
  background-color: #ffffff; /* الخلفية بيضاء */
  color: #006CB5; /* النص أزرق */
  padding: 14px 34px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: bold;
  border: none; /* بدون حدود */
  cursor: pointer;
  transition: all 0.3s ease; /* تأثير سلس لجميع التغييرات */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل خفيف للزر */
}

ؤ
.hero-btn:hover {
  background-color: #006CB5; /* الخلفية أزرق غامق */
  color: #ffffff; /* النص أبيض */
  transform: translateY(-3px) scale(1.05); /* رفع بسيط + تكبير */
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); /* زيادة الظل */
}


.custom-section-title {
  text-align: center; /* العنوان في منتصف الصفحة */
  margin-bottom: 24px; /* مسافة بين العنوان والسلايدر */
}

.custom-section-title h2 {
  font-size: 32px; /* حجم الخط */
  font-weight: 700; /* خط عريض */
  color: #111; /* لون العنوان */
}

/* Responsive للشاشات الصغيرة */
@media (max-width: 768px) {
  .custom-section-title h2 {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

.custom-display-all-wrapper {
  text-align: center; /* الزر في الوسط */
  margin-top: 20px;  /* مسافة بين السلايدر والزر */
}

.custom-display-all {
  display: inline-block;
  padding: 14px 36px; /* نفس حجم أزرار السلايدر */
  font-size: 16px;
  font-weight: 700;
  color: #ffb703; /* لون النص نفسه */
  border: 2px solid #ffb703; /* نفس شكل الأزرار outline */
  border-radius: 30px;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s ease;
}

.custom-display-all:hover {
  background-color: #ffb703; /* الخلفية عند المرور */
  color: #000;
  transform: translateY(-2px);
}


.overlay-bg::before,
.overlay-bg::after {
  content: none !important; /* إزالة أي عنصر وهمي */
  background: none !important; /* إزالة أي لون overlay */
}

----


/* ================= FORCE FOOTER BACKGROUND ================= */
footer,
.store-footer,
.store-footer__inner {
  background-color: #0A0E31 !important;
}

/* ================= BASE ================= */
.store-footer__inner {
  padding: 70px 0 50px !important;
  text-align: center !important;
}

/* ترتيب عمودي */
.store-footer__inner .container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 20px !important;
}

/* إخفاء الأعمدة الافتراضية */
.store-footer__inner .container > div:not(:first-child),
.store-footer__inner salla-apps-icons {
  display: none !important;
}

/* ================= TITLES ================= */
.store-footer__inner h3 {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  margin: 0 0 12px 0 !important;
}

/* ================= DESCRIPTION ================= */
.footer-about {
  max-width: 560px;
  font-size: 14px;
  line-height: 1.9;
  color: #ffffff !important;
  margin: 0 0 18px 0 !important;
  text-align: center !important;
}

/* عنوان تواصل معنا */
.footer-contact-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 26px 0 10px 0 !important;
}

/* ================= CONTACT ICONS ================= */
.salla-contacts {
  margin: 0 !important;
}

.s-contacts-list {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 16px !important;
}

/* إخفاء الأرقام */
.s-contacts-item .unicode {
  display: none !important;
}

/* الدائرة */
.s-contacts-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50%;
  background: rgba(255,255,255,0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease;
}

/* الأيقونة */
.s-contacts-icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: #ffffff !important;
}

/* Hover */
.s-contacts-item:hover .s-contacts-icon {
  background: #ffffff !important;
  transform: scale(1.12);
}

.s-contacts-item:hover svg {
  fill: #000050 !important;
}

/* ================= SOCIAL ================= */
.salla-social {
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  margin: 8px 0 0 0 !important;
}

.s-social-icon svg {
  fill: #ffffff !important;
}

/* ================= TRUST BADGE ================= */
.s-trust-badges-wrapper {
  margin-top: 8px !important;
  background: transparent !important;
}

.s-trust-badges-label,
.s-trust-badges-number {
  color: #ffffff !important;
}

/* ================= COPYRIGHT (جميع الحقوق محفوظة) ================= */
footer * ,
.store-footer__bottom,
.store-footer__bottom * {
  color: #ffffff !important;
}

/* لون خلفية سكشن البطاقات */
#featured-products-style2-6 {
  background-color: #F9FAFB !important;
}