body.index {
  background-color: #000 !important; /* خلفية سودة للهوم بيج بس */
}

/* 📱 موبايل (الهوم بيج بس) */
@media (max-width: 767px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160vh; /* غطّي أول سكشنين */
    background-image: url("https://i.postimg.cc/pVZL5YFY/ondes-sombres-abstraites-avec-des-ombres-de-gradient-texturees-1-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/pVZL5YFY/ondes-sombres-abstraites-avec-des-ombres-de-gradient-texturees-1-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: 200vh; /* ممكن تزود أو تقلل حسب طول أول سكشنين */
    background-image: url("https://i.postimg.cc/pVZL5YFY/ondes-sombres-abstraites-avec-des-ombres-de-gradient-texturees-1-4.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
  }
}
button.s-slider-prev svg path,
button.s-slider-next svg path {
  fill: #000000 !important; /* اللون الأسود ثابت */
}

button.s-slider-prev:hover svg path,
button.s-slider-next:hover svg path {
  fill: #000000 !important; /* اللون الأسود ثابت عند الهور */
}
.vedio_banner_content.mt-2 {
    color: white;
}
lord-icon.flex.m-auto {
    --lord-icon-primary: #fff !important;
    --lord-icon-secondary: #000 !important;
    --lord-icon-primary-base: #fff !important;
    --lord-icon-secondary-base: #000 !important;
}
.vedio_banner .soura_icon {
    
    background: linear-gradient(135deg, #9734D8, #C12974) !important;
}
a#activeName{
  background: linear-gradient(135deg, #9734D8, #C12974) !important;
}
@media (min-width: 1024px) {
  #mainnav {
    background-color: #000 !important; /* خلفية سودة */
  }

  #mainnav a,
  #mainnav span,
  #mainnav i,
  #mainnav .s-cart-summary-total,
  #mainnav .s-cart-summary-count {
    color: #fff !important; /* نص أبيض */
    fill: #fff !important;  /* أي أيقونات SVG */
  }

  #mainnav svg path {
    fill: #fff !important; /* أسهم/أيقونات svg باللون الأبيض */
  }
    .main-menu .sub-menu {
   
        background-color: rgb(0 0 0);

}

section.special-offers-section.py-6.px-8.md\:py-12.special-offer-.md\:px-20.sal-animate {
background: linear-gradient(to right, #000000, #000000) !important; 
}
.s-product-card-content{
 background: linear-gradient(135deg, #9734D8, #C12974) !important; 
 }
 .s-add-product-button-mini-checkout-content {
    color: red;
}
.s-product-card-sale-price h4 {
    --tw-text-opacity: 1 !important;
    color: rgb(0 255 4 / 98%) !important;
}
/* الأيقونات كلها (الفونت + الـsvg) */
.header-left i,
.header-left svg path {
  color: #fff;
  fill: #fff;
  transition: all 0.4s ease-in-out;
}

/* هوفر جديد */
.header-left i:hover {
  color: #C12974; /* اللون الثاني */
  transform: scale(1.2) rotate(-5deg);
  text-shadow: 0 0 10px rgba(151, 52, 216, 0.7),
               0 0 20px rgba(193, 41, 116, 0.6);
}

/* svg خاص بالكارت */
.header-left:hover svg path {
  fill: #9734D8; /* اللون الأول */
  transform: scale(1.1);
  filter: drop-shadow(0 0 8px rgba(193, 41, 116, 0.7));
}

}
a.fbanner-star-btn.py-\[8px\].px-\[25px\].md\:py-\[10px\].md\:px-\[40px\] {
 background: linear-gradient(135deg, #9734D8, #C12974) !important;
border-radius: 20px;
}
a.inline-block.text-base.px-8.py-3.rounded-full.font-normal.transition-all.hover\:opacity-90{
 background: linear-gradient(135deg, #9734D8, #C12974) !important;
}
a.p-4.rounded-lg.font-normal.border-1.text-sm.inline-block.items-center.justify-center{
 background: linear-gradient(135deg, #9734D8, #C12974) !important;
}
section.special-offers-section.py-6.px-8.md\:py-12.special-offer-.md\:px-20.sal-animate{

background: linear-gradient(to right, #000000, #000000) !important; 
}
@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.p-5.rounded-md.rounded-b-none.sticky-product-bar.flex.flex-col.bg-bar {
    background-color: #292929;
}
.form-label {
  
    color:white !important;
}
@media (max-width: 767px) {

.sc-1au8ryl-0.dkuywW {
    display: none;
}
div#mainnav {
    background-color: black;
    color: white;
}
.header-left i {
  color: #fff !important;
}

}

.sc-1au8ryl-0.dkuywW {
    display: none;
}
.hrNwue {
    
   background: linear-gradient(to right, #830EA8, #FF6B00);
margin-bottom: 50px !important;
}
.pb-5.container_accordion {
    display: none;
}