/* 1) فل وِدث لأي بانر ثابت داخل سلة بصفحة المنتج */
body.product-single .s-block.s-block--fixed-banner,
body.product-single .s-block.s-block--fixed-banner .container {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0 !important;
}

/* 2) لو البانر عبارة عن صورة داخل وصف المنتج (article) خلِّها فل وِدث */
body.product-single .article--main img {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  display: block !important;
  border-radius: 0 !important;
}

/* (اختياري) لو تبي تغطي العرض حتى مع اختلاف الأبعاد */
@media (max-width: 767px){
  body.product-single .article--main img {
    height: auto;              /* غيّرها لـ 56vw + object-fit:cover إذا تبي قص بسيط من فوق/تحت */
    object-fit: contain;       /* أو cover لو تبغى الصورة تملأ بالكامل حتى لو تقصّ */
  }
}

/* 3) أزل الحواف من الحاويات الشائعة في صفحة المنتج */
body.product-single .container,
body.product-single .main-content,
body.product-single .article--main,
body.product-single [class*="px-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
}

/* 4) لسلايدر الصور – تأكد إنه بدون حواف وأن الصور فل وِدث */
body.product-single salla-slider.photos-slider .swiper,
body.product-single salla-slider.photos-slider .swiper-slide {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}
body.product-single salla-slider.photos-slider .swiper-slide img {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
}


/* 🎨 تغيير خلفية الفوتر إلى البنفسجي الغامق */
footer.store-footer,
.store-footer,
.store-footer__inner {
  background-color: #7b4e7a !important;  /* بنفسجي غامق */
  color: #ffffff !important;             /* النص أبيض */
}

/* 🔤 لون النصوص والروابط داخل الفوتر */
footer.store-footer * {
  color: #ffffff !important;
}

/* 🎯 الأيقونات داخل الفوتر تكون بيضاء */
footer.store-footer svg path {
  fill: #ffffff !important;
}


/* 🎯 توسيط جميع عناصر الفوتر */
footer.store-footer,
.store-footer,
.store-footer__inner {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* تأكد أن كل العناصر الداخلية تتمركز */
footer.store-footer * {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* توسيط الأيقونات والروابط */
footer.store-footer .s-social-list,
footer.store-footer .s-contacts-list-vertical {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* شوية لمسات جمالية للفوتر */
footer.store-footer h3,
footer.store-footer p,
footer.store-footer a {
  margin: 5px 0 !important;
}


/* 🎨 تغيير خلفية القائمة الجانبية إلى اللون البيج */
.mm-ocd__content,
.mm-spn.mm-spn--light,
.mm-spn.mm-spn--navbar,
.mm-spn.mm-spn--open {
  background-color: #f5f1eb !important;  /* بيج ناعم */
  color: #3b3b39 !important;             /* لون النص غامق عشان يكون واضح */
}

/* 🔤 تغيير لون النصوص داخل القائمة */
.mm-spn li,
.mm-spn li a,
.mm-spn.mm-spn--light a {
  color: #3b3b39 !important;  /* رمادي غامق */
  font-weight: 500;
}

/* 🔘 زر الإغلاق (X) */
.mm-ocd__backdrop,
.mm-spn__close,
.mm-spn__close span {
  background-color: transparent !important;
  color: #3b3b39 !important;
}

/* لو في خطوط فاصلة أو حواف */
.mm-spn li {
  border-color: rgba(0, 0, 0, 0.05) !important;
}


/* 🎯 تباعد جميل بين روابط الفوتر */
footer.store-footer .store-footer__inner a {
  display: block !important;
  margin: 8px 0 !important;     /* المسافة بين كل رابط */
  line-height: 1.6 !important;
}

/* 📏 تباعد بين عنوان القسم وروابطه */
footer.store-footer .store-footer__inner h3 {
  margin-bottom: 10px !important;
}

/* 🧹 إزالة الخط الفاصل الصغير والكبير في أسفل الفوتر */
footer.store-footer hr,
footer.store-footer .store-footer__inner hr,
footer.store-footer .footer-is-light hr,
footer.store-footer .store-footer__inner:before,
footer.store-footer .store-footer__inner:after {
  display: none !important;
  border: none !important;
  height: 0 !important;
}

/* 🧾 إزالة الخط المنقط اللي فوق الحقوق */
footer.store-footer .copyright-text {
  border-top: none !important;
}


/* 💜 خلفية متدرجة بنفسجي غامق إلى بنفسجي فاتح */
footer.store-footer,
.store-footer,
.store-footer__inner {
  background: linear-gradient(to bottom, #5e3360 0%, #caa3c8 100%) !important;
  color: #ffffff !important;
  border: none !important;
  transition: all 0.3s ease-in-out;
}

/* ✨ النصوص داخل الفوتر */
footer.store-footer * {
  color: #ffffff !important;
}

/* 🎯 أيقونات التواصل */
footer.store-footer svg path {
  fill: #ffffff !important;
}

/* 🧭 تنسيق وتوسيط الفوتر */
footer.store-footer,
.store-footer__inner {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

/* 🧹 إزالة الخطوط الفاصلة */
footer.store-footer hr,
footer.store-footer .store-footer__inner:before,
footer.store-footer .store-footer__inner:after {
  display: none !important;
  border: none !important;
  height: 0 !important;
}
/* 🩶 تغيير خلفية قسم آراء العملاء إلى بيج */
.section.reviews, 
.salla-reviews, 
.product-reviews, 
#reviews, 
.s-product-reviews {
  background-color: #f7f1e9 !important; /* بيج ناعم */
  border-radius: 12px !important;
  padding: 20px !important;
}

/* ✨ تعديل البطاقات الداخلية */
.section.reviews .review-card,
.salla-reviews .review-card,
.product-reviews .review-card {
  background-color: #ffffff !important;
  border: 1px solid #e6d8c9 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
}


/* Nesty widgets */
.nesty-badge{display:flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;background:#fff;color:#333;border:1px solid rgba(0,0,0,.08);padding:.5rem .75rem;border-radius:999px;width:max-content;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.nesty-badge .eye{width:1.1rem;height:1.1rem;display:inline-block;border-radius:50%;background:radial-gradient(circle at 35% 35%,#333 15%,transparent 16%),radial-gradient(circle at 65% 65%,#333 15%,transparent 16%),radial-gradient(circle at 50% 50%,transparent 45%,#333 46%);margin-inline-start:.2rem}
.nesty-box{background:#ffffff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:14px;margin:.75rem 0;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.nesty-box .title{font-weight:700;font-size:.95rem;margin-bottom:.25rem}
.nesty-box .muted{color:#666;font-size:.9rem}
.nesty-stock{margin-top:.5rem}
.nesty-stock .bar{height:12px;background:#eee;border-radius:999px;overflow:hidden;position:relative}
.nesty-stock .fill{height:100%;background:linear-gradient(90deg,#da2b2b,#00c2c7);width:40%;transition:width .6s ease;border-radius:999px}
.nesty-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:.25rem 0}
.nesty-row b{font-weight:800}


/* 🧩 دمج البانرين البيج مع بعض كأنهم تصميم واحد */
section.s-block.s-block--fixed-banner.wide-placeholder,
section.s-block.s-block--photos-slider,
section.s-block {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #f7f1e9 !important; /* نفس درجة البيج */
  border: none !important;
}

/* 🔗 إزالة المسافة بين أول بانر وثاني بانر */
section.s-block.s-block--fixed-banner.wide-placeholder + section.s-block {
  margin-top: -10px !important; /* قربهم شوي لتحت */
}

/* ✨ تعديل الحواف لتكون مندمجة */
section.s-block.s-block--fixed-banner.wide-placeholder img,
section.s-block img {
  border-radius: 0 !important;
}

/* 🧱 تأكيد أن المحتوى ياخذ عرض الصفحة بالكامل */
section.s-block.s-block--fixed-banner.wide-placeholder .container,
section.s-block .container {
  max-width: 100% !important;
  padding: 0 !important;
}

/* 🧭 مسافة مريحة بين البنر العلوي ونص العنوان */
.product-single .product-details,
.product-single .main-content,
.product-single .product__info,
.product-single h1.product-title,
.product-single h1.text-xl,
.product-single h1 {
  margin-top: 20px !important; /* المسافة من الأعلى */
}

/* 🪄 تحسين محاذاة النص والعناصر */
.product-single .main-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* 🎯 توسيط بطاقة المنتج في الصفحة */
section.s-block.s-block--best-offers,
section.s-block.s-block--products,
.s-products-slider-wrapper,
.s-products-list {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  text-align: center !important;
}

/* 🛍️ توسيط المنتج الفردي داخل البلوك */
.s-product-card,
.product-card,
.product-item {
  margin: 0 auto !important;
  text-align: center !important;
}

/* 🏷️ تعديل موضع عنوان المنتج */
.s-product-card-content-title,
.product-card h2,
.product-item h2 {
  margin-top: 10px !important; /* ينزل العنوان شوي */
  text-align: center !important;
}

/* 💬 توسيط قسم آراء العملاء */
.section.reviews,
.salla-reviews,
.product-reviews,
#reviews,
.s-product-reviews {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ✨ تعديل البطاقات داخل آراء العملاء */
.section.reviews .review-card,
.salla-reviews .review-card,
.product-reviews .review-card {
  margin: 10px auto !important;
  text-align: center !important;
}
/* 🧭 مسافة مريحة بين البنر العلوي وعنوان المنتج */
section.s-block.s-block--fixed-banner + section.s-block h2,
section.s-block.s-block--fixed-banner + section.s-block .s-block__title,
section.s-block.s-block--fixed-banner + section.s-block .s-block__header,
section.s-block.s-block--fixed-banner + section.s-block .product-title,
section.s-block.s-block--fixed-banner + section.s-block h1 {
  margin-top: 25px !important; /* المسافة بين البنر والعنوان */
  padding-top: 10px !important;
}

/* ✨ تأكيد أن النص محاذي للوسط */
section.s-block.s-block--fixed-banner + section.s-block h2,
section.s-block.s-block--fixed-banner + section.s-block h1,
section.s-block.s-block--fixed-banner + section.s-block .s-block__title {
  text-align: center !important;
}

/* ⚖️ تحريك شريحة المنتج قليلاً لليسار لتتوسط */
section.s-block.s-block--products .s-product-card,
section.s-block.s-block--best-offers .s-product-card,
.s-products-slider-wrapper .s-product-card {
  margin: 0 auto !important;
  position: relative !important;
  left: -8px !important; /* حرّكها يسار، عدّل الرقم حسب الحاجة */
}

/* هذه تخص الصفحة الرئيسية فقط */
body.home section.s-block.s-block--fixed-banner.wide-placeholder,
body.home section.s-block.s-block--photos-slider,
body.home section.s-block {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #f7f1e9 !important;
  border: none !important;
}
body.home section.s-block.s-block--fixed-banner.wide-placeholder .container,
body.home section.s-block .container {
  max-width: 100% !important;
  padding: 0 !important;
}

/* ===========================
   HOTFIX: رجوع تخطيط صفحة المنتج لطبيعته
   =========================== */

/* رجّع الهوامش والحشوات الافتراضية لأقسام صفحة المنتج فقط */
body.product-single section.s-block,
body.product-single section.s-block .container {
  margin: initial !important;
  padding: initial !important;
  max-width: 100% !important;
}

/* ألغِ أي توسيط إجباري داخل صفحة المنتج */
body.product-single .main-content {
  display: block !important;
  text-align: initial !important;
  align-items: initial !important;
}

/* لا ندمج البانرات داخل صفحة المنتج */
body.product-single section.s-block.s-block--fixed-banner.wide-placeholder,
body.product-single section.s-block {
  background: initial !important;
}

/* ألغِ تحريك الكارد يسار/يمين داخل صفحة المنتج */
body.product-single .s-product-card,
body.product-single .product-card,
body.product-single .product-item {
  left: auto !important;
  margin: initial !important;
}

/* تأكيد أن السلايدر/القوائم ترجع لعرضها الطبيعي */
body.product-single .s-products-slider-wrapper,
body.product-single .s-products-list {
  display: block !important;
  justify-content: initial !important;
  align-items: initial !important;
  text-align: initial !important;
}

/* 🔧 تقليل/إزالة الفراغ بين صورة المنتج وأي بلوك تحتها */
body.product-single .product-gallery,
body.product-single .product-media,
body.product-single .s-product-media,
body.product-single salla-slider.photos-slider {
  margin-bottom: 6px !important; /* جرّب 0 لو تبغاه يلصق تمامًا */
}

/* قلّل الـmargin/top للبلوك التالي مباشرة (ثumbnails/سعر/وصف) */
body.product-single .product-gallery + *,
body.product-single .product-media + *,
body.product-single .s-product-media + *,
body.product-single salla-slider.photos-slider + * {
  margin-top: 6px !important;  /* جرّب 0 لو تبغاه أقل */
}

/* ألغِ أي padding رأسي إضافي في الحاوية داخل صفحة المنتج */
body.product-single .s-block .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 🧼 تنظيف كل الهوامش حول صور المنتج داخل صفحة المنتج فقط */
body.product-single salla-slider.photos-slider,
body.product-single salla-slider.photos-slider .swiper,
body.product-single salla-slider.photos-slider .swiper-wrapper,
body.product-single salla-slider.photos-slider .swiper-slide {
  margin: 0 !important;
  padding: 0 !important;
}

/* الحاويات الشائعة لصور المنتج */
body.product-single .product-gallery,
body.product-single .product-media,
body.product-single .s-product-media,
body.product-single .product__images,
body.product-single .s-product-gallery {
  margin: 0 !important;
  padding: 0 !important;
}

/* الثمبنيل/السلايدر الصغير تحت الصورة */
body.product-single .product__thumbnails,
body.product-single .swiper-thumbs,
body.product-single .s-product-thumbs,
body.product-single .product-gallery + .thumbnails {
  margin-top: 0 !important;       /* جرّب 4px إذا تبغى شعره مسافة */
  padding-top: 0 !important;
}

/* بعض قوالب سلة تستخدم space-y-* لعمل فراغات عمودية */
body.product-single .space-y-2 > :not([hidden]) ~ :not([hidden]),
body.product-single .space-y-3 > :not([hidden]) ~ :not([hidden]),
body.product-single .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0 !important;
}

/* أحياناً السطر الأول بعد السلايدر يكون عليه mt-*  */
body.product-single salla-slider.photos-slider + * {
  margin-top: 0 !important;
}

/* تأكيد: لا padding رأسي إضافي داخل الكونتينر */
body.product-single .s-block .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}