.social-footer-box {
  width: 100%;
  margin: 40px 0 60px;
  display: flex;
  justify-content: center;
  direction: rtl;
  font-family: inherit;
}

.social-footer-card {
  max-width: 1100px;
  width: calc(100% - 40px);
  background: #ffffff;
  border-radius: 26px;
  padding: 26px 60px 32px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .05);
}

.social-footer-card .social-title {
  font-size: 19px;
  font-weight: 800;
  margin-bottom: 28px;
  color: #231f20;
}

.social-footer-card .social-grid {
  display: flex;
  justify-content: center;
  gap: 42px;
  flex-wrap: wrap;
}

.social-footer-card .social-item {
  text-decoration: none !important;
  color: #231f20 !important;
  font-size: 14px;
  font-weight: 600;
  transition: transform .2s ease;
}

.social-footer-card .social-item:hover {
  transform: translateY(-4px);
}

.social-footer-card .icon-circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #231f20;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 9px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .14);
  transition: transform .2s ease, box-shadow .2s ease;
}

.social-footer-card .social-item:hover .icon-circle {
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .20);
}

.social-footer-card .icon-circle i {
  color: #ffffff;
  font-size: 30px;
  line-height: 1;
}

@media (max-width: 767px) {
  .social-footer-box {
    margin: 26px 0 42px;
  }

  .social-footer-card {
    width: calc(100% - 24px);
    padding: 20px 16px 24px;
    border-radius: 20px;
  }

  .social-footer-card .social-title {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .social-footer-card .social-grid {
    gap: 22px;
  }

  .social-footer-card .icon-circle {
    width: 60px;
    height: 60px;
  }

  .social-footer-card .icon-circle i {
    font-size: 24px;
  }

  .social-footer-card .social-item {
    font-size: 12px;
  }
}








/* عنوان قسم المنتجات */
.index .s-block--custom-products h2[data-selia="home-custom-products-title"],
.index .s-block--custom-products h2 {
  font-family: "Tajawal", sans-serif !important;
  font-weight: 700 !important;
  font-size: 34px !important;
  color: #111111 !important;
  line-height: 1.4 !important;
  margin-bottom: 14px !important;
}

/* حجم العنوان على الجوال */
@media (max-width: 767px) {
  .index .s-block--custom-products h2[data-selia="home-custom-products-title"],
  .index .s-block--custom-products h2 {
    font-size: 22px !important;
    line-height: 1.5 !important;
  }
}

/* الخط الزخرفي والدائرة تحت العنوان */
.index .s-block--custom-products .enhanced-title-border,
.index .s-block--custom-products .enhanced-title-border::before,
.index .s-block--custom-products .enhanced-title-border::after,
.index .s-block--custom-products .enhanced-title-border span,
.index .s-block--custom-products .enhanced-title-border div {
  background-color: #B89B68 !important;
  border-color: #B89B68 !important;
  opacity: 1 !important;
}

/* زر عرض الكل */
.index .s-block--custom-products a[data-selia="home-custom-products-view-all"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background-color: #111111 !important;
  color: #FFFFFF !important;
  font-family: "Tajawal", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 12px 26px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  border: none !important;
  transition: all 0.25s ease !important;
}

/* تأثير عند المرور على زر عرض الكل */
.index .s-block--custom-products a[data-selia="home-custom-products-view-all"]:hover {
  background-color: #6B4A3A !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

/* إزالة الخط السفلي من زر عرض الكل */
.index .s-block--custom-products a[data-selia="home-custom-products-view-all"] span.absolute.bottom-0 {
  display: none !important;
}

/* ضبط زر عرض الكل على الجوال */
@media (max-width: 767px) {
  .index .s-block--custom-products a[data-selia="home-custom-products-view-all"] {
    font-size: 14px !important;
    padding: 10px 22px !important;
    border-radius: 6px !important;
  
}












  /* 1. خلفية القسم بيضاء */
.index section.s-block--testimonials {
  background-color: #FFFFFF !important;
}

/* 2. عنوان "آراء العملاء" باللون الأسود وخط Tajawal ووزن عريض */
.index .s-block--testimonials h2[data-selia="home-testimonials-title"] {
  font-family: 'Tajawal', sans-serif !important;
  font-weight: bold !important;
  color: #111111 !important;
}

/* 3. الخط الزخرفي والدائرة تحت العنوان باللون الذهبي الهادئ */
.index .s-block--testimonials .enhanced-title-border,
.index .s-block--testimonials .home-block-line { /* التأكد من استهداف الكلاسين المحتملين */
  background-color: #B89B68 !important;
  opacity: 1 !important; /* لضمان الوضوح الكامل */
}

/* 4. تحويل كل رأي عميل إلى بطاقة بيضاء مستقلة بحد خفيف وزوايا دائرية وظل ناعم */
.index .s-block--testimonials .testimonials-item {
  background-color: #FFFFFF !important;
  border: 1px solid #E5E5E5 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  padding: 20px !important; /* زيادة المسافة الداخلية للبطاقة */
  margin: 10px !important; /* مسافة بين البطاقات */
}

/* 5. إزالة الفواصل العمودية القديمة بين الآراء (إذا كانت موجودة كـ border-right مثلاً) */
/* الثيم لا يستخدم فواصل عمودية صريحة، لكن هذا يضمن عدم وجودها */
.index .s-block--testimonials .testimonials-item:not(:last-child) {
  border-right: none !important;
}

/* 6. النجوم تكون باللون الذهبي الهادئ */
.index .s-block--testimonials salla-rating-stars .sicon-star2 {
  color: #B89B68 !important;
}

/* 7. أسماء العملاء بالأسود */
.index .s-block--testimonials .testimonials__card-header h3 {
  color: #111111 !important;
  font-weight: bold !important; /* لضمان بروز الاسم */
}

/* 8. نصوص الآراء بالرمادي الغامق */
.index .s-block--testimonials .review {
  color: #333333 !important;
  font-size: 15px !important; /* حجم نص معقول */
  line-height: 1.6 !important; /* تباعد أسطر مريح */
}

/* 9. زر "عرض الكل" يكون أسود والنص أبيض مع زوايا دائرية */
.index .s-block--testimonials a.btn--outline-primary {
  background-color: #111111 !important;
  color: #FFFFFF !important; /* لون النص على الزر */
  border-color: #111111 !important; /* لون حدود الزر */
  border-radius: 8px !important; /* زوايا دائرية */
  padding: 10px 20px !important; /* تحسين حجم الزر */
  transition: background-color 0.3s ease, color 0.3s ease !important; /* إضافة انتقال للحركة */
}

.index .s-block--testimonials a.btn--outline-primary:hover {
  background-color: #333333 !important; /* لون أغمق عند التمرير */
  border-color: #333333 !important;
}

.index .s-block--testimonials a.btn--outline-primary span {
  color: #FFFFFF !important; /* التأكد من لون النص داخل الـ span */
}

/* تعديل أيقونة زر "عرض الكل" */
.index .s-block--testimonials a.btn--outline-primary .sicon-keyboard_arrow_left {
  color: #FFFFFF !important; /* لون الأيقونة أبيض */
}

/* تحسين الشكل على الجوال - التأكد من التجاوب */
@media (max-width: 767px) {
  .index .s-block--testimonials .testimonials-item {
    margin: 8px 0 !important; /* مسافة أقل بين البطاقات في الجوال */
    padding: 15px !important;
  }

  .index .s-block--testimonials h2[data-selia="home-testimonials-title"] {
    font-size: 28px !important; /* حجم خط أصغر للعنوان في الجوال */
  }

  .index .s-block--testimonials a.btn--outline-primary {
    width: 100% !important; /* جعل زر "عرض الكل" يأخذ عرض كامل في الجوال */
    text-align: center !important;
    justify-content: center !important;
  }
}







  /* زر أضف إلى السلة + زر الشراء السريع في صفحة المنتج */
.product-single salla-add-product-button button,
.product-single salla-add-product-button .s-button-element,
.product-single .s-add-product-button-main button,
.product-single .s-add-product-button-main .s-button-element,
.product-single salla-mini-checkout-widget button,
.product-single salla-mini-checkout-widget .s-button-element {
  background-color: #111111 !important;
  color: #FFFFFF !important;
  border: 1px solid #111111 !important;
  border-radius: 4px !important;
}

/* النصوص والأيقونات داخل الأزرار */
.product-single salla-add-product-button button *,
.product-single salla-add-product-button .s-button-element *,
.product-single .s-add-product-button-main button *,
.product-single .s-add-product-button-main .s-button-element *,
.product-single salla-mini-checkout-widget button *,
.product-single salla-mini-checkout-widget .s-button-element * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* عند المرور */
.product-single salla-add-product-button button:hover,
.product-single salla-add-product-button .s-button-element:hover,
.product-single .s-add-product-button-main button:hover,
.product-single .s-add-product-button-main .s-button-element:hover,
.product-single salla-mini-checkout-widget button:hover,
.product-single salla-mini-checkout-widget .s-button-element:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

/* حالة الزر غير المفعل */
.product-single salla-add-product-button button:disabled,
.product-single salla-add-product-button .s-button-element:disabled,
.product-single salla-mini-checkout-widget button:disabled,
.product-single salla-mini-checkout-widget .s-button-element:disabled {
  background-color: #F2F2F2 !important;
  color: #B5B5B5 !important;
  border-color: #E5E5E5 !important;
  opacity: 1 !important;
}













  /* زر اشترِ الآن - mini checkout في صفحة المنتج */
.product-single .s-add-product-button-main salla-mini-checkout-widget,
.product-single section.sticky-product-bar salla-add-product-button div.s-add-product-button-main salla-mini-checkout-widget {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #111111 !important;
  background-color: #111111 !important;
  color: #FFFFFF !important;
  border: 1px solid #111111 !important;
  border-radius: 4px !important;
  opacity: 1 !important;
  height: 44px !important;
}

/* زر اشترِ الآن لو داخله button */
.product-single .s-add-product-button-main salla-mini-checkout-widget button,
.product-single .s-add-product-button-main salla-mini-checkout-widget .s-button-element,
.product-single .s-add-product-button-main salla-mini-checkout-widget .s-button-btn {
  background: #111111 !important;
  background-color: #111111 !important;
  color: #FFFFFF !important;
  border: 1px solid #111111 !important;
  border-radius: 4px !important;
  opacity: 1 !important;
  height: 44px !important;
}

/* النصوص والأيقونات داخل زر اشترِ الآن */
.product-single .s-add-product-button-main salla-mini-checkout-widget *,
.product-single .s-add-product-button-main salla-mini-checkout-widget button *,
.product-single .s-add-product-button-main salla-mini-checkout-widget .s-button-element *,
.product-single .s-add-product-button-main salla-mini-checkout-widget .s-button-btn * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* محاولة استهداف Shadow DOM إذا القالب يدعمه */
.product-single .s-add-product-button-main salla-mini-checkout-widget::part(button),
.product-single .s-add-product-button-main salla-mini-checkout-widget::part(base) {
  background: #111111 !important;
  background-color: #111111 !important;
  color: #FFFFFF !important;
  border: 1px solid #111111 !important;
  border-radius: 4px !important;
}

/* عند المرور */
.product-single .s-add-product-button-main salla-mini-checkout-widget:hover,
.product-single .s-add-product-button-main salla-mini-checkout-widget button:hover,
.product-single .s-add-product-button-main salla-mini-checkout-widget .s-button-element:hover {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
  /* إزالة الحد الداخلي من زر اشترِ الآن */
.product-single .s-add-product-button-main salla-mini-checkout-widget,
.product-single .s-add-product-button-main salla-mini-checkout-widget button,
.product-single .s-add-product-button-main salla-mini-checkout-widget .s-button-element,
.product-single .s-add-product-button-main salla-mini-checkout-widget .s-button-btn {
  outline: none !important;
  box-shadow: none !important;
}








  /* زر أرسل كهدية في صفحة المنتج */
.product-single salla-gifting salla-button button,
.product-single salla-gifting salla-button .s-button-element,
.product-single .s-list-tile-item-action salla-button button,
.product-single .s-list-tile-item-action salla-button .s-button-element {
  background-color: #FFFFFF !important;
  color: #111111 !important;
  border: 1px solid #111111 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* النص والأيقونة داخل زر أرسل كهدية */
.product-single salla-gifting salla-button button *,
.product-single salla-gifting salla-button .s-button-element *,
.product-single .s-list-tile-item-action salla-button button *,
.product-single .s-list-tile-item-action salla-button .s-button-element * {
  color: #111111 !important;
  fill: #111111 !important;
  stroke: #111111 !important;
}

/* عند المرور */
.product-single salla-gifting salla-button button:hover,
.product-single salla-gifting salla-button .s-button-element:hover,
.product-single .s-list-tile-item-action salla-button button:hover,
.product-single .s-list-tile-item-action salla-button .s-button-element:hover {
  background-color: #111111 !important;
  color: #FFFFFF !important;
  border-color: #111111 !important;
}

/* النص والأيقونة عند المرور */
.product-single salla-gifting salla-button button:hover *,
.product-single salla-gifting salla-button .s-button-element:hover *,
.product-single .s-list-tile-item-action salla-button button:hover *,
.product-single .s-list-tile-item-action salla-button .s-button-element:hover * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}