/* حاوية عنوان الأقسام */
.main-links-style-2-heading{
  display: flex;
  justify-content: center;
  margin: 24px 0;
}

/* نخفي أي عناصر داخلية زيادة */
.main-links-style-2-heading > *{
  all: unset;
}

/* نص العنوان نفسه */
.main-links-style-2-heading{
  position: relative;
}

/* نص "الأقسام" */
.main-links-style-2-heading::after{
  content: "الأقسام";
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 900px;   /* طول المستطيل */
  height: 56px;

  margin: 0 auto;

  background: linear-gradient(90deg, #8f5bff, #a98bff);
  border-radius: 16px;

  box-shadow:
    0 10px 26px rgba(143,91,255,.55),
    inset 0 0 0 1px rgba(255,255,255,.25);

  color: #fff;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
}


/* إزالة الخط/النقطة (الزخرفة) */
.enhanced-products-slider .section-heading::before,
.enhanced-products-slider .section-title::before,
.enhanced-products-slider .section-heading span::before,
.enhanced-products-slider .section-title span::before,
.enhanced-products-slider .section-heading span::after,
.enhanced-products-slider .section-title span::after{
  display:none !important;
}

/* إزالة Divider (الخط + الدائرة) */
.main-links-style-2-heading-divider,
.section-heading-divider {
  display: none !important;
}

/* إلغاء أي حركات Animate مرتبطة فيها */
.sal-animate {
  animation: none !important;
  transition: none !important;
}

/* لو في pseudo elements (نقطة / خط) */
.main-links-style-2-heading-divider::before,
.main-links-style-2-heading-divider::after,
.section-heading-divider::before,
.section-heading-divider::after {
  content: none !important;
  display: none !important;
}


custom-salla-product-card .product-card.group {
  position: relative !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #0b0b12; /* خلفية الكرت */
}
custom-salla-product-card .product-card.group {
  position: relative !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #0b0b12;
}
custom-salla-product-card .product-card.group {
  position: relative !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #0b0b12; /* خلفية الكرت */
}

/* ✅ Special Store – Card Border (مثل الصورة بالضبط) */

custom-salla-product-card .product-card.group{
  position: relative !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #0b0b12 !important;
}

/* الإطار البنفسجي حول الكرت */
custom-salla-product-card .product-card.group::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  padding: 1.6px;              /* سماكة الإطار */
  background: #9B6CFF;         /* لون الإطار */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* ✅ مهم: يرجّع أي تلاعب سابق بالصورة/أول عنصر */
custom-salla-product-card .product-card.group > :first-child{
  margin: 0 !important;
  padding: 0 !important;
}
custom-salla-product-card .product-card.group > :first-child::before{
  content: none !important;
}
custom-salla-product-card .product-card.group img{
  margin: 0 !important;
  padding: 0 !important;
}



/* زر إضافة للسلة – أبيض مثل أول */
custom-salla-product-card button.product-card-actions-add-to-cart {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #ffffff !important;
  border-radius: 0.75rem !important;
}

/* Hover خفيف (اختياري – نفس الإحساس القديم) */
custom-salla-product-card button.product-card-actions-add-to-cart:hover {
  background: #f5f5f5 !important;
}

/* توحيد حجم زر إضافة للسلة بكل الكروت */
custom-salla-product-card button.product-card-actions-add-to-cart{
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #ffffff !important;

  width: 78% !important;        /* نفس شكل “القديم” */
  min-height: 44px !important;  /* ارتفاع ثابت */
  padding: 12px 18px !important;
  border-radius: 14px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* موبايل: خلي العرض أوسع شوي زي اللي بالصورة */
@media (max-width: 768px){
  custom-salla-product-card button.product-card-actions-add-to-cart{
    width: 85% !important;
    min-height: 46px !important;
  }
}

/* لو أي ستايل من الثيم عم يفرض بادينغ/عرض مختلف */
@media (min-width: 768px){
  custom-salla-product-card .product-card-actions-add-to-cart{
    width: 78% !important;
  }
}




/* عنوان "أكثر مبيعًا" */
h2.enhanced-products-slider-heading-title.section-heading-title {
  background: #9B6CFF !important;     /* نفس البنفسجي */
  color: #ffffff !important;
  padding: 14px 18px !important;
  border-radius: 16px !important;
  text-align: center !important;
  position: relative !important;
  margin: 18px 0 !important;

  box-shadow:
    0 0 22px rgba(155,108,255,0.55),
    0 14px 30px rgba(0,0,0,0.35) !important;
}

/* 1) امسح أي شارة من كل سلايدرات المنتجات */
section.enhanced-products-slider
h2.enhanced-products-slider-heading-title.section-heading-title::after{
  content: none !important;
}

/* 2) فقط (الأكثر مبيعًا) اللي جاي بعد الأقسام مباشرة */
section.main-links-style-2 + section.enhanced-products-slider
h2.enhanced-products-slider-heading-title.section-heading-title{
  position: relative !important;
}

section.main-links-style-2 + section.enhanced-products-slider
h2.enhanced-products-slider-heading-title.section-heading-title::after{
  content: "🔥 الأكثر مبيعًا" !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: linear-gradient(135deg, #ffb000, #ff5a00) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px rgba(255,90,0,0.45) !important;
}



/* ChatGPT section title = نفس ستايل Microsoft */
h2.enhanced-fixed-products-heading-title.section-heading-title {
  background: #9B6CFF !important;
  color: #ffffff !important;
  padding: 14px 18px !important;
  border-radius: 18px !important;
  text-align: center !important;
  box-shadow:
    0 0 22px rgba(155,108,255,0.55),
    0 14px 30px rgba(0,0,0,0.35) !important;
  margin-bottom: 24px !important;
}