/* ============================= */
/* 🔹 إزالة المسافات */
/* ============================= */
.s-block--fixed-banner{
  margin-top: 40px;
}
.s-block--fixed-banner .container{
  padding-right:0;
  padding-left:0;
}
.s-block--fixed-banner .container .banner img{
  border-radius: 0;
}

/* ============================= */
/* 🔹 الكونتينر (Grid) */
/* ============================= */
#main-content > section:nth-child(3) > div{
  display: flex;
}

/* ============================= */
/* 🔹 العناصر */
/* ============================= */
#main-content > section:nth-child(3) > div .banner-entry{
  width: 25%;
  background-color: transparent;
  position: relative !important;
}

/* ============================= */
/* 🔹 الصور */
/* ============================= */
#main-content > section:nth-child(3) > div .banner-entry img{
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

/* ============================= */
/* 🔹 الارتفاعات */
/* ============================= */
.two-row .banner-entry:first-child, 
#main-content .banner-entry{
  height: 156px;
}

#main-content .banner-entry.square-photos{
  height: 440px;
}

@media screen and (min-width:1100px){
 .two-row .banner-entry:first-child, 
 #main-content .banner-entry{
    height: 190px;
 }  

 #main-content .banner-entry.square-photos{
    height: 615px;
 }
}
/* ============================= */
/* 📱 موبايل */
/* ============================= */
@media screen and (max-width: 992px){
  #main-content > section:nth-child(3) > div{
    flex-direction: column;
  }

  #main-content > section:nth-child(3) > div .banner-entry{
    width: 100%;
    margin-bottom: 10px;
  }
}
/* ============================= */
/* ❌ إلغاء أي طبقات بتغطي النص */
/* ============================= */
.s-block--banners .two-row .banner__title,
.s-block--banners .two-row .banner__subtitle,
.s-block--banners .two-row [class*="banner"] p,
.s-block--banners .two-row [class*="banner"] h3 {
  background: #ffffff !important;
  border-radius: 30 !important;
  padding: 0 !important;
  color: #000000 !important;
  font-weight: bold !important;
  display: block !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6) !important;
}
/* ============================= */
/* 🔹 البانر الرئيسي Full Width */
/* ============================= */

body.index #main-content > section.s-block--fixed-banner:first-of-type{
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  overflow: hidden !important;
}

body.index #main-content > section.s-block--fixed-banner:first-of-type > .container{
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

body.index #main-content > section.s-block--fixed-banner:first-of-type .banner,
body.index #main-content > section.s-block--fixed-banner:first-of-type picture{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

body.index #main-content > section.s-block--fixed-banner:first-of-type img{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}
/* تغيير لون خلفية الفوتر بالكامل (الجزء العلوي والسفلي) */
.store-footer,
.store-footer .store-footer__inner {
    background-color: #032666 !important;
}

/* إجبار جميع النصوص، الروابط، والعناوين داخل الفوتر على الظهور باللون الأبيض */
.store-footer *,
.store-footer a,
.store-footer p,
.store-footer h3,
.store-footer span {
    color: #ffffff !important;
}

/* تحويل لون أيقونات التواصل الاجتماعي (SVG) لتكون بيضاء وتتناسق مع الخلفية الغامقة */
.store-footer svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* توسيع الحاوية الخاصة بالبنرات لتأخذ عرض الشاشة بالكامل وإلغاء المسافات الجانبية */
.s-block--fixed-banner .container,
.s-block--banners .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

/* إلغاء الحواف الدائرية (Border Radius) لتلتصق الصور بحواف الشاشة تماماً */
.s-block--fixed-banner .banner,
.s-block--fixed-banner img,
.s-block--banners .banner,
.s-block--banners img {
    border-radius: 0 !important;
}

/* إجبار الصور على أخذ العرض الكامل والارتفاع الطبيعي (لعدم قص أي جزء من الصورة) */
.s-block--fixed-banner img,
.s-block--banners img {
    width: 100% !important;
    height: auto !important; 
    object-fit: cover !important;
    display: block !important;
}