/* إجبار الشبكة تكون 3 أعمدة */
.s-block.s-block--banners.container > .grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important; /* مسافة بين الأعمدة */
  width: 100% !important;
  max-width: 100% !important;
  hight: 40% !important;
}

/* كل عنصر ياخذ العمود كامل بدون ما يوسع */
.s-block.s-block--banners.container .banner-entry {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* الصور الخلفية داخل البانر */
.s-block.s-block--banners.container .banner-entry .lazy__bg {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1/1; /* يخليها مربعة */
  background-size: contain !important; /* أو غيّرها cover لو تبيها تغطي */
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.banner-entry .lazy__bg {
  min-height: 300px !important;
  margin-top: -40px !important;
   /* عدّل الرقم حسب الحجم اللي يناسبك */
}


.store-footer__inner {
    background-color: #071063; /* الخلفية */
    color: white; /* لون النص */
    text-align: center; /* محاذاة النص إلى الوسط */
}

.store-footer__inner a,
.store-footer__inner h3,
.store-footer__inner p,
.store-footer__inner span {
    color: white; /* التأكد أن كل النصوص بيضاء */
}

.store-footer__inner .s-contacts-list,
.store-footer__inner .s-social-list,
.store-footer__inner .s-menu-footer-list {
    justify-content: center; /* لمركزة عناصر القوائم والأيقونات */
}
.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #071063; /* تغيير لون الخلفية */
    color: white; /* جعل النصوص بيضاء */
    text-align: center; /* محاذاة النص للوسط */
}

.md\:flex.items-center.justify-between.py-4.container.text-center a {
    color: white; /* روابط الفوتر بيضاء */
}

.s-payments-list {
    justify-content: center; /* محاذاة أيقونات الدفع للوسط */
}
.s-contacts-item {
    display: flex;             /* يجعل الرابط حاوية مرنة */
    align-items: center;       /* محاذاة رأسية للوسط */
    justify-content: center;   /* محاذاة أفقية للوسط */
    text-decoration: none;     /* إزالة خط تحت الرابط */
    gap: 8px;                  /* مسافة بين الأيقونة والنص */
}

a.flex {
    display: flex;            /* جعل الرابط حاوية مرنة */
    justify-content: center;  /* توسيط أفقياً */
    align-items: center;      /* توسيط رأسياً */
    text-decoration: none;    /* إزالة خط تحت الرابط إذا أردت */
    width: 100%;              /* إذا أردت أن يشغل كامل العرض */
}