/* ------------------------------------  الجريد (البانرات)  ------------------------------------ */
.s-block--banners .grid.two-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.two-row .banner-entry:first-child {
  grid-column: span 1 / span 1;
  grid-row: span 1 / span 2;
}

.lazy__bg.lazy.bg-no-repeat.entered.loaded {
  background-size: cover !important;
}

/* ارتفاع البانرات للديسكتوب فقط */
@media (min-width: 1024px) {
  .s-block--banners .banner-entry {
    height: 433px !important;
  }

 
}

/* الجريد للموبايل */
@media (max-width: 767px) {
  .s-block--banners .grid.two-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ------------------------------------  هوفر احترافي للبانرات  ------------------------------------ */
@media (min-width: 1024px) {
  .banner-entry {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
  }
  .banner-entry .lazy__bg {
    transition: transform 0.45s ease;
  }
  .banner-entry:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.18);
  }
  .banner-entry:hover .lazy__bg {
    transform: scale(1.07);
  }
ul.main-menu {
    color: #F3EBDE;
}
}

/* ------------------------------------  الهيدر والأيقونات  ------------------------------------ */
.main-nav-container.fixed-header .inner {
  background-color: #F3EBDE;
  color: #ffffff;
}

/* لون أيقونات الهيدر */
.header-btn__icon,
.sicon-search,
.sicon-user,
.s-cart-summary-icon,
.sicon-shopping-bag {
  color: #F3EBDE !important;
  fill: #F3EBDE !important;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* هوفر تفاعلي */
.header-btn:hover .header-btn__icon,
.s-cart-summary-wrapper:hover .s-cart-summary-icon,
.s-cart-summary-wrapper:hover .sicon-shopping-bag {
  transform: scale(1.12);
  opacity: 0.8;
}

/* ------------------------------------  أيقونات LORD ICON  ------------------------------------ */
lord-icon.flex.m-auto {
  --lord-icon-primary: #000 !important;
  --lord-icon-secondary: #fff !important;
  --lord-icon-primary-base: #000 !important;
  --lord-icon-secondary-base: #fff !important;
}

/* ------------------------------------  الفوتر  ------------------------------------ */
.store-footer__inner {
  background-color: #213A2C;
}

/* ------------------------------------  بورد & بوتونز  ------------------------------------ */
.s-button-element:not(:disabled):not([loading]) {
  pointer-events: auto;
}

salla-add-product-button salla-button.s-button-wrap.hydrated > button {
  padding: 7px;
  line-height: 24px;
}

/* ------------------------------------  أول بانر (الهيرو)  ------------------------------------ */
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) > .container {
  margin-top: 0;
  max-width: 100%;
  padding: 0;
}

/* الكونتينر داخل كل البانرات ياخد فول ويدث في الهوم بيج */
.index section.s-block.s-block--fixed-banner.wide-placeholder > .container {
  max-width: 100%;
  padding: 0;
}

/* مسافة فوق البلوكات */
@media (min-width: 640px) {
  .s-block {
    margin-top: 8px;
  }
}

/* بانر رقم 5 في الموبايل */
@media (max-width: 767px) {
 
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(8) > .container {
    max-width: 100%;
  }
}
 section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(8) > .container {
    max-width: 100%;
  }
.inner.bg-inherit {
    background-color: #23392C;
}
.banner-entry {
    height: 130px;
    background-size: contain !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) {
    margin-top: 0px;
}
.banner--fixed img {
    background-color: transparent !important;


}
.sub-menu.w-56 {
    color: #23392c;
}
.s-product-card-content-title a {
  
    color: rgb(255 255 255);
}
.s-product-card-content-sub {
    color: white;
}
.s-product-options-thumbnails-wrapper div p {
    font-size: 15px;
    color: rgb(3 82 28);
    font-weight: bold;
}