@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Cairo:slnt,wght@-11..11,200..1000&family=El+Messiri:wght@400..700&family=Kufam:ital,wght@0,400..900;1,400..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/* نطبّق الخطوط على البودي */
body {
  font-family: 'Kufam', 'Montserrat', sans-serif;
}
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;
}


/* 📱 موبايل (الهوم بيج بس) */
@media (max-width: 767px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 170vh; /* غطّي أول سكشنين */
    background-image: url("https://i.postimg.cc/k5H1BWgk/ondes-sombres-abstraites-avec-des-ombres-de-gradient-texturees-2-4.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}

/* 📲 تابلت (الهوم بيج بس) */
@media (min-width: 768px) and (max-width: 1023px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 220vh; /* بين الموبايل والديسكتوب */
    background-image: url("https://i.postimg.cc/k5H1BWgk/ondes-sombres-abstraites-avec-des-ombres-de-gradient-texturees-2-4.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}

/* 💻 ديسكتوب (الهوم بيج بس) */
@media (min-width: 1024px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 190vh; /* ممكن تزود أو تقلل حسب طول أول سكشنين */
    background-image: url("https://i.postimg.cc/k5H1BWgk/ondes-sombres-abstraites-avec-des-ombres-de-gradient-texturees-2-4.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .text-center.cursor-pointer.side-container.transition-all.duration-1000.ease-in-out.transform.rotate-\[9deg\].hover\:-rotate-3.hover\:scale-110 {
  display : none; 
  }
  .text-center.cursor-pointer.side-container.transition-all.duration-1000.ease-in-out.transform.rotate-\[9deg\].hover\:-rotate-3.hover\:scale-110 { 
    display : none; 
}
.text-center.cursor-pointer.side-container.transition-all.duration-1000.ease-in-out.transform.rotate-\[-15deg\].hover\:rotate-3.hover\:scale-110 {
    display: none;
}
.grid-cols-3 {
    grid-template-columns: unset;
}
}
section.featured-products-slider.mb-8.md\:mb-14.featured-products-slider--4.has-slider.sal-animate,
section.featured-products-slider.mb-8.md\:mb-14.featured-products-slider--8.has-slider.sal-animate {
    margin-top: 40px; 
}
.header-btn__icon,
.s-cart-summary-icon,
.icon {
    color: #000 !important; /* أسود ثابت */
    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 .icon {
    color: #4CB051 !important; /* لون الهوية */
    text-shadow: 0 0 8px rgba(76, 176, 81, 0.6); /* لمعة خفيفة باللون */
    transform: scale(1.1);
}

@media (min-width: 480px) {
    .navbar-brand img {
        max-height: 84px;
        max-width: 170px;
    }
}

@media (max-width: 767px) {
  .s-products-slider-card {
      max-width: 185px;
  }
  .main-nav-container {
      min-height: 56px;
  }
  .s-button-element:not(:disabled):not([loading]) {
      font-size: 11px;
  }
.relative.w-auto.pa-fbanner-star.animate__animated.animate__fadeInUp.custom-dlay-a.mb-\[32px\].duration-300.hover\:opacity-70 { MARGIN-TOP : 57PX ; 
}

}
img.s-product-card-image-contain.lazy.loaded {
BACKGROUND-COLOR: #B5B39E;
}
.featured-products-main-title,
.featured-products-subtitle {
  background: linear-gradient(135deg, #B5B39E, #7A7968, #B5B39E);
  background-size: 200% auto;
  color: transparent !important;
  -webkit-background-clip: text;
  background-clip: text;
  animation: shine 6s linear infinite;
}

@keyframes shine {
  0% { background-position: 200% center; }
  100% { background-position: -200% center; }
}
h2.featured-products-main-title.md\:mb-6.text-xl.md\:text-\[32px\].font-bold {
    PADDING: 18PX;
}
.bg-inherit {
    BACKGROUND-COLOR: WHITE !IMPORTANT;
}