/* تحكم في المسافة فوق البانر — الأب المباشر فقط */
:has(> .esct-banner){
  margin-top: 0 !important;
  padding-top: 0 !important;   /* كانت 24px */
}

/* خط لايم تحت الفئة — ثابت ولا يتكسر مع القوائم المنسدلة */
#mainnav a,
.main-nav-container a{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.2 !important;
  border-bottom: 3px solid transparent !important;  /* مكان محجوز للخط */
  transition: border-color .15s, color .15s;
}

#mainnav a:hover,
#mainnav a.active,
#mainnav a[aria-current],
.main-nav-container a:hover,
.main-nav-container a.active{
  color: #12141C !important;
  background-color: transparent !important;
  text-decoration: none !important;                 /* نلغي الخط القديم */
  border-bottom-color: #C4F82A !important;           /* الخط اللايم */
}

/* ===== توحيد صور المنتجات ===== */
.s-product-card-image{
  background:#ffffff !important;      /* خلفية بيضا موحّدة لكل الكروت */
  border-radius:12px;
  overflow:hidden;
}
.s-product-card-image-contain{
  width:100% !important;
  aspect-ratio:1 / 1 !important;      /* كل الصور مربّعة بنفس النسبة */
  object-fit:contain !important;      /* المنتج كامل بدون قص */
  padding:16px !important;            /* هامش داخلي ثابت — حجم متساوي */
  background:#ffffff !important;
  mix-blend-mode:multiply;           /* يدمج الخلفيات الرمادية الفاتحة مع الأبيض */
}

/* ===== توحيد صور المنتجات + watermark أيقونة ESCOT ===== */
.s-product-card-image{
  position:relative;
  background:#ffffff !important;
  border-radius:12px;
  overflow:hidden;
}

/* الأيقونة كعلامة مائية خفيفة خلف المنتج */
.s-product-card-image::after{
  content:"";
  position:absolute; inset:0; z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='none' stroke='%2312141C' stroke-linecap='round'%3E%3Ccircle cx='256' cy='256' r='118' stroke-width='46'/%3E%3Cpath d='M230 211 A52 52 0 1 1 282 301' stroke-width='22'/%3E%3C/g%3E%3Ccircle cx='256' cy='256' r='18' fill='%2312141C'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:55%;
  opacity:.06;              /* شدة الووتر مارك — كبّرها لـ .09 لو عايزها أوضح */
  pointer-events:none;
}

/* المنتج فوق الووتر مارك */
.s-product-card-image-contain{
  position:relative; z-index:1;
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  object-fit:contain !important;
  padding:16px !important;
  mix-blend-mode:multiply;   /* يخلي الأبيض شفاف فيبان الووتر مارك خلفه */
}

/* محاذاة اللوجو والتابات في نفس المستوى داخل الهيدر اللاصق */
#mainnav .flex.items-stretch.justify-between{
  align-items: center !important;
}

/* عنصر التابات يتمركز رأسياً بدل ما يتمدّد */
#mainnav custom-main-menu{
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  height: auto !important;
}

/* اللوجو والأيقونات كمان في النص */
#mainnav .navbar-brand,
#mainnav .items-center.justify-end{
  align-self: center !important;
}

/* ===== زر "إضافة للسلة" الأساسي — مصمت بلون الحبر ===== */
.s-button-primary-outline,
.s-product-card .s-button-element{
  background-color:#12141C !important;   /* حبر */
  color:#C4F82A !important;               /* نص لايم */
  border:2px solid #12141C !important;
  font-weight:700 !important;
  transition:transform .15s ease, background-color .15s ease !important;
}

/* الأيقونة جوّه الزر بلون اللايم كمان */
.s-button-primary-outline svg,
.s-product-card .s-button-element svg{
  color:#C4F82A !important;
  fill:#C4F82A !important;
}

/* عند المرور (hover) — لمسة حركة خفيفة */
.s-button-primary-outline:hover,
.s-product-card .s-button-element:hover{
  background-color:#1c1f2b !important;    /* حبر أفتح شوية */
  transform:translateY(-2px);
}

/* أيقونة قائمة الموبايل — ٣ شرايط سادة بلون الحبر */
.mburger{
  background: transparent !important;   /* بدون خلفية */
  padding: 0 !important;
  border: none !important;
}
.mburger .sicon-menu{
  color: #12141C !important;   /* حبر */
  font-size: 26px !important;  /* حجم طبيعي واضح — قلّله لـ 24px لو عايزه أصغر */
}

/* توسيط اللوجو في هيدر الموبايل */
@media (max-width: 768px){
  #mainnav .flex.items-stretch.justify-between{
    justify-content: space-between !important;
    align-items: center !important;
  }
  #mainnav .navbar-brand{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
  }
}

/* الديسكتوب فقط — رفع صف الفئات ليحاذي اللوجو في الوضع الكامل */
@media (min-width: 769px){
  #mainnav custom-main-menu{
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
  }
  #mainnav #mobile-menu.main-menu,
  #mainnav .main-menu.mm-spn--open{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  #mainnav .flex.items-stretch.justify-between{
    align-items: center !important;
  }

  .s-block--bundle-html-content{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  #mainnav:not(.fixed-header){
    background: #ffffff !important;
    box-shadow: none !important;
  }
  #mainnav.fixed-header{
    background: #ffffff !important;
  }
}

/* الموبايل — خلفية بيضاء صريحة + تصفير الفجوة فوق البانر */
@media (max-width: 768px){
  #mainnav:not(.fixed-header){
    background: #ffffff !important;
    box-shadow: none !important;
  }
  #mainnav:not(.fixed-header) .inner{
    background: transparent !important;
  }
  #mainnav.fixed-header .inner{
    background: #ffffff !important;
  }
  #mainnav.fixed-header{
    background: #ffffff !important;
  }
  .s-block--bundle-html-content{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}