salla-slider.photos-slider .swiper-slide {
        margin:0;
        width: 100%;
        padding:0;
    }
    
salla-slider.photos-slider .swiper {
    padding: 0;
}
section.s-block.s-block--photos-slider {
    margin-top: 0;
}
.banner--fixed img, .banner-entry {
    background-color: rgb(255 255 255);
}
body#app {
  background-color: white;
}
.banner--fixed img {
  background-color: rgb(255 255 255);
}
.lazy__bg.lazy.bg-no-repeat.entered.loaded {
    background-color: white;
}
.banner-entry {
    height: 280px;
}
---------------------
/* خلي الكونتينر داخل سلايدر الصور ياخد كامل العرض */
section.s-block.s-block--photos-slider > .container {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

/* شيل أي مارجن من فوق السلايدر */
section.s-block.s-block--photos-slider {
  margin-top: 0;
  overflow: hidden;
  width: 100%;
}

/* تأكيد إن السلايدرات ياخدوا العرض الكامل */
section.s-block.s-block--photos-slider .s-slider-container,
section.s-block.s-block--photos-slider .swiper-wrapper,
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  margin: 0;
  padding: 0;
}
.s-button-element {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 26px;
  border-radius: 14px;
  border: none;

  background: linear-gradient(
    270deg,
    #1B2A4A,
    #31466F,
    #1B2A4A,
    #263B5E
  );

  color: #fff;
  font-weight: 600;
  cursor: pointer;

  transition: all 0.4s ease-in-out;

  box-shadow:
    0 0 8px rgba(27,42,74,0.5),
    0 0 20px rgba(27,42,74,0.3) inset;

  background-size: 600% 600%;
  animation: gradient-move 6s ease infinite;
}


/* نص الزرار */

.s-button-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: transform 0.3s ease;
}


/* حركة السلة من اليمين للشمال */

.s-button-text i {
  display: inline-block;
  animation: cart-slide-in 0.8s forwards;
  opacity: 1;
}


/* حركة الـ Gradient */

@keyframes gradient-move {
  0% { 
    background-position: 0% 50%; 
  }

  50% { 
    background-position: 100% 50%; 
  }

  100% { 
    background-position: 0% 50%; 
  }
}


/* السلة تظهر من اليمين */

@keyframes cart-slide-in {

  0% { 
    transform: translateX(50px); 
    opacity: 0; 
  }

  100% { 
    transform: translateX(0); 
    opacity: 1; 
  }

}


/* السلة تختفي عند Hover */

.s-button-element:hover .s-button-text i {
  animation: cart-slide-out 0.8s forwards;
}


/* السلة تتحرك وتختفي لليسار */

@keyframes cart-slide-out {

  0% { 
    transform: translateX(0); 
    opacity: 1; 
  }

  100% { 
    transform: translateX(-50px); 
    opacity: 0; 
  }

}


/* Hover Effect */

.s-button-element:hover {

  transform: scale(1.05);

  box-shadow:
    0 0 15px #1B2A4A,
    0 0 30px #31466F inset;

}
/* ----------------------------------------------------
🔹 عنوان السلايدر (الأنيميشن + اللمعة)
---------------------------------------------------- */ 

.s-slider-block__title { 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  position: relative; 
} 


.s-slider-block__title-right h2 { 
  position: relative; 
  display: inline-block; 
  font-size: 1rem; 
  font-weight: bold; 
  color: #1B2A4A; 
  border: 2px solid #1B2A4A; 
  border-radius: 12px; 
  padding: 8px 24px; 
  overflow: hidden; 
  text-transform: uppercase; 
  letter-spacing: 1px; 
} 


/* اللمعة */ 

.s-slider-block__title-right h2::after { 
  content: ""; 
  position: absolute; 
  top: 0; 
  left: -75%; 
  width: 50%; 
  height: 100%; 
  background: linear-gradient( 
    120deg, 
    rgba(255, 255, 255, 0) 0%, 
    rgba(255, 255, 255, 0.6) 50%, 
    rgba(255, 255, 255, 0) 100% 
  ); 
  transform: skewX(-25deg); 
  animation: shineTitle 3s infinite ease-in-out; 
} 


.s-slider-block__title-right:where([dir=rtl],[dir=rtl] *) { 
    padding-left: 0rem; 
} 


@keyframes shineTitle { 
  0% { left: -75%; } 
  100% { left: 125%; } 
} 



/* إخفاء أزرار السلايدر */ 

button.s-slider-next.s-slider-nav-arrow, 
button.s-slider-prev.s-slider-nav-arrow, 
button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled { 
  display: none !important; 
} 



/* ----------------------------------------------------
🔹 الأيقونات (الهيدر – السلة – الحساب)
---------------------------------------------------- */ 

.header-btn__icon, 
.s-cart-summary-icon, 
.sicon-shopping-bag { 
  transition: all 0.3s ease-in-out; 
} 


/* الهوفر */ 

.header-btn:hover .header-btn__icon, 
.s-cart-summary-wrapper:hover .s-cart-summary-icon, 
.s-cart-summary-wrapper:hover .sicon-shopping-bag { 
  color: #1B2A4A; 
  transform: scale(1.2); 
} 



/* ----------------------------------------------------
🔹 تأثير لمعة البنرات
---------------------------------------------------- */ 

.banner-entry::after { 
  content: ""; 
  position: absolute; 
  top: 0; 
  left: -100%; 
  width: 50%; 
  height: 100%; 
  background: linear-gradient( 
    120deg, 
    rgba(255,255,255,0.1) 0%, 
    rgba(255,255,255,0.5) 50%, 
    rgba(255,255,255,0.1) 100% 
  ); 
  transform: skewX(-25deg); 
} 


.banner-entry:hover::after { 
  left: 150%; 
  transition: left 1s ease; 
} 



/* ----------------------------------------------------
🔹 الفوتر
---------------------------------------------------- */ 

.store-footer__inner { 
  background-color: #1B2A4A !important; 
} 

.store-footer {
    background-color: #1B2A4A;
}
.copyright-text p {
    color: rgb(255 255 255);
}

/* ----------------------------------------------------
🔹 كروت المنتجات
---------------------------------------------------- */ 

.s-products-slider-card custom-salla-product-card, 
custom-salla-product-card.s-product-card-entry { 
  border: 2px solid #1B2A4A !important; 
  border-radius: 18px; 
  overflow: hidden; 
  transition: 0.35s ease; 
} 


.s-products-slider-card custom-salla-product-card:hover, 
custom-salla-product-card.s-product-card-entry:hover { 
  transform: translateY(-6px); 
  box-shadow: 0 0 18px rgba(27,42,74,0.45); 
  border-color: #1B2A4A; 
} 


.s-products-slider-card custom-salla-product-card:hover img { 
  transform: scale(1.04); 
  transition: 0.4s ease-in-out; 
} 


.s-basket-gap-card-btn salla-button .s-button-btn {
    border-radius: var(--s-radius, 0.25rem);
    border-width: 1px !important;
    border-color: var(--color-primary) !important;
    background-color: transparent !important;
    color: #ffffff !important;
}
.s-add-product-toast__actions salla-button .s-button-btn.s-button-gray-outline {
    color: rgb(255 255 255);
}
/* ====================================================
🔹 Responsive Mobile
==================================================== */


@media (max-width:768px) {


.s-slider-block__title-right h2 { 

font-size:1.5rem; 

padding:6px 16px; 

border-width:1.5px; 

}



section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container { 

max-width:100% !important; 

margin-top:0 !important; 

padding:0 !important; 

}



.grid.one-row { 

display:grid; 

grid-template-columns:repeat(2,1fr); 

gap:10px; 

}



#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden { 

padding:0; 

}



.s-products-slider-card { 

max-width:185px; 

}



.main-nav-container { 

min-height:56px; 

}



.s-button-element:not(:disabled):not([loading]) { 

font-size:11px; 

}


}

@media (max-width: 768px) {
    .grid.one-row {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
}
/* توزيع الجريد في الموبايل للسكشن 11 */
@media (max-width: 767px) {

  #main-content > section:nth-child(11) > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }


  /* العنصر الأخير في صف لوحده ويتوسط */
  #main-content > section:nth-child(11) > div .banner-entry:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: 50%;
  }


  /* ارتفاع البنرات */
  #main-content > section:nth-child(11) > div .banner-entry {
    height: 100px;
  }
.banner-entry {
    height: 130px;
}
}