@media (min-width: 1025px) {
      .banner-entry {
        height: 365px;
    }
#main-content > section:nth-child(4)  {
  width: 212%;
  background-size: cover;
}
#main-content > section:nth-child(4) > div > a:nth-child(1) {
    height: 100%;
    left: 40%;
    width: 146%;
}
#main-content > section:nth-child(4) > div > a:nth-child(4) {
    width: 208%;
}
/* أول بانر بس من غير مارجن توب وياخد فول ويدث */
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  margin-top: 0;
  max-width: 80%;
}

/* الكونتينر داخل البانر ياخد كامل العرض */
.index section.s-block.s-block--fixed-banner.wide-placeholder > .container {
  max-width: 80%;
  padding: 0;
}
/* البانر الأول ياخد ارتفاع كامل */
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top: 0;
  height: 100%;
  overflow: hidden;
}
}

#main-content > section:nth-child(2) > div > a:nth-child(1).banner-entry {
  height: 518px;
}
#main-content > section:nth-child(2) > div > a:nth-child(2).banner-entry {
    height: 518px;
}
@media (max-width: 768px) {
  #main-content > section:nth-child(2) > div > a:nth-child(1).banner-entry {
    height: 310px;
  }

  #main-content > section:nth-child(2) > div > a:nth-child(2).banner-entry {
    height: 310px;
  }

.banner-entry {
        height: 353px;
    }
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  margin-top: 0;
  max-width: 100%;
}

/* الكونتينر داخل البانر ياخد كامل العرض */
.index section.s-block.s-block--fixed-banner.wide-placeholder > .container {
  max-width: 100%;
  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,
    #5E7E89,
    #70929E,
    #5E7E89,
    #8FB0BA
  );
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  box-shadow:
    0 0 8px rgba(112,146,158,0.55),
    0 0 20px rgba(112,146,158,0.35) 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;
}

/* Hover */
.s-button-element:hover {
  transform: scale(1.05);
  box-shadow:
    0 0 15px #70929E,
    0 0 30px rgba(143,176,186,0.7) inset;
}

/* ================== كارت المنتج ================== */
.s-product-card-entry {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  color: #fff;
  transition: all 0.5s ease-in-out;
  background: linear-gradient(
    270deg,
    #5E7E89,
    #70929E,
    #5E7E89,
    #8FB0BA
  );
  background-size: 600% 600%;
  animation: card-gradient-move 8s ease infinite;
  box-shadow: 0 4px 12px rgba(112,146,158,0.35);
}

/* Hover للكارد */
.s-product-card-entry:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow:
    0 12px 25px rgba(112,146,158,0.55),
    0 0 15px rgba(112,146,158,0.6) inset;
}

/* صورة المنتج */
.s-product-card-entry:hover .s-product-card-image img {
  transform: translateY(-10px) scale(1.08);
  transition: transform 0.5s ease-in-out;
  filter: brightness(1.1) saturate(1.15);
}

/* ================== العنوان ================== */
.s-product-card-content-title a {
  color: #fff;
  transition: all 0.4s ease;
  position: relative;
}

.s-product-card-content-title a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: #8FB0BA;
  transition: width 0.4s ease;
}

.s-product-card-entry:hover .s-product-card-content-title a::after {
  width: 100%;
}

/* ================== السعر ================== */
.s-product-card-price {
  color: #fff;
  font-weight: 600;
}

/* ================== زرار داخل الكارد ================== */
.s-product-card-entry:hover .s-button-element {
  background: linear-gradient(
    270deg,
    #5E7E89,
    #70929E,
    #8FB0BA
  );
  color: #fff !important;
  transform: scale(1.05);
  box-shadow:
    0 0 15px #70929E,
    0 0 30px rgba(143,176,186,0.7) inset;
}

/* ================== Animations ================== */
@keyframes gradient-move {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes card-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; }
}

@keyframes cart-slide-out {
  0% { transform: translateX(0); opacity: 1; }
  100% { transform: translateX(-50px); opacity: 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;
}
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  max-width: 100%;
  margin-top: 0;
padding:0;
}



.lazy__bg.lazy {
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  will-change: transform;
  cursor: pointer;
}

.lazy__bg.lazy:hover {
  transform: scale(1.05) translateY(-4px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}
.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: #70929E;
  transform: scale(1.2);
}
.store-footer__inner,
.store-footer {
  background-color: #70929E !important;
}
@media (max-width: 767px) {
 /* Swiper adjustments */
  #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;
  }
#main-content > section:nth-child(6) > div > a > img {
    height: 125px;
}
}