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;
}

---------------------
/* خلي الكونتينر داخل سلايدر الصور ياخد كامل العرض */
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;
}
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;
}
@media (min-width: 1024px) {
  .navbar-brand img {
    max-height: 6rem;
  }
}
.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {
  display: flex;
  justify-content: center; /* يوسّط أفقيًا */
  align-items: center;     /* يوسّط عموديًا (لو في ارتفاع) */
  width: 100%;             /* ياخد عرض كامل */
  text-align: center; 
  margin-bottom: 15px;

}

.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) h2 {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  color: #F9B23B;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ✨ ديكور خفيف تحت العنوان */
.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) h2::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: linear-gradient(90deg, transparent, #F9B23B, transparent);
  border-radius: 2px;
  opacity: 0.8;
}
.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;
}
@media (min-width: 1024px) {
  /* نخلي العنوان والأزرار جوه نفس الديف متوزعين */
  /* 🎯 ضبط مكان العنوان */
  .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: 2rem;
    font-weight: bold;
    color: #D1BF81; /* ✅ لون الهوية */
    border: 2px solid #D1BF81; /* ✅ نفس اللون في البوردر */
    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(209, 191, 129, 0) 0%,   /* ✅ نفس اللون ولكن شفاف */
      rgba(209, 191, 129, 0.6) 50%,
      rgba(209, 191, 129, 0) 100%
    );
    transform: skewX(-25deg);
    animation: shineTitle 3s infinite ease-in-out;
  }

  /* 💫 حركة اللمعة */
  @keyframes shineTitle {
    0% {
      left: -75%;
    }
    100% {
      left: 125%;
    }
  }

  .s-slider-block__title-right:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem;
  }
}
button.s-slider-next.s-slider-nav-arrow {
    display: none;
}
button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled {
    display: none;
}
button.s-slider-prev.s-slider-nav-arrow {
    display: none;
}
.s-button-element {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 2px solid #997F53;
  color: #997F53;
}

.s-button-element:hover {
  background-color: #997F53;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(153, 127, 83, 0.4);
}

.s-button-element::before {
  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);
}

.s-button-element:hover::before {
  animation: shine 0.8s forwards;
}

@keyframes shine {
  100% { left: 125%; }
}
.s-products-slider-card {
  transition: all 0.4s ease;
}

.s-products-slider-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.s-products-slider-card .s-product-card-image img {
  transition: transform 0.5s ease;
}

.s-products-slider-card:hover .s-product-card-image img {
  transform: scale(1.05);
}
.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: #D1BF81;         /* لون الهوية */
  transform: scale(1.2);  /* تكبير بسيط */
}





/* تدرج لوني للأيقونات */
.header-btn__icon,
.s-cart-summary-icon,
.s-cart-summary-total {
  background: linear-gradient(90deg, #D1BF81, #D1BF81);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* السعر فوق السلة بالجراديانت */
.s-cart-summary-total {
  background: linear-gradient(#D1BF81, #D1BF81, #D1BF81);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

/* رقم السلة داخل دائرة */
.s-cart-summary-count {
  background-color: #D1BF81;
  color: #800020;
  font-weight: bold;
  border-radius: 50%;
  padding: 2px 6px;
  display: inline-block;
  min-width: 20px;
  text-align: center;
}

/* تأثير hover على أيقونات السلة والبروفايل */
.s-cart-summary-wrapper:hover i.header-btn__icon,
.s-cart-summary-wrapper:hover i.sicon-shopping-bag,
.header-btn:hover i.header-btn__icon {
  transform: scale(1.1) rotate(-5deg) translate(3px, -3px);
  transition: transform 0.3s ease;
  color: #D1BF81;
}

/* العودة للوضع الطبيعي للأيقونات */
.s-cart-summary-wrapper i.header-btn__icon,
.s-cart-summary-wrapper i.sicon-shopping-bag,
.header-btn i.header-btn__icon {
  transition: transform 0.3s ease;
  color: #D1BF81;
}
وضع صفحه السله في المنتصف مع اي كود راذد 
.pt-5.flex.flex-col.items-start.lg\:flex-row.pb-6.lg\:pb-20 {
    justify-content: center;
}
@media(max-width:767px){
#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: 767px) {
  .grid.one-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* صفين فوق */
    gap: 10px;
  }

  /* خلي العنصر الأخير في صف لوحده ويتوسّط */
  .grid.one-row .banner-entry:last-child {
    grid-column: 1 / -1;        /* يخليها تاخد عرض الجريد كله */
    justify-self: center;       /* توسيط العنصر */
    width: 70%;                 /* عرض أصغر شوي */
  }
}