/* 🎨 تنسيقات مخصصة */

/* 🛒 تعديل زر إضافة للسلة (غير مفعّل حالياً)
.product-card__addToCart__btn salla-button button {
    background: rgb(127 68 46);
    color: rgb(96,31,69);
    border-radius: 10px;
}
*/

/* 🏷️ تعديل عنوان المنتج */
.product-card__title a {
    font-size: 14px !important;
}

/* 💰 ضمان أن السعر يظهر على نفس السطر */
.product-card__price.rtl\:space-x-reverse.space-x-1 {
    display: inline-block;
    margin-top: 0;
}

/* 🎨 تغيير لون عناصر القائمة عند التمرير */
.main-menu li:hover {
    color: #f7d5d2 !important;
}

/* 🎨 تغيير لون الروابط داخل عناصر الفليكس عند التمرير */
.flex.items-center a:hover {
    color: #f7d5d2 !important;
}

/* 🎨 تغيير لون الروابط عند الضغط */
.flex.items-center a:active {
    color: #f7d5d2 !important;
}

/* 🏷️ شارة الخصم (العروض الترويجية) */
.product-card__promotion {
    top: 0rem;
    left: 25%;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 0.55rem;
}

/* 📦 خلفية كرت المنتج (معطّلة حالياً)
.product-card__content {
    background: rgb(96,31,69);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
*/

/* 🧩 إخفاء العنوان الفرعي للمنتجات في الصفحة الرئيسية */
.index .product-card__subtitle {
    display: none;
}

/* 📏 حدود بطاقات المنتجات */
body.products-has-border .product-card {
    border: 1px solid var(--product-border-color) !important;
    border-top-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

/* ➕ تعديل أيقونة الإضافة للسلة */
.sicon-add:before {
    content: "\e921";
}

/* 📏 ارتفاع المحتوى داخل بطاقة المنتج */
.product-card__content-wrapper {
    height: 120px;
}

/* 🅰️ تحسين شكل عنوان المنتج (خط غامق وصغير) */
.product-card__title a {
    font-size: 12px;
    font-weight: bold;
}

/*****/

/* ✅ تثبيت بنية المحتوى داخل البطاقة */
.product-card__content-wrapper {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  min-height: 60px;
}

/* 🏷️ العنوان: حدّ أقصى سطرين مع ارتفاع أنحف */
.product-card__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.35;
  min-height: 2.6em;
  margin: 0 !important;
  padding: 0 !important;
}

/* ⭐ تقليل المسافة قبل نجوم التقييم */
.s-product-card-rating {
  margin-top: .1rem !important;
  min-height: 1em;
  line-height: 1;
}

/* إزالة أي مسافات داخلية داخل مكون النجوم */
.s-product-card-rating salla-rating-stars,
.s-product-card-rating .s-rating-stars-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  gap: .15rem;
  line-height: 1;
}

/* 💰 سطر السعر: على سطر واحد ودائمًا في نفس المكان */
.product-card__price {
  display: flex;
  align-items: baseline;
  gap: .4rem;
  white-space: nowrap;
  margin-top: auto;
  min-height: 1.4rem;
}

/* 🧾 السعر الأصلي (قبل الخصم) */
.product-card__price .before-price {
  text-decoration: line-through;
  opacity: .7;
  font-size: .9em;
  line-height: 1;
}

/* 🟥 سعر الخصم داخل مستطيل مع أنيميشن */
.price_is_on_sale .total-price {
  background: #8B1E3F;
  color: #fff;
  padding: .2rem .5rem;
  border-radius: .4rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  line-height: 1;
  transform-origin: center;
  animation: salePulse 2.2s ease-in-out infinite;
}

/* ⚪ السعر العادي بدون خصم */
.starting-or-normal-price .total-price {
  background: transparent;
  color: inherit;
  padding: 0;
  border-radius: 0;
  font-weight: 700;
  line-height: 1;
}

/* 🌀 أنيميشن نبض خفيف للسعر */
@keyframes salePulse {
  0%,100% { transform: scale(1); box-shadow: none; }
  40% { transform: scale(1.03); box-shadow: 0 6px 18px rgba(230,57,70,.22); }
  60% { transform: scale(1); box-shadow: none; }
}

/* 🧭 تحسين RTL داخل سطر السعر */
[dir="rtl"] .product-card__price {
  direction: rtl;
}

/* 🪙 حجم أيقونة العملة */
.product-card__price .sicon-sar {
  font-size: .9em;
}

/*******/

/* 🎯 قلب ألوان زر إضافة للسلة في كل المواضع */
.addToCart .s-button-element,
.product-card__normal-cart__btn .s-button-element,
.product-card__enhnaced-mini-cart__btn .s-button-element {
  background-color: var(--brand-dark, #601F45) !important;
  color: #fff !important;
  border-color: var(--brand-dark, #601F45) !important;
  font-weight: 600;
  transition: all .25s ease-in-out;
}

/* 🖱️ Hover/Focus: عكس مؤقت للألوان */
.addToCart .s-button-element:hover,
.addToCart .s-button-element:focus,
.product-card__normal-cart__btn .s-button-element:hover,
.product-card__normal-cart__btn .s-button-element:focus,
.product-card__enhnaced-mini-cart__btn .s-button-element:hover,
.product-card__enhnaced-mini-cart__btn .s-button-element:focus {
  background-color: #fff !important;
  color: var(--brand-dark, #601F45) !important;
  border-color: var(--brand-dark, #601F45) !important;
}

/* 🧩 الأيقونة والنص ياخدوا نفس لون الزر */
.addToCart .s-button-element i,
.product-card__normal-cart__btn .s-button-element i,
.product-card__enhnaced-mini-cart__btn .s-button-element i,
.addToCart .s-button-element .enhanced-icon,
.product-card__enhnaced-mini-cart__btn .s-button-element .enhanced-icon,
.addToCart .s-button-element .s-button-text,
.product-card__normal-cart__btn .s-button-element .s-button-text,
.product-card__enhnaced-mini-cart__btn .s-button-element .s-button-text {
  color: inherit !important;
}

/* ⏳ حالة اللودينج (لو في سبينر) */
.addToCart .s-button-element.s-button-loader-center,
.product-card__normal-cart__btn .s-button-element.s-button-loader-center,
.product-card__enhnaced-mini-cart__btn .s-button-element.s-button-loader-center {
  opacity: .95;
}

/*************/

/* 🟣 حدود دائرية بنفس لون الزرار الغامق */
.product-card {
  border: 2px solid var(--brand-dark, #601F45); /* لون الزرار */
  border-radius: 20px;                          /* حواف دائرية */
  overflow: hidden;                             /* يضمن الحواف تكون نظيفة */
  transition: all .3s ease-in-out;              /* أنيميشن بسيط عند التفاعل */
}

/* ✨ تأثير خفيف عند تمرير الماوس */
.product-card:hover {
  box-shadow: 0 0 12px rgba(96, 31, 69, 0.25);  /* ظل بنفس درجة الزرار */
  transform: translateY(-2px);                  /* يرفع الكارت شوية */
}

/********/

/* 🩶 خلفية رمادية خفيفة للجزء السفلي من الكارت */
.product-card__content-wrapper {
  background-color: #f6f6f6; /* رمادي فاتح جدًا */
  border-top: 1px solid rgba(96, 31, 69, 0.1); /* خط فاصل خفيف بنفس لون الزرار */
  border-bottom-left-radius: 20px;  /* يطابق شكل الكارت */
  border-bottom-right-radius: 20px;
  padding: .8rem .7rem; /* مسافة داخلية مناسبة */
  display: flex;
  flex-direction: column;
  gap: .25rem;
  min-height: 100px;
  transition: background-color .3s ease-in-out;
}

/* ✨ لما تمر الماوس على الكارت الخلفية تتفتح شوية */
.product-card:hover .product-card__content-wrapper {
  background-color: #f9f9f9;
}

/*******/

/* 🏷️ شارة الترويج بلون ذهبي غامق ثابت */
.product-card__promotion {
  background-color: #C67C48 !important;  /* ذهبي غامق ثابت */
  color: #fff !important;
  padding: .35rem .8rem;
  font-weight: 700;
  font-size: 0.7rem;
  text-shadow: 0 1px 2px rgba(0,0,0,0.45); /* يخلي النص أوضح */
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);  /* ظل خفيف */
  position: absolute;
  top: .3rem;
  left: .3rem;
  z-index: 2;
  transition: all .3s ease-in-out;
}

/* ✨ تأثير عند المرور */
.product-card__promotion:hover {
  background-color: #8C6E00 !important;   /* أفتح سنة بسيطة */
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(140,110,0,0.4);
}

/**********/

/* ============================
   Footer tweaks (تمركز اللوجو/النص + مسافات + عناوين)
   ============================ */

/* 1) خلي عمود اللوجو + الوصف في النص */
.store-footer__inner .grid > .col-span-2 {
  display: flex;
  flex-direction: column;
  align-items: center;         /* يوسّط اللوجو والعناصر تحته */
  text-align: center;          /* يوسّط النص */
}

/* 2) تمركز اللوجو بالضبط */
.store-footer__inner .footer-logo img {
  display: block;
  margin-inline: auto;         /* اللوجو في المنتصف */
}

/* 3) تضييق عرض الفقرة (وتوسيطها) */
.store-footer__inner .grid > .col-span-2 p {
  max-width: 56ch;             /* عرض أضيق لسهولة القراءة */
  margin: .75rem auto 0;       /* توسيط مع مسافة بسيطة فوق */
  text-align: center !important;
}

/* 4) زوّد التنفّس بين الأعمدة */
.store-footer__inner .grid {
  gap: 1.25rem;                /* للموبايل */
}
@media (min-width: 1024px){    /* شاشات كبيرة */
  .store-footer__inner .grid {
    gap: 2.5rem;               /* تنفّس أوضح بين الأعمدة */
  }
}

/* 5) خلي عناوين كل عمود في المنتصف */
.store-footer__inner .footer-title {
  text-align: center;
  margin-bottom: .75rem;       /* مسافة بسيطة تحت العنوان */
}

/* 6) عناصر التراسل في عمود "تواصل معنا" تتوسّط افقيًا على الشاشات الكبيرة */
@media (min-width: 1024px){
  .store-footer__inner .enhanced_rounded_contacts {
    justify-content: center !important;
  }
}

/* 7) (اختياري) توسيط قائمة الروابط فقط لو حابب كل العمود يبقى centered */
.store-footer__inner .enhanced_links_wrapper .footer-list {
  display: grid;
  justify-items: center;       /* يوسّط عناصر القائمة تحت العنوان */
  row-gap: .4rem;
}

/* حذف المسافة بين عن المتجر وروابط مهمة */
footer .col-span-2 > .my-5 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/****Mobile ONLY*****/

/* 📱 ترتيب الأعمدة أسفل بعض على الموبايل */
@media (max-width: 767px) {
  .store-footer__inner .grid {
    display: flex;
    flex-direction: column;   /* يخلي الأعمدة تحت بعض */
    align-items: center;      /* يوسّط كل عمود */
    text-align: center;       /* يوسّط النصوص داخل الأعمدة */
    gap: 2rem;                /* مسافة كافية بين الأعمدة */
  }

  /* توسيط عناوين الأعمدة */
  .store-footer__inner .footer-title {
    text-align: center;
  }

  /* توسيط محتوى عمود تواصل معنا */
  .store-footer__inner .enhanced_rounded_contacts {
    justify-content: center !important;
  }

  /* توسيط الروابط داخل القوائم */
  .store-footer__inner .footer-list {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/************/

/* 📱 توحيد زر إضافة للسلة على الموبايل (خلفية غامقة + نص أبيض) + تحسينات */
@media (max-width: 767px) {
  /* الزر في كل مساراته بالموبايل */
  .product-card__normal-cart__btn .s-button-element,
  .product-card__enhnaced-mini-cart__btn .s-button-element,
  .addToCart__btn .s-button-element,
  .addToCart .s-button-element {
    background-color: var(--brand-dark, #601F45) !important;
    color: #fff !important;
    border-color: var(--brand-dark, #601F45) !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-width: 2px !important;

    /* 🔲 الزر جزء من الإطار: إلغاء تدوير وحدّ أعلى */
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    border-top-width: 0 !important;
    box-shadow: none !important;

    padding: 0.9rem 1rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    transition: all .25s ease-in-out !important;
  }

  /* بعض الثيمات بتحط outline؛ نلغيه بالقوة */
  .product-card__normal-cart__btn .s-button-element.s-button-outline,
  .product-card__enhnaced-mini-cart__btn .s-button-element.s-button-outline,
  .addToCart__btn .s-button-element.s-button-outline,
  .addToCart .s-button-element.s-button-outline {
    background-color: var(--brand-dark, #601F45) !important;
    color: #fff !important;
    border-color: var(--brand-dark, #601F45) !important;
    box-shadow: none !important;
  }

  /* 🧷 دمج الزر مع الكارت: منع أي مسافة من أعلى */
  .product-card__normal-cart.mt-2,
  .product-card__enhanced-mini-cart,
  .addToCart {
    margin-top: 0 !important;
  }

  /* ✨ مسافة بين الأيقونة والنص */
  /* الأزرار العادية التي بداخلها span.s-button-text */
  .product-card__normal-cart__btn .s-button-element .s-button-text,
  .addToCart__btn .s-button-element .s-button-text,
  .addToCart .s-button-element .s-button-text {
    display: inline-flex !important;
    align-items: center !important;
    gap: .5rem !important; /* المسافة بين الأيقونة والنص */
  }

  /* زر الـ mini-cart الذي يستخدم هيكل داخلي مختلف */
  .product-card__enhnaced-mini-cart__btn .product-card__enhanced-mini-cart__btn--inner {
    display: flex !important;
    align-items: center !important;
    gap: .5rem !important; /* المسافة بين label والأيقونة */
  }

  /* نص الزر والأيقونة (الوضع العادي) */
  .product-card__normal-cart__btn .s-button-text,
  .product-card__enhnaced-mini-cart__btn .s-button-text,
  .addToCart__btn .s-button-text,
  .addToCart .s-button-text,
  .product-card__enhnaced-mini-cart__btn .enhanced-label,
  .product-card__enhnaced-mini-cart__btn .enhanced-icon,
  .product-card__normal-cart__btn i,
  .product-card__enhnaced-mini-cart__btn i,
  .addToCart__btn i,
  .addToCart i {
    color: #fff !important;
    fill: #fff !important;
  }

  /* Hover / Focus: نقلب الألوان */
  .product-card__normal-cart__btn .s-button-element:hover,
  .product-card__enhnaced-mini-cart__btn .s-button-element:hover,
  .addToCart__btn .s-button-element:hover,
  .addToCart .s-button-element:hover,
  .product-card__normal-cart__btn .s-button-element:focus,
  .product-card__enhnaced-mini-cart__btn .s-button-element:focus,
  .addToCart__btn .s-button-element:focus,
  .addToCart .s-button-element:focus {
    background-color: #fff !important;
    color: var(--brand-dark, #601F45) !important;
    border-color: var(--brand-dark, #601F45) !important;
  }

  /* عند الـ hover نضمن تغيير لون النص/الأيقونة */
  .product-card__normal-cart__btn .s-button-element:hover .s-button-text,
  .product-card__enhnaced-mini-cart__btn .s-button-element:hover .s-button-text,
  .addToCart__btn .s-button-element:hover .s-button-text,
  .addToCart .s-button-element:hover .s-button-text,
  .product-card__enhnaced-mini-cart__btn .s-button-element:hover .enhanced-label,
  .product-card__enhnaced-mini-cart__btn .s-button-element:hover .enhanced-icon,
  .product-card__normal-cart__btn .s-button-element:hover i,
  .product-card__enhnaced-mini-cart__btn .s-button-element:hover i,
  .addToCart__btn .s-button-element:hover i,
  .addToCart .s-button-element:hover i {
    color: var(--brand-dark, #601F45) !important;
    fill: var(--brand-dark, #601F45) !important;
  }
}

/*******/

/* 📱 تكبير السعر في حالة الموبايل فقط */
@media (max-width: 767px) {

  /* السعر بعد الخصم */
  .product-card__price .total-price {
    font-size: 1.1rem !important; /* الحجم الأساسي */
    font-weight: 700 !important; /* عشان يبان واضح */
  }

  /* السعر قبل الخصم */
  .product-card__price .before-price {
  }

  /* في حالة يكونوا جنب بعض نضبط المسافة بينهم */
  .product-card__price .price_is_on_sale:not(.hidden){
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
  }
}

/* اخفي صف الخصم لو مخفي (يمنع ظهور 0) */
.product-card__price .price_is_on_sale.hidden {
  display: none !important;
}

/* عند وجود خصم فعلياً: اخفي السعر العادي */
.product-card__price .price_is_on_sale:not(.hidden) ~ .starting-or-normal-price {
  display: none !important;
}


/****Reviews****/

/* رجوع للوضع السليم وإلغاء أي pseudo-element سابق */
.testimonials-slider .testimonials-item::before,
.testimonials-slider .testimonials-item::after{
  content: none !important;
  box-shadow: none !important;
}

/* مسافة جانبية بسيطة بين السلايدز عشان مايلزقوش في بعض */
.testimonials-slider .swiper-slide{
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}

/* الإطار الحقيقي على نفس عنصر المحتوى داخل كل كارت */
.testimonials-slider .testimonials-item > .p-2\.5{
  background: #fff;
  border: 2px solid var(--brand-dark, #601F45);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  transform: translateZ(0);           /* يمنع الـ sub-pixel */
  backface-visibility: hidden;
}

/* للموبايل فقط لو حابب نصف قطر أقل */
@media (max-width: 767px){
  .testimonials-slider .testimonials-item > .p-2\.5{
    border-radius: 12px;
  }
}

/*****منتجات مميزة (ID الجديد)*****/

/* سكشن منتجات مميزة فقط */
#best-offers-3-slider { position: relative; }

/* خلفية السلايدر داخل السكشن */
#best-offers-3-slider salla-products-slider .s-slider-container,
#best-offers-3-slider salla-slider .s-slider-container {
  background: var(--brand-dark, #601F45);
  border-radius: 0;
  padding: 28px 12px;
}

/* حدود الكروت */
#best-offers-3-slider .s-products-slider-card { padding: 0 10px; }

#best-offers-3-slider .s-products-slider-card .product-card{
  border: 2px solid #fff !important;
  border-radius: 16px !important;
  background: #fff;
  box-shadow: none;
}

/* إصلاح السعر */
#best-offers-3-slider .product-card__price .price_is_on_sale:not(.hidden) ~ .starting-or-normal-price { display: none !important; }
#best-offers-3-slider .product-card__price > .price_is_on_sale.hidden { display: none !important; }
#best-offers-3-slider .product-card__price > .price_is_on_sale:not(.hidden){
  display: flex !important;
  gap: .5rem;
  align-items: center;
}

/* زر إضافة للسلة باللون الذهبي (Cart فقط داخل السكشن) */
#best-offers-3-slider :is(.addToCart, .product-card__normal-cart__btn, .product-card__enhnaced-mini-cart__btn) .s-button-element {
  background-color: #C67C48 !important;
  border-color: #C67C48 !important;
  color: #fff !important;
  font-weight: 700 !important;
  transition: all .25s ease-in-out !important;
}
#best-offers-3-slider :is(.addToCart, .product-card__normal-cart__btn, .product-card__enhnaced-mini-cart__btn) .s-button-element:hover {
  background-color: #a57809 !important;
  border-color: #a57809 !important;
  color: #fff !important;
}

/* للموبايل */
@media (max-width: 767px){
  #best-offers-3-slider salla-products-slider .s-slider-container,
  #best-offers-3-slider salla-slider .s-slider-container{
    padding: 24px 10px;
  }
  #best-offers-3-slider .s-products-slider-card .product-card{
    border-radius: 14px !important;
  }
}

/* تدوير الزرار (Cart فقط) على الشاشات الكبيرة */
@media (min-width: 767px){
  #best-offers-3-slider :is(.addToCart, .product-card__normal-cart__btn, .product-card__enhnaced-mini-cart__btn) .s-button-element{
    border-radius: 25px !important;
  }
}

/*******/

/* موبايل (أقل من 768px) */
@media (max-width: 767px){
  #edit-1199021549 ~ .container .banner img{
    content: url("https://cdn.salla.sa/form-builder/VF6vmwLbKn0aBC06j5bMvTAsu7GE5b40HSHZKJ8Y.png") !important;
  }
}

/* ديسكتوب (768px فأكثر) */
@media (min-width: 768px){
  #edit-1199021549 ~ .container .banner img{
    content: url("https://cdn.salla.sa/form-builder/kwgXbBMAQ6z7ciE7NnAZ7UKyD0z1d5zXm5BrHcWs.webp") !important;
  }
}

/*** صفحة المنتج ***/

/* --- Product page: Price (TOP) --- */

/* 1) مستطيل للسعر بعد الخصم + أنيميشن (يطبّق فقط لو في before-price) */
.product-price-top .space-x-2:has(.before-price) .total-price {
  background: #8B1E3F;          /* لون المستطيل */
  color: #fff !important;        /* السعر أبيض */
  padding: .25rem .6rem;
  border-radius: .45rem;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  line-height: 1;
  transform-origin: center;
  animation: salePulse 2.2s ease-in-out infinite;
}

/* لو فيه أيقونة SAR جوّا السعر تخليها تمشي مع اللون */
.product-price-top .space-x-2:has(.before-price) .total-price .sicon-sar,
.product-price-top .space-x-2:has(.before-price) .total-price i {
  color: inherit !important;
  fill:   currentColor !important;
}

/* توضيح السعر قبل الخصم جنب المستطيل */
.product-price-top .space-x-2:has(.before-price) .before-price {
  opacity: .75;
}

/* 2) في حالة مفيش خصم… نرجّع السعر عادي بدون مستطيل ولا أنيميشن */
.product-price-top .space-x-2:not(:has(.before-price)) .total-price {
  background: transparent;
  color: inherit;
  padding: 0;
  border-radius: 0;
  animation: none;
}

/* أنيميشن النبض */
@keyframes salePulse {
  0%,100% { transform: scale(1); box-shadow: none; }
  40%     { transform: scale(1.03); box-shadow: 0 6px 18px rgba(230,57,70,.22); }
  60%     { transform: scale(1); box-shadow: none; }
}

/* 3) فاصِل أسفل منطقة السعر العلوية لتمييز القسم */
.product-price-top {
  position: relative;
  padding-bottom: .5rem;
  margin-bottom: 1rem;
}
.product-price-top::after {
  content: "";
  display: block;
  height: 2px;
  margin-top: .5rem;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(96,31,69,.35),
    transparent
  );
  border-radius: 2px;
}

/*****/


/******/

/* 📱 رفع ويدجت الواتساب / التوك في حالة صفحة المنتج فقط على الموبايل */
@media (max-width: 767px) {
  .is-sticky-product-bar.product-single #fb-root .fb_dialog iframe[data-testid=bubble_iframe],
  .is-sticky-product-bar.product-single [id^="gb-widget"],
  .is-sticky-product-bar.product-single iframe.tawk-widget {
    contain-intrinsic-block-size: auto 100px;
    bottom: 120px !important;
  }
}

/* استايل خاص بتقييمات المنتج فقط */
@media (min-width:1024px){
  .product-more-info.vertical .pm-reviews-title{
    font-size: 1.4rem;      /* أصغر شوية */
    font-weight: 800;
    color: var(--brand-dark,#601F45);
    margin: 0 auto 1rem;    /* في النص */
    text-align: center;     /* محاذاة وسط */
    border: none !important;/* بدون الخط الطويل */
    padding-bottom: 0;      /* شيل مسافة الخط */
    width: fit-content;     /* خلي العنوان أقصر */
  }
}

/*** منتجات قد تعجبك ***/

/* ===== تنسيق عنوان "منتجات قد تعجبك" مع الخط تحته ===== */
.s-slider-block__title {
  display: flex;
  justify-content: center !important;
  align-items: center;
  text-align: center;
  position: relative;
  margin-bottom: 25px; /* زيادة بسيطة للمسافة تحت العنوان */
  padding: 0 !important;
}

.s-slider-block__title-right,
.s-slider-block__title-left {
  margin: 0 !important;
  padding: 0 !important;
}

.s-slider-block__title-left {
  display: none !important;
}

.s-slider-block__title-right {
  width: 100%;
  text-align: center;
}

/* العنوان نفسه */
.s-slider-block__title-right h2 {
  font-size: 22px;
  font-weight: 800;
  color: #541d40;
  margin: 0 auto 10px;
  text-align: center;
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
}

/* 🔹 إلغاء أي حدود سفلية أو مسافات إضافية في الأقسام التالية */
.s-block--best-offers .s-slider-block__title-right,
salla-products-slider .s-slider-block__title-right,
.s-slider-block__title-right {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0 !important;
}

/*** زر الإضافة للسلة ***/

/* 🔹 تغيير لون زرار "إضافة للسلة" */
.s-button-btn.s-button-primary {
  background-color: #601f45 !important;
  border-color: #601f45 !important;
  color: #fff !important;
}

/* 🔹 عند المرور Hover */
.s-button-btn.s-button-primary:hover {
  background-color: #7a2756 !important; /* درجة أفتح شوية عند الهوفر */
  border-color: #7a2756 !important;
  color: #fff !important;
}

/* 🔹 عند الضغط Active */
.s-button-btn.s-button-primary:active {
  background-color: #4e1837 !important; /* أغمق سنة */
  border-color: #4e1837 !important;
}