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) {
    .md\:grid-cols-3 {
    grid-template-columns: repeat(5,minmax(0,1fr));
}
.banner-entry {
    height: 270px;
}
}
.two-row .banner-entry:first-child {
    grid-column: span 1 / span 1; /* امتداد عمود واحد */
    grid-row: span 1 / span 2;    /* امتداد صفين */
}
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  max-width: 100%;
  margin-top: 0;
padding:0;
  
}


/* أول بانر بس من غير مارجن توب وياخد فول ويدث */
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  margin-top: 0;
  max-width: 100%;
}

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top: 0;
}
/* =========================================================
   🟢 كاردات المنتجات
   ========================================================= */
.s-product-card-entry {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(270deg, #5DB13F, #81D88A, #5DB13F, #70C66E);
  color: #fff; /* نص الكارد أبيض دائمًا */
  transition: all 0.5s ease-in-out;
  box-shadow: 0 4px 12px rgba(93,177,63,0.3);
  background-size: 600% 600%;
  animation: card-gradient-move 8s ease infinite;
}

/* نصوص الكارد */
.s-product-card-content-title a,
.s-product-card-price {
  color: #fff !important; /* أبيض دائمًا */
}

/* Hover effect للكارد */
.s-product-card-entry:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 12px 25px rgba(93,177,63,0.5), 0 0 15px #5DB13F inset;
}

/* نصوص الكارد عند Hover */
.s-product-card-entry:hover .s-product-card-content-title a,
.s-product-card-entry:hover .s-product-card-price {
  color: #fff !important; /* يظل أبيض عند Hover */
}

/* Hover للزر داخل الكارد */
.s-product-card-entry:hover .s-button-element {
  background: linear-gradient(270deg, #5DB13F, #81D88A, #70C66E);
  color: #fff !important; /* النص أبيض */
  border-color: #5DB13F !important;
  transform: scale(1.05);
  box-shadow: 0 0 15px #5DB13F, 0 0 30px #81D88A inset;
}

/* =========================================================
   🎯 زر إضافة للسلة
   ========================================================= */
button[product-type="product"] {
  background: #5DB13F; 
  border: 2px solid #5DB13F;
  color: #fff !important; /* النص أبيض */
  border-radius: 10px;
  padding: 12px 18px;
  transition: 0.35s ease-in-out;
  position: relative;
  overflow: hidden;
}

button[product-type="product"]:hover {
  background: transparent;
  color: #fff !important; /* نص الزر أبيض عند Hover */
  border-color: #5DB13F;
}

button[product-type="product"]:hover .s-button-text span {
  color: #fff !important; /* نص الزر أبيض */
}

button[product-type="product"]:hover .sicon-shopping-bag {
  color: #fff !important; /* أيقونة السلة أبيض */
  animation: cartShake 0.6s ease-in-out infinite;
}
.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: #5DB13F;
  transform: scale(1.2);
}
.store-footer__inner,
.store-footer {
  background-color: #5DB13F !important;
}
/* فقط لأجهزة الموبايل */
@media (max-width: 767px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .banner-entry {
        height: 220px;
    }
}
@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;

}
#main-content > section.s-block.s-block--banners.container > div > a:nth-child(4) {
    right: 70%;
}
#main-content > section.s-block.s-block--banners.container > div > a:nth-child(5) {
    right: 70%;
}
}