:root {
    --infinte-color: #c9c9c9;
    --main-text-color: #ffffff;
    }
  .s-tabs-header-item.s-tabs-bg-normal {
    background-color: black;
}
/* 📱 موبايل (الهوم بيج بس) */
@media (max-width: 767px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 140vh; /* غطّي أول سكشنين */
    background-image: url("https://i.postimg.cc/MKfs33rC/Frame-1000010224-1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    filter: brightness(0.9); /* تغميق بسيط جدًا */
    z-index: -1;
  }
.md\:w-\[40\%\].w-full.flex.items-end.justify-start.sal-animate {
    display: none;
}
.text-2xl {
    font-size: 17px;
    line-height: 4rem;
}
}

/* 📲 تابلت (الهوم بيج بس) */
@media (min-width: 768px) and (max-width: 1240px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 220vh;
    background-image: url("https://i.postimg.cc/MKfs33rC/Frame-1000010224-1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    filter: brightness(0.9); /* نفس التغميق البسيط */
    z-index: -1;
  }
}

/* 💻 ديسكتوب (الهوم بيج بس) */
@media (min-width: 1024px) {
  body.index::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150vh;
    background-image: url("https://i.postimg.cc/MKfs33rC/Frame-1000010224-1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    filter: brightness(0.9); /* تغميق بسيط */
    z-index: -1;
  }

  .category-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    row-gap: 50px;
    width: 374px;
    margin-right: 435px;
  }
.flex.flex-col.md\:flex-row-reverse.justify-between.items-center {
    height: 960px;
}
.sub-menu.w-56 {
    color: black !important; 
}

/* الروابط داخل القائمة الفرعية */
.sub-menu a span {
    color: #000 !important;
    text-shadow: none !important;
    transition: none !important;
}

/* إلغاء الهوفر على الروابط الفرعية */
.sub-menu a:hover span {
    color: #000 !important;
    text-shadow: none !important;
    transform: none !important;
    background: transparent !important;
}

/* ==============================
   7- أيقونات الهيدر + العربة
============================== */
.header-btn__icon,
.s-cart-summary-icon,
.icon {
    color: #fff !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: #ff4d4d !important;
    text-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
    transform: scale(1.1);
}

/* ==============================
   8- روابط النافبار الرئيسية
============================== */
.main-menu a span {
    color: #fff;
    transition: all 0.3s ease;
}

/* عند الهوفر */
.main-menu a:hover span {
    color: #ff4d4d;
    text-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
    transform: scale(1.05);
}

/* ==============================
   9- أزرار مميزة (البانر)
============================== */
a.fbanner-star-btn.py-\[8px\].px-\[25px\].md\:py-\[10px\].md\:px-\[40px\] {
    border-radius: 25px;
}

/* ==============================
   10- نصوص المنتجات (العنوان + السعر)
============================== */
.s-product-card-content-title a,
.s-product-card-price {
    color: #fff !important;
    transition: color 0.3s ease, transform 0.3s ease;
}

.s-product-card-content-title a:hover {
    color: #000000 !important;
    transform: scale(1.05);
}

/* ==============================
   11- أزرار أسفل الكارد (عرض المزيد + السلة)
============================== */
.s-product-card-content-footer .s-button-text span,
.s-product-card-content-footer i {
    color: #444 !important;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* عند الهوفر */
.s-product-card-content-footer .s-button-text span:hover,
.s-product-card-content-footer i:hover {
    color: #000 !important;
    transform: scale(1.1);
}
@media (min-width: 768px) {
    .md\:mr-10 {
        margin-right: 25.5rem;
    }
}
.font-medium {
    font-weight: 700;
}
.text-\[20px\] {
    font-size: 75px;
    text-decoration: underline #3A3F5B;
}
}



/* يشيل الخلفية من أول ديف فقط */
a.banner-entry.square-photos > div:nth-of-type(1) {
  background-image: none !important;
}
.banner-entry {
  
    background-color: rgb(229 229 229 / 0%);
    }
    .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
    max-width: 393px;
    margin-right: 380px;
}
.bg-\[\#ffedf1\] {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 237, 241, 1);
    background-color: rgb(30 19 21 / 0%);
}
.border-\[\#1d99b0\] {
    --tw-border-opacity: 1;
    border-color: rgb(29 153 176 / 0%);
    border-color: rgb(29 153 176 / 0%);
}
section.s-slider-categories.py-16.bg-\[var\(--color-primary\)\].sal-animate {
    background-color: transparent;
}
.main-nav-container.fixed-pinned {
    background-color: #414042;
    background-color: var(--color-primary);
    color: white;
}
.bg-inherit {
    background-color: #3A3F5B !important;
color:white ;
}
/* 🎨 جعل أيقونات الهيدر باللون الأبيض بدون تأثير على الشكل */
.header-left .header-btn__icon,
.header-left .s-cart-summary-icon path,
.header-left .sicon-shopping-bag {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  transition: color 0.3s ease, fill 0.3s ease;
}

/* 🖱️ تأثير بسيط عند المرور */
.header-left .header-btn:hover .header-btn__icon,
.header-left .s-cart-summary-wrapper:hover svg path {
  opacity: 0.85;
}
ul.list_ul_video_banner.mt-\[30px\].mb-4.list-unstyled.grid.gap-5 {
    color: white;
}
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;
}
.vedio_banner .soura_icon {
  
    background-color:#312C78;
}
h2.text_vedio_content_h2.text-4xl.text-center {
    color: white;
}
/* 🎨 تغيير خلفية السيكشن للون واحد فقط */
.special-offers-section {
  background: #3a3f5b !important; /* يشيل أي جريدانت ويثبت اللون */
}
.inner.bg-inherit {
    color: white; 
}

/* ==============================
   6- القائمة الفرعية (Sub Menu)
============================== */

.w-full.main-content.md\:sticky.md\:overflow-hidden.top-24.md\:w-2\/4.md\:pb-16 {
    color: white;
}
span.accordion.flex.items-center.justify-between.p-\[16px\].mt-\[16px\].mb-.rounded-\[8px\] {
    display: none;
}
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background-color: white;
    color: black;
}
.s-fast-checkout-button.outline {
    background-color: transparent;
    border: 1px solid var(--color-primary);
    color: white;
}

    .s-product-card-content-title a, .s-product-card-price {
        color: #000000 !important;
        transition: color 0.3s 
ease, transform 0.3s 
ease;
    }