/****************************************************
2) إزالة خطوط عناوين الأقسام
****************************************************/
.enhanced-title-border,
.home-block-line,
span.enhanced-title-border.home-block-line {
  display: none !important;
  border: 0 !important;
  background: none !important;
  height: 0 !important;
}

/****************************************************
3) لون عناوين الأقسام
****************************************************/
h2:not([class]),
h3:not([class]),
h2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl,
h3.mt-6.text-base.font-semibold.leading-7.tracking-tight.text-store-text-primary,
p.mt-2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl {
  color: #9A73FF !important;
}

/****************************************************
4) ضبط عناوين الأقسام الرئيسية
****************************************************/
h2.text-3xl {
  font-size: 24px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 1.5rem !important;
}

/****************************************************
5) ضبط بطاقات المنتجات داخل السلايدر
****************************************************/
.s-slider-container .s-products-slider-card {
  max-width: 232px !important;
  width: 232px !important;
  margin: 0 auto !important;
}

.s-slider-container .s-products-slider-card .product-card__image {
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  padding: 0 !important;
}

.s-slider-container .s-products-slider-card .product-card__image img,
.product-card__image img.h-full,
.product-card__image img.second-image,
.product-card__image img.main-image {
  width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/****************************************************
6) مسافات السلايدرات
****************************************************/
.swiper.s-slider-container {
  margin-bottom: 40px !important;
}

.advanced-slider--0 .swiper.s-slider-container,
.slider-wrap .s-slider-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.slider-wrap + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/****************************************************
7) قسم الأكثر مبيعاً
****************************************************/
#best-offers-1-slider {
  margin-top: 22px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#best-offers-1-slider + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/****************************************************
8) إخفاء الشراء السريع في صفحة المنتج
****************************************************/
.sticky-product-bar .s-fast-checkout-button {
  display: none !important;
}

/****************************************************
9) إخفاء رابط المدونة
****************************************************/
a[href="https://mo67af.net/blog"] {
  display: none !important;
}

/****************************************************
11) إخفاء أزرار عرض الكل المحددة
****************************************************/
a.btn.btn--outline-primary[href*="rZWlRr"],
.flex.items-center.gap-8.mt-5:has(a[href*="jRXwlm"]) {
  display: none !important;
}

.flex.items-center.gap-8.mt-5 {
  margin-top: 12px !important;
}

.flex.items-center.gap-8.mt-5 span.h-px {
  opacity: 0.4 !important;
}
a.btn.btn--outline-primary[href*="mWYVlj"] {
  display: none !important;
}

/****************************************************
12) خيارات اللون في صفحة المنتج
****************************************************/
.s-product-options-option-label b > span {
  display: none !important;
}

.s-product-options-option[data-option-type="color"] {
  width: 100% !important;
  margin-top: 10px !important;
  margin-bottom: 15px !important;
  overflow: visible !important;
}

.s-product-options-colors-wrapper {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}

/****************************************************
13) إخفاء سكرول الصور المصغرة فقط
****************************************************/
.s-slider-thumbs .swiper-scrollbar,
.product-single__slider .swiper-scrollbar {
  display: none !important;
}
.s-slider-thumbs .swiper-slide[style*="visibility: hidden"] {
  display: none !important;
}
.card-color-swatches {
  display: flex !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 6px 0 8px !important;
}










.card-color-swatches {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 8px 0 10px !important;
  flex-wrap: wrap !important;
}

.card-color-swatches span {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  display: block !important;
  border: 1.5px solid #ddd !important;
}






/* =========================
   هيدر شفاف احترافي للجوال
========================= */
@media (max-width: 768px) {

  /* الهيدر الأساسي */
  header,
  .store-header,
  .main-header,
  .site-header,
  .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;

    height: 66px !important;
    min-height: 66px !important;

    background: transparent !important;
    box-shadow: none !important;
    border: none !important;

    transition: all .3s ease;
    z-index: 9999 !important;
  }

  /* بعد السكرول */
  body.scrolled header,
  body.scrolled .store-header,
  body.scrolled .main-header,
  body.scrolled .site-header,
  body.scrolled .navbar {
    height: 75px !important;
    min-height: 75px !important;

    background: rgba(255,255,255,0.12) !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }

  /* إزالة الطبقة الثانية */
  header .inner,
  .store-header .inner,
  .main-header .inner,
  .site-header .inner,
  .navbar .inner {
    height: inherit !important;
    min-height: inherit !important;

    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* الكونتينر الداخلي */
  header .container,
  header .flex.items-stretch.justify-between.relative,
  .flex.items-stretch.justify-between.relative {

    height: 66px !important;
    min-height: 66px !important;

    padding: 0 14px !important;

    align-items: center !important;

    background: transparent !important;

    transition: all .3s ease;
  }

  /* الكونتينر بعد السكرول */
  body.scrolled header .container,
  body.scrolled header .flex.items-stretch.justify-between.relative,
  body.scrolled .flex.items-stretch.justify-between.relative {

    height: 75px !important;
    min-height: 75px !important;

    background: transparent !important;
  }

  /* اللوقو قبل السكرول */
  .navbar-brand img,
  .logo-normal {

    width: 78px !important;
    max-height: 52px !important;

    height: auto !important;
    object-fit: contain !important;

    transition: all .3s ease;
  }

  /* اللوقو بعد السكرول */
  body.scrolled .navbar-brand img,
  body.scrolled .logo-normal {

    width: 86px !important;
    max-height: 54px !important;
  }

  /* الأيقونات */
  .header-btn__icon,
  .sicon-menu,
  .sicon-cart,
  .sicon-user,
  .sicon-search,
  .s-cart-summary-icon svg {

    font-size: 25px !important;
    width: 25px !important;
    height: 25px !important;

    color: #111 !important;

    transition: all .3s ease;
  }

  /* الأيقونات بعد السكرول */
  body.scrolled .header-btn__icon,
  body.scrolled .sicon-menu,
  body.scrolled .sicon-cart,
  body.scrolled .sicon-user,
  body.scrolled .sicon-search,
  body.scrolled .s-cart-summary-icon svg {

    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
  }

  /* رقم السلة */
  .s-cart-summary-count {

    width: 20px !important;
    height: 20px !important;

    font-size: 11px !important;
  }

  /* إزالة أي خلفيات إضافية */
  .s-cart-summary-wrapper,
  #s-cart-icon {

    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* منع نزول البنر */
  .main-slider,
  .home-slider,
  .s-block--hero-slider,
  salla-slider {

    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/****************************************************
إخفاء زر عرض الكل لقسم محدد
****************************************************/

a.btn.btn--outline-primary[href*="yzjlKb"] {
  display: none !important;
}

/* إخفاء الحاوية كاملة عشان مايبقى فراغ */
.flex.items-center.gap-8.mt-5:has(a[href*="yzjlKb"]) {
  display: none !important;
}