/* ============================================================
   VOLMA × RAED — volma-raed.css (v2 — إعادة بناء نظيفة)
   المبدأ: نطاقات محددة، بدون سيلكترات شاملة خطيرة
   الألوان: كريمي #FFF5E3 · بيج #E8D6B2 · تركوازي #2E576B · كحلي #012733
   ============================================================ */

:root {
  --volma-cream: #fff5e3;
  /* متغيرات الصفحة العامة حتى لا يتسرب لون الهيدر لأي سطح آخر */
  --color-main-bg: #fff5e3;
  --color-main: #fff5e3;
  --volma-beige: #e8d6b2;
  --volma-beige-soft: rgba(232, 214, 178, 0.45);
  --volma-teal: #2e576b;
  --volma-navy: #012733;
  --volma-navy-2: #011b24;
  --volma-line: rgba(46, 87, 107, 0.2);
  --volma-shadow: 0 6px 18px rgba(1, 39, 51, 0.1);
  /* متغيرات ثيم سلة */
  --color-header-main: #012733;
  --color-header-text: #fff5e3;
}


/* ============================================================
   نظام الألوان الثابت — قاعدة واحدة لكل نوع سطح
   داكن  (#012733): الهيدر · الفوتر · بطاقات المنتجات · شاشة التحميل   → النص كريمي
   فاتح  (#FFF5E3): خلفية الصفحة العامة وكل الأقسام                    → النص كحلي
   ثانوي (بيج شفاف): البطاقات الداخلية · الوصف · المميزات · حبة العنوان → النص كحلي
   بيج صلب (#E8D6B2): عناصر السلة والطلبات                             → النص كحلي
   إجراء (#2E576B): الأزرار الأساسية والروابط الثانوية                  → النص أبيض
   استثناء: صفحة الدفع وتسجيل الدخول تبقى بألوان سلة الأساسية
   ============================================================ */

/* — سطح داكن: أي عنصر ضمنه نص أو أيقونة يرث الكريمي — */
.store-header, .store-footer__inner, .s-product-card-entry, #volma-preloader {
  color: #fff5e3;
}
.store-header h1, .store-header h2, .store-header h3,
.store-footer__inner h1, .store-footer__inner h2, .store-footer__inner h3, .store-footer__inner h4,
.s-product-card-entry h1, .s-product-card-entry h2, .s-product-card-entry h3, .s-product-card-entry h4 {
  color: #fff5e3 !important;
}

/* — سطح فاتح: العناوين والنصوص كحلية، الثانوية تركوازية — */
main h1, main h2, main h3, main h4, main h5,
.s-blocks-wrapper h1, .s-blocks-wrapper h2, .s-blocks-wrapper h3 {
  color: #012733;
}
main p, main li, main span, main label { color: inherit; }
main .text-gray-400, main .text-gray-500, main .text-text-grey { color: #2e576b !important; }
main .text-gray-600, main .text-gray-700, main .text-gray-800, main .text-gray-900 { color: #012733 !important; }

/* — منع أي أبيض دخيل على الأسطح الفاتحة (عدا الدفع والدخول والمودالات) — */
main .bg-white:not(.s-product-card-entry):not(.s-product-card-content),
.s-blocks-wrapper .bg-white,
.products-page .bg-white,
.customer-page .bg-white {
  background-color: rgba(232, 214, 178, 0.45) !important;
}

/* ============ 1) الأساس ============ */
html, body,
#app, .app-inner,
main, .page-body, .main-content,
body.cart main, body.index main,
.customer-page, .products-page {
  background-color: var(--volma-cream) !important;
  background-image: none !important;
}
/* طبقة التعتيم عند فتح القوائم: شفافة داكنة، مو صبغة صماء */
.menu-overlay, .mm-wrapper__blocker, [class*="menu-overlay"], [class*="nav-overlay"] {
  background-color: rgba(1, 39, 51, 0.45) !important;
}
body { color: var(--volma-navy); overflow-x: hidden !important; }
main { position: relative; z-index: 1; }

/* سكرول ذكي: مخفي عند الوقوف، يظهر أثناء الحركة */
html { scrollbar-color: transparent transparent; scrollbar-width: thin; }
html.volma-scrolling { scrollbar-color: #2e576b transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}
html.volma-scrolling ::-webkit-scrollbar-thumb { background: #2e576b; }
html.volma-scrolling ::-webkit-scrollbar-thumb:hover { background: #012733; }

/* خلفيات كريمية للمساحات الرئيسية فقط (بدون wildcards) */
.s-blocks-wrapper,
.app-inner,
.container--breadcrumbs,
.content.content--single-page { background-color: var(--volma-cream) !important; }
.breadcrumbs a, .breadcrumbs span { color: var(--volma-teal) !important; }

/* ============ 2) الهيدر: كحلي موحد ============ */
.store-header,
.store-header .top-navbar,
.store-header #mainnav,
.store-header .main-nav-container,
.store-header .main-nav-container .inner,
.store-header .bg-white,
.store-header .bg-inherit {
  background-color: #012733 !important;
  background-image: none !important;
}
.store-header {
  position: relative;
  z-index: 9999;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}
/* شريط التصنيفات داخل الهيدر */
.store-header salla-menu,
.store-header salla-menu nav,
.store-header salla-menu ul,
.store-header salla-menu li,
.store-header nav.main-menu,
.store-header .header-nav {
  background-color: var(--volma-navy) !important;
}
/* نصوص وروابط وأيقونات الهيدر */
.store-header a,
.store-header span,
.store-header li,
.store-header p,
.store-header i,
.store-header .sicon-menu,
.store-header .header-btn__icon {
  color: var(--volma-cream) !important;
}
.store-header a:hover { color: var(--volma-beige) !important; }
.store-header svg { color: var(--volma-cream) !important; fill: var(--volma-cream) !important; }
/* حقل البحث: كريمي بنص كحلي */
.store-header .header-search input,
.store-header salla-search-form input {
  background-color: var(--volma-cream) !important;
  color: var(--volma-navy) !important;
  border: 1px solid rgba(232, 214, 178, 0.4) !important;
  border-radius: 10px !important;
}
.store-header .header-search input::placeholder { color: rgba(1, 39, 51, 0.55) !important; }
/* عناصر الشريط العلوي: دخول/عملة/روابط — كريمية بإطارات خفيفة */
.store-header .top-navbar a,
.store-header .top-navbar button,
.store-header .header-buttons a,
.store-header .header-buttons button {
  color: var(--volma-cream) !important;
  background: transparent !important;
  border-color: rgba(232, 214, 178, 0.4) !important;
}
.store-header .top-navbar .bg-white,
.store-header .header-buttons .bg-white {
  background: rgba(255, 245, 227, 0.12) !important;
  border-radius: 999px !important;
}

/* الأزرار الدائرية بالهيدر */
.store-header .btn--rounded-gray {
  background: rgba(255, 245, 227, 0.12) !important;
  border: 1px solid rgba(232, 214, 178, 0.4) !important;
}
.store-header .btn--rounded-gray i { color: var(--volma-cream) !important; }
/* القوائم المنسدلة: كحلي بإطار — كل أشكال القوائم الفرعية برائد */
.store-header salla-menu ul ul,
.store-header salla-menu li ul,
.store-header salla-menu li > div,
.store-header nav ul ul,
.store-header nav li > ul,
.store-header .dropdown-menu {
  background-color: var(--volma-navy) !important;
  border: 1px solid rgba(232, 214, 178, 0.25) !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
}
/* عناصر القائمة المنسدلة: نص كريمي وهوفر بيج على أرضية أفتح شوي */
.store-header salla-menu ul ul a,
.store-header salla-menu li ul a,
.store-header nav li > ul a {
  color: var(--volma-cream) !important;
  display: block !important;
  padding: 0.55rem 1rem !important;
}
.store-header salla-menu ul ul a:hover,
.store-header salla-menu li ul a:hover,
.store-header nav li > ul a:hover {
  color: var(--volma-beige) !important;
}
/* أغلفة القوائم المنسدلة الحقيقية (رائد المُجمّع): .sub-menu */
.store-header .sub-menu,
.store-header nav li > div.sub-menu {
  background-color: #012733 !important;
  border: 1px solid rgba(232, 214, 178, 0.25) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
  padding: 0.35rem 0 !important;
  overflow: hidden !important;
}
.store-header .sub-menu ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.store-header .sub-menu li { background: transparent !important; margin: 0 !important; }
/* الرابط وحده يحمل الحشوة والعرض — والـ span نص فقط (منع المربع المزدوج) */
.store-header .sub-menu a {
  display: block !important;
  padding: 0.55rem 1rem !important;
  color: #fff5e3 !important;
  -webkit-text-fill-color: #fff5e3 !important;
  background-color: transparent !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}
.store-header .sub-menu a span {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: transparent !important;
}
/* الهوفر: أرضية كحلية أفتح ونص بيج — يبقى مقروءًا دائمًا */
.store-header .sub-menu a:hover,
.store-header .sub-menu li:hover > a {
  background-color: rgba(255, 245, 227, 0.12) !important;
  color: #e8d6b2 !important;
  -webkit-text-fill-color: #e8d6b2 !important;
}
.store-header .sub-menu a:hover span { color: #e8d6b2 !important; -webkit-text-fill-color: #e8d6b2 !important; }

/* البحث — الكلاسات الحقيقية لمكوّن salla-search:
   المدخل كريمي، الأغلفة شفافة، ولوحة النتائج مخفية إلا أثناء التركيز */
.store-header .s-search-modal,
.store-header .s-search-container,
.store-header .s-search-input-wrapper {
  background: transparent !important;
  box-shadow: none !important;
}
.store-header .s-search-input,
.s-search-input {
  background-color: #fff5e3 !important;
  color: #012733 !important;
  border: 1px solid rgba(232, 214, 178, 0.4) !important;
}
.store-header .s-search-input::placeholder { color: rgba(1, 39, 51, 0.55) !important; }
.store-header .s-search-icon svg { fill: #2e576b !important; }
/* ← هذا هو الصندوق الشبح: لوحة النتائج موجودة دائمًا — نخفيها افتراضيًا */
.store-header .s-search-results,
.s-search-results { display: none !important; }
.store-header .s-search-container:focus-within .s-search-results,
.s-search-container:focus-within .s-search-results {
  display: block !important;
  background-color: #fff5e3 !important;
  border: 1px solid rgba(46, 87, 107, 0.2) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 30px rgba(1, 39, 51, 0.25) !important;
  margin-top: 6px;
}
.store-header .s-search-results a,
.store-header .s-search-results p,
.store-header .s-search-results span {
  color: #012733 !important;
}

@media (max-width: 767px) {
  .store-header .main-nav-container,
  .store-header .main-nav-container .inner {
    border-bottom-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
  }
}
/* شعار الهيدر بدون أي معالجة */
.store-header .navbar-brand img { background: transparent !important; }

/* شريط الإعلان أعلى الهيدر */
.s-block--header-marquee.in-header .text-md.cursor-pointer.pl-1.inline-block.w-full.mx-2 { font-size: 0 !important; }
.s-block--header-marquee.in-header .text-md.cursor-pointer.pl-1.inline-block.w-full.mx-2::after {
  content: "🔆 حل الحر مع مجموعة اللحظة!";
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* القائمة الرئيسية (#mobile-menu تخدم الكمبيوتر والجوال برائد): كحلية بروابط كريمية */
#mobile-menu, .mobile-menu, .main-menu,
.mm-spn--light, .mm-spn--navbar, .mm-spn--main, .mm-menu {
  background-color: #012733 !important;
  background-image: none !important;
}
#mobile-menu a, #mobile-menu span, #mobile-menu li,
.mobile-menu a, .mobile-menu span,
.main-menu a, .main-menu span {
  color: #fff5e3 !important;
}
#mobile-menu a:hover, #mobile-menu a:hover span,
.main-menu a:hover, .main-menu a:hover span {
  color: #e8d6b2 !important;
}
/* عناوين لوحة القائمة المنزلقة بالجوال */
.mm-spn--navbar::before, .mm-spn--navbar::after { color: #fff5e3 !important; }

/* ============ 3) البانر الرئيسي — وسط + متجاوب + حواف دائرية ============ */

/* خلفية القسم تبقى من هوية فولما */
.s-block--fixed-banner,
.s-block--hero-slider {
  background: var(--volma-cream, #FFF5E3) !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* الحاوية: ليست Full Bleed — في الوسط مع هوامش متوازنة */
.s-block--fixed-banner > .container,
.s-block--fixed-banner .container,
.s-block--hero-slider > .container,
.s-block--hero-slider .container {
  width: calc(100% - 32px) !important;
  max-width: 1360px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* جسم البنر */
.banner.banner--fixed,
.s-block--fixed-banner .banner,
.s-block--hero-slider .swiper,
.s-block--hero-slider .s-slider-container {
  width: 100% !important;
  max-width: 1360px !important;
  margin-inline: auto !important;

  overflow: hidden !important;
  border-radius: 18px !important;

  background: transparent !important;
  box-shadow: 0 6px 18px rgba(1, 39, 51, 0.08) !important;
}

/* الصورة: نحافظ على النسبة الأصلية ولا نقص منها شيء */
.banner.banner--fixed img,
.s-block--fixed-banner img,
.s-block--hero-slider img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;

  border-radius: inherit !important;

  /* أعلى جودة Render متاحة من المصدر */
  image-rendering: auto !important;
  -ms-interpolation-mode: bicubic;
  backface-visibility: hidden;
}

/* التابلت */
@media (min-width: 768px) and (max-width: 1199px) {
  .s-block--fixed-banner > .container,
  .s-block--fixed-banner .container,
  .s-block--hero-slider > .container,
  .s-block--hero-slider .container {
    width: calc(100% - 40px) !important;
  }

  .banner.banner--fixed,
  .s-block--fixed-banner .banner,
  .s-block--hero-slider .swiper,
  .s-block--hero-slider .s-slider-container {
    border-radius: 16px !important;
  }
}

/* الجوال */
@media (max-width: 767px) {
  .s-block--fixed-banner,
  .s-block--hero-slider {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .s-block--fixed-banner > .container,
  .s-block--fixed-banner .container,
  .s-block--hero-slider > .container,
  .s-block--hero-slider .container {
    width: calc(100% - 20px) !important;
    max-width: none !important;
  }

  .banner.banner--fixed,
  .s-block--fixed-banner .banner,
  .s-block--hero-slider .swiper,
  .s-block--hero-slider .s-slider-container {
    width: 100% !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(1, 39, 51, 0.07) !important;
  }

  .banner.banner--fixed img,
  .s-block--fixed-banner img,
  .s-block--hero-slider img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* الشاشات الكبيرة */
@media (min-width: 1440px) {
  .s-block--fixed-banner > .container,
  .s-block--fixed-banner .container,
  .s-block--hero-slider > .container,
  .s-block--hero-slider .container {
    width: calc(100% - 64px) !important;
    max-width: 1360px !important;
  }
}


/* ============ 4) عناوين الأقسام: بالوسط أعلى القسم داخل حبة ============ */
.s-block__title,
.s-block > .container > .s-block__title {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto 1.25rem !important;
  background: transparent !important;
}
/* رائد يحط العنوان بجنب زر "عرض الكل" داخل flex — نلغي التوزيع الجانبي */
.s-block__title { justify-content: center !important; }
.s-block__title .right-side,
.s-block__title .left-side {
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
  float: none !important;
}
.s-block__title h2,
.s-block__title h1,
section.s-block > h2:first-child,
section.s-block > .container > h2:first-child {
  display: inline-block !important;
  background: var(--volma-beige-soft) !important;
  color: var(--volma-navy) !important;
  border: 1.5px solid var(--volma-line) !important;
  border-radius: 999px !important;
  padding: 0.5rem 1.75rem !important;
  margin: 0 auto 0.4rem !important;
  font-weight: 800 !important;
  float: none !important;
  text-align: center !important;
}
.s-block__title p {
  display: block !important;
  text-align: center !important;
  color: var(--volma-teal) !important;
  background: transparent !important;
  margin: 0 auto !important;
  float: none !important;
}
/* زر عرض الكل بجنب العنوان يتوسط تحته */
.s-block__title a { float: none !important; }

/* عناوين السلايدرات الحقيقية (المكوّن المُجمّع): title-right فيه العنوان و title-left فيه الأسهم */
.s-slider-block__title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  width: 100% !important;
  margin-bottom: 1rem !important;
}
.s-slider-block__title-right { width: 100% !important; text-align: center !important; }
.s-slider-block__title-right h2 {
  display: inline-block !important;
  background: rgba(232, 214, 178, 0.45) !important;
  color: #012733 !important;
  border: 1.5px solid rgba(46, 87, 107, 0.25) !important;
  border-radius: 999px !important;
  padding: 0.5rem 1.75rem !important;
  margin: 0 auto !important;
  font-weight: 800 !important;
}
.s-slider-block__title-left { margin: 0 auto !important; }

/* ============ 5) الأقسام الرئيسية (روابط التصنيفات) ============ */
.s-block--categories .s-slider-container,
.s-block--categories .container > div {
  border-radius: 1.5rem !important;
  background: var(--volma-beige-soft) !important;
  padding: 1rem !important;
}
.s-block--categories .swiper,
.s-block--categories .swiper-wrapper,
.s-block--categories .swiper-slide { background: transparent !important; }
.slide--cat-entry {
  border-radius: 16px;
  padding: 0.75rem;
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
}
.slide--cat-entry img { border-radius: 50% !important; object-fit: cover; }
@media (hover: hover) {
  .slide--cat-entry:hover {
    background-color: rgba(232, 214, 178, 0.6);
    box-shadow: var(--volma-shadow);
  }
}

/* ============ 6) بنرات مربعة + بلوكات التصنيفات ============ */
.s-block--banners { background: var(--volma-cream) !important; }
.banner-entry {
  border-radius: 18px !important;
  overflow: hidden;
  background-color: var(--volma-beige-soft) !important;
  transition: box-shadow 0.3s ease;
}
.banner-entry img { border-radius: 18px; }
@media (hover: hover) {
  .banner-entry:hover { box-shadow: 0 12px 28px rgba(1, 39, 51, 0.18); }
  .banner-entry:hover img { transform: scale(1.03); transition: transform 0.4s ease; }
}
.s-block--bundle-categories-showcase,
.s-block--bundle-categories-modern {
  background: var(--volma-cream) !important;
}
.s-block--bundle-categories-showcase img {
  border-radius: 16px !important;
  background: var(--volma-beige-soft);
}
.s-block--bundle-categories-showcase h2,
.s-block--bundle-categories-showcase h3,
.s-block--bundle-categories-showcase p {
  color: var(--volma-navy) !important;
  background: transparent !important;
}

/* ============ 7) قسم المميزات ============ */
.s-block--features {
  background: var(--volma-beige-soft) !important;
  border-radius: 1.5rem !important;
  padding: 1.25rem 1rem !important;
}
.s-block--features__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0.6rem !important;
  background: transparent !important;
}
.s-block--features .feature-icon {
  width: 64px; height: 64px;
  display: grid; place-items: center;
  border: 2px solid var(--volma-teal);
  border-radius: 50%;
  background: transparent !important;
}
.s-block--features .feature-icon i {
  color: var(--volma-teal) !important;
  font-size: 28px;
}
@media (max-width: 768px) {
  .s-block--features .feature-icon { width: 52px; height: 52px; }
  .s-block--features .feature-icon i { font-size: 22px; }
}

/* ============ 8) بطاقات المنتجات ============ */
.s-products-list-wrapper {
  background: transparent !important;
  overflow: visible;
}
.s-product-card-entry {
  position: relative;
  background-color: #012733 !important;
  border: 1px solid rgba(232, 214, 178, 0.22) !important;
  overflow: hidden !important;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
/* الهوفر: ظل دافئ + حدود تركوازية + تقريب خفيف للصورة — بدون رفع أو طبقات */
@media (hover: hover) {
  .s-product-card-entry:hover {
    border-color: var(--volma-teal) !important;
    box-shadow: 0 14px 32px rgba(1, 39, 51, 0.16) !important;
  }
  .s-product-card-entry:hover .s-product-card-image img,
  .s-product-card-entry:hover .s-product-card-image-cover {
    transform: scale(1.04);
  }
}
.s-product-card-image { background-color: #012733 !important; }
.s-product-card-image img,
.s-product-card-image-cover {
  transition: transform 0.4s ease;
  background-color: transparent !important;
}
.s-product-card-content { background-color: #012733 !important; }
.s-product-card-content-title,
.s-product-card-content-title a { color: #fff5e3 !important; }
.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-starting-price {
  color: #fff5e3 !important;
  -webkit-text-fill-color: #fff5e3 !important;
  font-weight: 700;
}
.s-product-card-content-subtitle { color: rgba(255, 245, 227, 0.75) !important; }
.s-product-card-entry .s-product-card-content-sub,
.s-product-card-entry .s-product-card-content-main,
.s-product-card-entry .s-product-card-content-footer { background: transparent !important; }
/* السعر القديم المشطوب */
.s-product-card-entry del,
.s-product-card-entry .line-through { color: rgba(255, 245, 227, 0.55) !important; }
/* التقييم والنجوم */
.s-product-card-rating { color: #fff5e3 !important; }
/* زر الإضافة داخل البطاقة: بيج على كحلي */
.s-product-card-entry salla-add-product-button button,
.s-product-card-entry .s-button-primary {
  background-color: #e8d6b2 !important;
  border-color: #e8d6b2 !important;
  color: #012733 !important;
  -webkit-text-fill-color: #012733 !important;
}
.s-product-card-entry salla-add-product-button button i,
.s-product-card-entry .s-button-primary i { color: #012733 !important; }
.s-product-card-promotion-title {
  background: var(--volma-teal) !important;
  color: #ffffff !important;
}
/* زر المفضلة داخل البطاقة */
.s-product-card-wishlist-btn {
  background-color: rgba(255, 245, 227, 0.12) !important;
  border-color: rgba(232, 214, 178, 0.35) !important;
}
.s-product-card-wishlist-btn i { color: #fff5e3 !important; }


/* ============ الأرقام: لون حسب السياق (منع الأسود الافتراضي) ============ */
/* على الأسطح الفاتحة: كحلي */
main .s-price, main salla-price, main bdi,
main .total-price, main .s-cart-summary-card-line b,
.s-quantity-input input, salla-quantity-input input,
main [dir="ltr"], .s-product-card-quantity,
.customer-orders-index td, .s-orders-table-tbody-tr-td {
  color: #012733 !important;
  -webkit-text-fill-color: #012733 !important;
}
/* داخل البطاقات الكحلية والهيدر والفوتر: كريمي */
.s-product-card-entry .s-price,
.s-product-card-entry salla-price,
.s-product-card-entry bdi,
.s-product-card-entry [dir="ltr"],
.s-product-card-entry .s-product-card-quantity,
.store-header bdi, .store-header [dir="ltr"], .store-header .s-price,
.store-footer bdi, .store-footer [dir="ltr"], .store-footer b {
  color: #fff5e3 !important;
  -webkit-text-fill-color: #fff5e3 !important;
}
/* عداد السلة بالهيدر */
.store-header .s-cart-summary-count,
.store-header [class*="badge"], .store-header .cart-count {
  color: #012733 !important;
  -webkit-text-fill-color: #012733 !important;
}
/* رمز الريال والأيقونات المرافقة للأسعار تتبع لون النص */
.s-product-card-entry .s-price svg,
.s-product-card-entry svg[class*="currency"] { fill: #fff5e3 !important; }
main .s-price svg, main svg[class*="currency"] { fill: #012733 !important; }


/* ============ 9) صفحة المنتج ============ */
.product-single .details-slider,
.product-single .details-slider img,
.product-single .image-slider img { border-radius: 18px !important; }
.product-single .main-content h1 { color: var(--volma-navy) !important; }
.product__description {
  background: var(--volma-beige-soft) !important;
  border-radius: 1.25rem !important;
  padding: 1.25rem !important;
  margin: 1rem 0 !important;
}
.product__description h2,
.product__description h3,
.product__description p,
.product__description span,
.product__description li {
  color: var(--volma-navy) !important;
  background: transparent !important;
}
salla-add-product-button {
  --color-primary: var(--volma-teal);
  --color-primary-reverse: #ffffff;
}
/* شريط الشراء الأصلي في رائد — بدون تعديل DOM أو أزرار الشراء */
.product-single .product-form > section.flex.bg-white,
.container--product-details .product-form > section.flex.bg-white,
.product-single .sticky-product-bar,
.container--product-details .sticky-product-bar {
  background-color: #fff5e3 !important;
  box-shadow: none !important;
}

/* ============ 10) الأزرار العامة ============ */
.s-button-primary {
  background-color: var(--volma-teal) !important;
  border-color: var(--volma-teal) !important;
  color: #ffffff !important;
}
.s-button-primary:hover { background-color: var(--volma-navy) !important; }
.s-button-primary-outline {
  border-color: #2e576b !important;
  color: #2e576b !important;
}
.s-button-primary-outline:hover {
  background-color: var(--volma-teal) !important;
  color: var(--volma-cream) !important;
}

/* ============ 11) السلة ============ */
.cart .cart-item,
.cart #free-shipping,
.cart #cart-gifting {
  background: var(--volma-beige) !important;
  border: 1px solid var(--volma-line) !important;
  border-radius: 14px !important;
  color: var(--volma-navy) !important;
}
.cart .cart-item h3, .cart .cart-item a, .cart .cart-item span, .cart .cart-item p {
  color: var(--volma-navy) !important;
}
.cart .sticky.top-24 > .shadow-default {
  background: var(--volma-beige) !important;
  border-radius: 14px !important;
  padding: 16px !important;
}
/* الكوبون */
.cart .s-cart-coupons-wrapper { background: transparent !important; }
.cart .s-cart-coupons-coupon-label { color: var(--volma-navy) !important; font-weight: 600; }
.cart .s-cart-coupons-coupon-input-container { display: flex; gap: 8px; }
.cart .s-cart-coupons-coupon-input-container input {
  background: var(--volma-cream) !important;
  color: var(--volma-navy) !important;
  border: 1px solid rgba(46, 87, 107, 0.35) !important;
  border-radius: 10px !important;
  height: 44px;
  padding: 0 12px;
  flex: 1 1 auto;
  min-width: 0;
}
.cart .s-cart-coupons-coupon-button button,
.cart button.s-cart-coupons-coupon-button {
  background: var(--volma-teal) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  height: 44px;
  padding: 0 16px;
  border: 0;
}
/* ملخص الطلب */
.cart .s-cart-summary-card {
  background: var(--volma-beige) !important;
  border-radius: 14px !important;
  border: 1px solid var(--volma-line) !important;
}
.cart .s-cart-summary-card-bar span,
.cart .s-cart-summary-card-bar b,
.cart .s-cart-summary-card-line span,
.cart .s-cart-summary-card-line b,
.cart .s-cart-summary-card-sheet-title { color: var(--volma-navy) !important; }
.cart .s-cart-summary-card-action button {
  background: var(--volma-teal) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  min-height: 48px;
  border: 0;
}
/* السلة على الجوال: ملخص ثابت أسفل */
@media (max-width: 767px) {
  body.cart { padding-bottom: calc(140px + env(safe-area-inset-bottom)) !important; }
  .cart .sticky.top-24 { position: static !important; width: 100%; }
  .cart .s-cart-summary-card {
    position: fixed !important;
    right: 0; bottom: 0; left: 0;
    z-index: 9998;
    border-radius: 16px 16px 0 0 !important;
    border: 0 !important;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 -6px 22px rgba(1, 39, 51, 0.14) !important;
  }
  .cart .s-cart-summary-card-sheet-wrap { display: none !important; }
  body.cart .scroll-top { display: none !important; }
}

/* ============ 12) الدفع: بألوان سلة الأساسية (بدون تدخل) ============ */
/* لا نطبّق أي ألوان على صفحة الدفع — نحيّد متغيراتنا داخلها فقط */
body.checkout, body.is--checkout, .checkout-page,
html.volma-checkout-page body {
  --volma-cream: #ffffff;
  --volma-beige: #f5f5f5;
  --volma-beige-soft: #f5f5f5;
  --volma-navy: #1f2937;
  --volma-teal: #374151;
  background-color: #ffffff !important;
  color: #1f2937 !important;
}
body.checkout main, body.is--checkout main, .checkout-page main {
  background-color: #ffffff !important;
}


/* ============ 13) تسجيل الدخول والمودالات: ألوان سلة الأساسية ============ */
/* لا نصبغ المودال — فقط نضمن ظهوره فوق أي عنصر */
#salla-modal { z-index: 99999 !important; }
/* تحييد متغيراتنا داخل المودال حتى لا تتسرب ألواننا */
#salla-modal {
  --volma-cream: #ffffff;
  --volma-beige: #f5f5f5;
  --volma-beige-soft: #f5f5f5;
  --volma-navy: #1f2937;
  --volma-teal: #374151;
}

/* ============ 14) صفحات الحساب والطلبات ============ */
.customer-orders-index .s-orders-table-tbody-tr,
.customer-orders-index td.s-orders-table-tbody-tr-td,
.customer-orders-index .s-orders-table-tbody-tr-td-content {
  background-color: var(--volma-beige) !important;
  border-color: var(--volma-beige) !important;
  color: var(--volma-navy) !important;
}
.customer-orders-single .bg-white { background-color: var(--volma-beige-soft) !important; }
@media (max-width: 1024px) {
  .s-user-menu-dropdown-list { padding-bottom: 5.5rem !important; }
}

/* ============ 15) آراء العملاء ============ */
.s-reviews-testimonial {
  background-color: var(--volma-beige) !important;
  border: 0 !important;
  border-radius: 12px !important;
}
.s-reviews-testimonial__text,
.s-reviews-testimonial__info h4,
.s-reviews-testimonial__info span { color: var(--volma-navy) !important; }

/* ============ 16) الفوتر — نمط ليفل (عمود واحد متوسط) بألوان فولما ============ */
/* نفس التوزيع للكمبيوتر والجوال: شعار ← وصف ← سوشال ← روابط بصف أفقي ← شارات ← دفع ← حقوق */

.store-footer {
  background: transparent !important;
  margin-top: 2rem;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
}
.store-footer > * { margin-top: 0 !important; margin-bottom: 0 !important; }

.store-footer__inner {
  background-color: #012733 !important;
  color: #fff5e3 !important;
  /* قوس علوي عريض مثل إطار الفوتر المرجعي */
  border-radius: 100% 100% 0 0 / 90px 90px 0 0 !important;
  padding: 3.5rem 1rem 0 !important;
  margin: 0 !important;
  overflow: hidden;
}
/* الصفحة خلف القوس كريمية حتى يبان الانحناء */
.store-footer { background: transparent !important; }

/* الحاوية: عمود واحد متوسط — يلغي شبكة رائد */
.store-footer__inner > .container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1.1rem !important;
  padding: 0 1rem 1.5rem !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.store-footer__inner > .container > div {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  border: 0 !important;
}
/* ترتيب ليفل: عمود الشعار/الوصف/السوشال أولًا ثم الروابط ثم الشارات */
.store-footer__inner > .container > div:first-child { order: 1 !important; }
.store-footer__inner > .container > div:nth-child(2) { order: 2 !important; }
.store-footer .volma-badges-row { order: 3 !important; width: 100% !important; }
.store-footer__inner > .container > div:nth-child(n+3) { order: 4 !important; }
/* مسافة أوضح فوق الشارات */
.store-footer .flex.gap-4 { margin-top: 0.35rem !important; }

/* نصوص الفوتر كريمية */
.store-footer h2, .store-footer h3, .store-footer h4,
.store-footer p, .store-footer li, .store-footer b,
.store-footer a, .store-footer span {
  color: var(--volma-cream) !important;
  background: transparent !important;
}
.store-footer a:hover { color: var(--volma-beige) !important; }

/* 1) الشعار (يُحقن عبر JS من الهيدر) */
.volma-footer-logo {
  display: block !important;
  max-width: 140px !important;
  height: auto !important;
  margin: 0 auto !important;
  background: transparent !important;
}

/* 2) الوصف: متوسط بعرض مريح — مثل فقرة ليفل */
.store-footer .max-w-sm {
  max-width: 560px !important;
  margin: 0 auto !important;
  font-size: 14px !important;
  line-height: 2 !important;
  text-align: center !important;
}
.store-footer__inner > .container > .lg\:col-span-2,
.store-footer__inner > .container > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.9rem !important;
}

/* 3) دوائر التواصل الاجتماعي: صف متوسط */
/* تنسيق قائمة السوشال فقط — بدون إجبار ظهور الغلاف (الثيم يقرر أيهما يظهر) */
.store-footer salla-social ul,
.store-footer .s-social-list {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.6rem !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  border: 0 !important;
}
/* الغلاف المخفي من الثيم يبقى مخفيًا (منع التكرار) */
.store-footer .hidden:not(.lg\:block) { display: none !important; }
.store-footer .contact-social { border: 0 !important; }
@media (min-width: 1024px) {
  .store-footer .lg\:hidden { display: none !important; }
  .store-footer .hidden.lg\:block { display: block !important; }
}
@media (max-width: 1023px) {
  .store-footer .hidden.lg\:block { display: none !important; }
  .store-footer .lg\:hidden { display: block !important; }
}
.store-footer salla-social li { margin: 0 !important; border: 0 !important; }
.store-footer salla-social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border: 1.5px solid rgba(255, 245, 227, 0.6) !important;
  border-radius: 50% !important;
  transition: 0.25s ease;
}
.store-footer salla-social a:hover {
  border-color: var(--volma-beige) !important;
  background: rgba(232, 214, 178, 0.14) !important;
}
.store-footer salla-social svg {
  width: 16px !important;
  height: 16px !important;
  fill: var(--volma-cream) !important;
}

/* 4) روابط تهمك: عنوان متوسط وتحته الروابط بصف أفقي واحد — مثل ليفل */
.store-footer .container h3,
.store-footer .container .block.mb-6 {
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  margin: 0 0 0.7rem !important;
  text-align: center !important;
}
.store-footer .s-menu-footer-list,
.store-footer salla-menu[source="footer"] > div > div {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.4rem 1.75rem !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.store-footer .s-menu-footer-item {
  display: inline-block !important;
  margin: 0 0.85rem !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}
.store-footer .container ul { list-style: none; padding: 0; margin: 0; }

/* 5) بلوك التواصل: ليفل ما يعرضه بالفوتر — نخفيه (الإيميل بأعلى الهيدر والواتساب عائم) */
.store-footer salla-contacts,
.store-footer .s-contacts { display: none !important; }

/* 6) شارات التوثيق: السجل + الضريبة صف متوسط */
.store-footer .flex.gap-4 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 2rem !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
}
.store-footer .s-trust-badges-wrapper {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border: 0 !important;
}
.store-footer .s-trust-badges-image {
  width: 40px !important;
  height: 40px !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
}
.store-footer .s-trust-badges-content { text-align: right !important; }
.store-footer .s-trust-badges-label {
  color: rgba(255, 245, 227, 0.85) !important;
  font-size: 12px !important;
  margin: 0 !important;
}
.store-footer .s-trust-badges-number {
  color: var(--volma-cream) !important;
  font-size: 13px !important;
  direction: ltr;
  unicode-bidi: embed;
}

/* 7) شرائح الدفع (تُنقل عبر JS فوق سطر الحقوق): صف متوسط */
.store-footer__inner > salla-payments,
.store-footer__inner > .s-payments-list-wrap {
  display: block !important;
  padding: 0.25rem 1rem 1.4rem !important;
}
.store-footer .s-payments-list {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.store-footer .s-payments-list-item {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 2px 4px !important;
  display: inline-flex !important;
  align-items: center !important;
}
.store-footer .s-payments-list-item img,
.store-footer .s-payments-list-item svg {
  height: 20px !important;
  width: auto !important;
  background: transparent !important;
}

/* 8) سطر الحقوق: نفس الكحلي (بدون شريط منفصل) بفاصل شعري — مثل ليفل */
.store-footer .py-4,
.store-footer .md\:flex.items-center.justify-between.py-4 {
  background-color: #012733 !important;
  border-top: 1px solid rgba(255, 245, 227, 0.12) !important;
  margin: 0 !important;
  padding: 0.9rem 1rem !important;
  max-width: 100% !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
}
.store-footer .copyright-text,
.store-footer .copyright-text p {
  color: rgba(255, 245, 227, 0.85) !important;
  font-size: 12.5px !important;
  margin: 0 !important;
}

/* تنظيف عام داخل الفوتر: لا خطوط ولا فواصل دخيلة، وإخفاء الفاضي */
.store-footer__inner hr { display: none !important; }
.store-footer__inner > .container > div,
.store-footer__inner > .container > div > div,
.store-footer salla-social,
.store-footer .contact-social,
.store-footer salla-menu,
.store-footer .s-menu-footer-list,
.store-footer .flex.gap-4 {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.store-footer__inner [class*="border-t"],
.store-footer__inner [class*="border-b"],
.store-footer__inner [class*="divide"] { border: 0 !important; }
.store-footer salla-apps-icons:empty { display: none !important; }
.store-footer salla-apps-icons { padding: 0 !important; }
.store-footer img { background: transparent; border-radius: 0; }

@media (min-width: 768px) and (max-width: 1023px) {
  .store-footer__inner { border-radius: 100% 100% 0 0 / 65px 65px 0 0 !important; }
}

/* الجوال: نفس العمود المتوسط — مقاسات أصغر فقط */
@media (max-width: 767px) {
  .store-footer__inner {
    border-radius: 100% 100% 0 0 / 40px 40px 0 0 !important;
    padding-top: 2.75rem !important;
  }
  .store-footer__inner > .container { gap: 0.9rem !important; padding-bottom: 1.1rem !important; }
  .volma-footer-logo { max-width: 115px !important; }
  .store-footer .max-w-sm { font-size: 12.5px !important; line-height: 1.9 !important; max-width: 320px !important; }
  .store-footer .s-menu-footer-list { gap: 0.35rem 1.25rem !important; }
  .store-footer .s-menu-footer-item { font-size: 13px !important; margin: 0 0.6rem !important; }
  .store-footer .flex.gap-4 { gap: 1.25rem !important; }
  .store-footer .s-trust-badges-image { width: 34px !important; height: 34px !important; }
  .store-footer .s-trust-badges-label { font-size: 10.5px !important; }
  .store-footer .s-trust-badges-number { font-size: 11.5px !important; }
  .store-footer salla-social a { width: 33px !important; height: 33px !important; }
  .store-footer salla-social svg { width: 14px !important; height: 14px !important; }
  .store-footer .s-payments-list-item img,
  .store-footer .s-payments-list-item svg { height: 16px !important; }
  .store-footer .copyright-text, .store-footer .copyright-text p { font-size: 11px !important; }
}

/* ============ تأثيرات اللمس بالجوال (بديل الهوفر) ============ */
@media (hover: none) {
  .s-product-card-entry:active {
    border-color: #2e576b !important;
    box-shadow: 0 10px 24px rgba(1, 39, 51, 0.18) !important;
  }
  .s-product-card-entry:active .s-product-card-image img,
  .s-product-card-entry:active .s-product-card-image-cover {
    transform: scale(1.03);
  }
  .banner-entry:active {
    box-shadow: 0 10px 24px rgba(1, 39, 51, 0.18) !important;
  }
  .banner-entry:active img { transform: scale(1.02); }
  .slide--cat-entry:active {
    background-color: rgba(232, 214, 178, 0.6) !important;
    box-shadow: 0 8px 18px rgba(1, 39, 51, 0.12) !important;
  }
  .store-footer salla-social a:active,
  .store-footer .contact-social a:active {
    border-color: #e8d6b2 !important;
    background: rgba(232, 214, 178, 0.2) !important;
  }
  .s-button-primary:active { background-color: #012733 !important; }
  .s-button-primary-outline:active {
    background-color: #2e576b !important;
    color: #fff5e3 !important;
  }
  .store-header a:active { color: #e8d6b2 !important; }
}

/* ============ 18) أزرار عائمة ============ */
.scroll-top { bottom: 170px !important; }
#karzoun-widget-send-button { display: none !important; }
.index #karzoun-widget-send-button { display: block !important; }
@media (max-width: 768px) { .index #karzoun-widget-send-button { bottom: 96px !important; } }
#moatmt_chat_widget { display: none !important; }
html.volma-home-page #moatmt_chat_widget { display: block !important; }
.karzoun-box-poweredby a { font-size: 0; }

/* ============ 19) ودجت الإثبات الاجتماعي ============ */
#volma-proof {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 50px; min-height: 50px;
  margin: 15px 0;
  overflow: hidden;
  direction: rtl;
  box-sizing: border-box;
  border: 1px solid rgba(232, 214, 178, 0.18);
  border-radius: 12px;
  background: linear-gradient(135deg, var(--volma-navy), #0b3541);
  box-shadow: 0 7px 18px rgba(1, 39, 51, 0.13);
}
#volma-proof .vp-item {
  position: absolute; inset: 0;
  display: flex; align-items: center; gap: 9px;
  padding: 0 14px;
  opacity: 0; transform: translateY(4px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
  font-size: 13px !important; font-weight: 700 !important;
  color: #ffffff !important;
}
#volma-proof .vp-item.vp-active { opacity: 1; transform: none; }
#volma-proof .vp-icon {
  display: flex; align-items: center; justify-content: center;
  flex: 0 0 24px; width: 24px; height: 24px;
  border-radius: 50%;
  background: rgba(255, 245, 227, 0.1);
  animation: vpPulse 2.1s ease-in-out infinite;
}
#volma-proof svg {
  width: 15px; height: 15px;
  fill: none !important;
  stroke: var(--volma-cream) !important;
  stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;
}
#volma-proof .vp-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff !important; }
#volma-proof strong { color: var(--volma-beige) !important; font-weight: 900 !important; }
@keyframes vpPulse {
  0%, 100% { transform: scale(1); opacity: 0.84; }
  50% { transform: scale(1.12); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  #volma-proof .vp-item { transition: none; }
  #volma-proof .vp-icon { animation: none; }
}


/* ============ شاشة التحميل: شعار فولما + حلقة تحميل ============ */
#volma-preloader {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #012733;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  animation: volmaPreloaderFailsafe 7s forwards;
}
/* إلغاء أنيميشن الأمان عند الإخفاء وإلا منع التلاشي */
#volma-preloader.is-hidden {
  animation: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#volma-preloader .volma-pre-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
}
/* الشعار بالوسط بنبض هادئ */
#volma-preloader .volma-pre-logo {
  width: 92px;
  max-width: 40vw;
  height: auto;
  object-fit: contain;
  background: transparent;
  animation: volmaPreFade 1.9s ease-in-out infinite;
}
#volma-preloader .volma-pre-wordmark {
  color: #fff5e3;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 2px;
  animation: volmaPreFade 1.9s ease-in-out infinite;
}
/* حلقة التحميل حول الشعار */
#volma-preloader .volma-pre-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid rgba(255, 245, 227, 0.14);
  border-top-color: #e8d6b2;
  animation: volmaPreSpin 1.05s linear infinite;
  pointer-events: none;
}

@keyframes volmaPreFade {
  0%, 100% { opacity: 0.6; transform: scale(0.98); }
  50% { opacity: 1; transform: scale(1); }
}
@keyframes volmaPreSpin {
  to { transform: rotate(360deg); }
}
@keyframes volmaPreloaderFailsafe {
  0%, 92% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}

html.volma-preloading,
html.volma-preloading body { overflow: hidden !important; }

@media (max-width: 480px) {
  #volma-preloader .volma-pre-stage { width: 120px; height: 120px; }
  #volma-preloader .volma-pre-logo { width: 74px; }
  #volma-preloader .volma-pre-wordmark { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  #volma-preloader .volma-pre-logo,
  #volma-preloader .volma-pre-wordmark { animation: none; opacity: 1; }
  #volma-preloader .volma-pre-ring { animation: none; border-top-color: rgba(232, 214, 178, 0.5); }
  #volma-preloader { animation: none; }
}

/* ============ 20) تفاصيل عامة ============ */
.popup-content.relative { background: var(--volma-teal) !important; }
salla-comments { display: block; padding-top: 2rem; }


/* VOLMA — PRODUCT CARD + ACCOUNT AVATAR FIX */

/* =========================================================
   1) بطاقات المنتجات — زوايا دائرية بسيطة وموحدة
   ========================================================= */

.s-product-card-entry {
  border-radius: 12px !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* صورة المنتج تتبع زوايا البطاقة من الأعلى */
.s-product-card-entry .s-product-card-image,
.s-product-card-entry .s-product-card-image-cover,
.s-product-card-entry .s-product-card-image img {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

/* محتوى البطاقة يتبع الزوايا من الأسفل */
.s-product-card-entry .s-product-card-content,
.s-product-card-entry .s-product-card-content-footer {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

/* زر الإضافة لا يكسر الحواف */
.s-product-card-entry salla-add-product-button,
.s-product-card-entry salla-add-product-button button,
.s-product-card-entry .s-button-primary {
  border-radius: 10px !important;
}

/* على الجوال نخليها أخف شوي */
@media (max-width: 767px) {
  .s-product-card-entry {
    border-radius: 10px !important;
  }

  .s-product-card-entry .s-product-card-image,
  .s-product-card-entry .s-product-card-image-cover,
  .s-product-card-entry .s-product-card-image img {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .s-product-card-entry .s-product-card-content,
  .s-product-card-entry .s-product-card-content-footer {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .s-product-card-entry salla-add-product-button button,
  .s-product-card-entry .s-button-primary {
    border-radius: 9px !important;
  }
}


/* =========================================================
   2) أيقونة/صورة حساب العميل — بدون خلفية بيضاء
   ========================================================= */

/* الغلاف الأساسي لمكوّن حساب سلة */
.store-header salla-user-menu,
.store-header .s-user-menu-wrapper,
.store-header .s-user-menu-relative-dropdown,
.store-header .s-user-menu-toggler {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* هذا هو العنصر الذي يضيف خلفية بيضاء افتراضيًا */
.store-header .s-user-menu-trigger {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* صورة الحساب نفسها */
.store-header .s-user-menu-trigger-avatar {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  object-fit: contain !important;
}

/* لو كانت الصورة الافتراضية داخل أي غلاف إضافي */
.store-header .s-user-menu-trigger-avatar-only,
.store-header .s-user-menu-trigger-avatar-only .s-user-menu-trigger {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* المحافظة على حجم واضح ومتناسق */
.store-header .s-user-menu-trigger-avatar {
  width: 42px !important;
  height: 42px !important;
}

@media (max-width: 767px) {
  .store-header .s-user-menu-trigger-avatar {
    width: 40px !important;
    height: 40px !important;
  }
}

/* END VOLMA — PRODUCT CARD + ACCOUNT AVATAR FIX */

/* VOLMA — REMOVE SALLA GRAY 100 */
/* #F3F4F6 = Tailwind/Salla gray-100.
   نستبدله بكريمي فولما في صفحات المتجر فقط.
   صفحة الدفع والمودالات تبقى بألوان سلة الأساسية. */

:root {
  --volma-salla-gray-replacement: #FFF5E3;
}

body:not(.checkout):not(.is--checkout) main .bg-gray-100,
body:not(.checkout):not(.is--checkout) main .bg-gray-50,
body:not(.checkout):not(.is--checkout) .page-body .bg-gray-100,
body:not(.checkout):not(.is--checkout) .page-body .bg-gray-50,
body:not(.checkout):not(.is--checkout) .customer-page .bg-gray-100,
body:not(.checkout):not(.is--checkout) .customer-page .bg-gray-50,
body:not(.checkout):not(.is--checkout) .products-page .bg-gray-100,
body:not(.checkout):not(.is--checkout) .products-page .bg-gray-50,
body:not(.checkout):not(.is--checkout) .s-blocks-wrapper .bg-gray-100,
body:not(.checkout):not(.is--checkout) .s-blocks-wrapper .bg-gray-50 {
  background-color: #FFF5E3 !important;
  background-image: none !important;
}

/* بعض عناصر رائد تأتي باللون مباشرة داخل style */
body:not(.checkout):not(.is--checkout) main [style*="#f3f4f6" i],
body:not(.checkout):not(.is--checkout) main [style*="rgb(243, 244, 246)" i],
body:not(.checkout):not(.is--checkout) .page-body [style*="#f3f4f6" i],
body:not(.checkout):not(.is--checkout) .page-body [style*="rgb(243, 244, 246)" i] {
  background-color: #FFF5E3 !important;
}

/* لا نلمس المودالات أو تسجيل الدخول */
#salla-modal .bg-gray-100,
#salla-modal .bg-gray-50 {
  background-color: initial;
}
/* END VOLMA — REMOVE SALLA GRAY 100 */


/* تصنيفات الباقات: أبعاد الصور والحواف (مدمجة من الكتل المكررة) */
.theme-raed .s-block.s-block--bundle-categories-showcase .category-card,
.theme-raed .s-block.s-block--bundle-categories-showcase [class*="category-card"] {
  border-radius: 14px !important;
  overflow: hidden !important;
}
.theme-raed .s-block.s-block--bundle-categories-showcase .category-card img,
.theme-raed .s-block.s-block--bundle-categories-showcase [class*="category-card"] img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* VOLMA — HIGH QUALITY IMAGE RENDERING */

/* لا نرفع دقة غير موجودة في المصدر؛ نضمن فقط أن المتصفح
   يستخدم أفضل Render متاح ولا يطبق Pixelated/Low-quality scaling. */
img,
picture img,
.s-product-card-image img,
.s-product-card-image-cover img,
.product-single img,
.category-card img,
.banner-entry img,
.banner img {
  image-rendering: auto !important;
  -ms-interpolation-mode: bicubic;
}

/* صور المنتجات والبنرات لا تتمدد بأبعاد مشوهة */
.s-product-card-image img,
.s-product-card-image-cover img,
.category-card img,
.banner-entry img {
  max-width: 100% !important;
}

/* لا نستخدم Blur/opacity على الصور الأساسية */
.s-product-card-image img,
.product-single .details-slider img,
.product-single .image-slider img,
.banner.banner--fixed img,
.s-block--fixed-banner img,
.s-block--hero-slider img {
  filter: none !important;
}
/* END VOLMA — HIGH QUALITY IMAGE RENDERING */










/* ============================================================
   شريط الشراء — تناسق الصف الواحد (سعر · كمية · أزرار · Apple Pay)
   ============================================================ */

/* الديسكتوب/التابلت: صف أفقي متزن داخل نموذج الشراء */
@media (min-width: 768px) {
  .product-single .sticky-product-bar,
  .container--product-details .sticky-product-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px 12px !important;
    padding: 14px !important;
  }
  /* السعر أولًا ثم الكمية ثم الأزرار */
  .product-single .sticky-product-bar .price-wrapper,
  .container--product-details .sticky-product-bar .price-wrapper { order: 1 !important; flex: 0 0 auto !important; }
  .product-single .sticky-product-bar salla-quantity-input,
  .container--product-details .sticky-product-bar salla-quantity-input,
  .product-single .sticky-product-bar .s-quantity-input-container,
  .container--product-details .sticky-product-bar .s-quantity-input-container {
    order: 2 !important;
    flex: 0 0 auto !important;
    min-width: 120px !important;
  }
  .product-single .sticky-product-bar > .flex:last-child,
  .container--product-details .sticky-product-bar > .flex:last-child {
    order: 3 !important;
    flex: 1 1 320px !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  /* توحيد ارتفاع كل عناصر الصف */
  .product-single .sticky-product-bar button,
  .container--product-details .sticky-product-bar button,
  .product-single .sticky-product-bar salla-button,
  .container--product-details .sticky-product-bar salla-button,
  .product-single .sticky-product-bar apple-pay-button,
  .container--product-details .sticky-product-bar apple-pay-button,
  .product-single .sticky-product-bar .s-quantity-input-container,
  .container--product-details .sticky-product-bar .s-quantity-input-container {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 10px !important;
  }
  .product-single .sticky-product-bar apple-pay-button,
  .container--product-details .sticky-product-bar apple-pay-button {
    --apple-pay-button-height: 48px;
    --apple-pay-button-border-radius: 10px;
    flex: 0 0 150px !important;
  }
}

/* الجوال: نفس ارتفاع الأزرار وتناسق الصف السفلي */
@media (max-width: 767px) {
  .product-single .sticky-product-bar > .flex:last-child,
  .container--product-details .sticky-product-bar > .flex:last-child,
  .product-single .sticky-product-bar > [class*="buttons"],
  .container--product-details .sticky-product-bar > [class*="buttons"] {
    align-items: stretch !important;
  }
  .product-single .sticky-product-bar apple-pay-button,
  .container--product-details .sticky-product-bar apple-pay-button {
    --apple-pay-button-height: 42px;
    --apple-pay-button-border-radius: 9px;
  }
  /* الكمية بنفس ارتفاع الأزرار */
  .product-single .sticky-product-bar .s-quantity-input-container,
  .container--product-details .sticky-product-bar .s-quantity-input-container {
    border-radius: 9px !important;
  }
}

/* ألوان موحدة لأزرار الشراء: إضافة للسلة تركوازي · اشترِ الآن مفرّغ */
.product-single .sticky-product-bar salla-add-product-button button,
.container--product-details .sticky-product-bar salla-add-product-button button {
  background-color: #2e576b !important;
  border-color: #2e576b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
}
.product-single .sticky-product-bar .s-button-primary-outline,
.container--product-details .sticky-product-bar .s-button-primary-outline {
  background-color: transparent !important;
  border: 1.5px solid #2e576b !important;
  color: #2e576b !important;
  -webkit-text-fill-color: #2e576b !important;
  font-weight: 700 !important;
}
/* حقل الكمية: أرضية بيضاء بإطار هادئ ونص كحلي */
.product-single .sticky-product-bar .s-quantity-input-container,
.container--product-details .sticky-product-bar .s-quantity-input-container {
  background: #ffffff !important;
  border: 1px solid rgba(46, 87, 107, 0.2) !important;
}
.product-single .sticky-product-bar .s-quantity-input-input,
.container--product-details .sticky-product-bar .s-quantity-input-input,
.product-single .sticky-product-bar salla-quantity-input input,
.container--product-details .sticky-product-bar salla-quantity-input input {
  color: #012733 !important;
  -webkit-text-fill-color: #012733 !important;
  background: transparent !important;
  font-weight: 700 !important;
}

/* ============================================================
   زر Apple Pay الرسمي بجوار "اشتري الآن"
   ملاحظة: لا نُنشئ زرًا وهميًا — ننسّق زر سلة الأصلي فقط،
   وهو يظهر تلقائيًا على أجهزة Apple عند تفعيله بلوحة سلة.
   ============================================================ */

/* صف الشراء: اشتري الآن + Apple Pay جنب بعض بالتساوي */
.volma-buy-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
}

/* المظهر الرسمي من Apple (يعمل على Safari) */
.volma-apple-pay-integrated .apple-pay-button,
.product-single .apple-pay-button,
.container--product-details .apple-pay-button {
  -webkit-appearance: -apple-pay-button !important;
  -apple-pay-button-type: buy !important;
  -apple-pay-button-style: black !important;
  display: block !important;
  width: 100% !important;
  cursor: pointer !important;
}

/* مكوّن Apple الرسمي <apple-pay-button> */
.product-single apple-pay-button,
.container--product-details apple-pay-button {
  display: block !important;
  width: 100% !important;
  --apple-pay-button-width: 100%;
  --apple-pay-button-border-radius: 10px;
  --apple-pay-button-padding: 0;
}

/* الغلاف المدمج يأخذ نفس مساحة الزر المجاور */
.volma-apple-pay-integrated {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* الأبعاد: الديسكتوب 48px */
@media (min-width: 768px) {
  .volma-buy-row { gap: 10px !important; }
  .product-single apple-pay-button,
  .container--product-details apple-pay-button {
    --apple-pay-button-height: 48px;
    --apple-pay-button-border-radius: 10px;
    height: 48px !important;
  }
  .volma-apple-pay-integrated,
  .volma-apple-pay-integrated .apple-pay-button {
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 10px !important;
  }
}

/* الجوال: 42px بنفس ارتفاع "اشتري الآن" */
@media (max-width: 767px) {
  .volma-buy-row {
    grid-column: 1 / -1 !important;
    gap: 8px !important;
  }
  .product-single apple-pay-button,
  .container--product-details apple-pay-button {
    --apple-pay-button-height: 42px;
    --apple-pay-button-border-radius: 9px;
    height: 42px !important;
  }
  .volma-apple-pay-integrated,
  .volma-apple-pay-integrated .apple-pay-button {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 9px !important;
  }
  /* زر الإضافة للسلة يبقى صفًا كاملًا تحتهما */
  .product-single .sticky-product-bar salla-add-product-button,
  .container--product-details .sticky-product-bar salla-add-product-button {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

/* على الأجهزة غير المدعومة لا يظهر شيء ولا يترك فراغًا */
.volma-buy-row > .volma-apple-pay-integrated:empty { display: none !important; }

/* ============================================================
   VOLMA — AUTHORITATIVE FINAL CSS — 2026-08-13
   ============================================================ */

/* ---------- FIXED BANNER ---------- */
.s-block.s-block--fixed-banner.wide-placeholder,
.s-block.s-block--fixed-banner {
  background: #FFF5E3 !important;
}

.s-block.s-block--fixed-banner.wide-placeholder {
  margin-top: 22px !important;
}

.s-block--fixed-banner > .container,
.s-block--fixed-banner .container {
  width: calc(100% - 32px) !important;
  max-width: 1360px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

.s-block--fixed-banner .banner,
.s-block--fixed-banner .banner--fixed,
.s-block--fixed-banner a,
.s-block--fixed-banner picture,
.s-block--fixed-banner img,
.volma-fixed-banner-ready .banner,
.volma-fixed-banner-ready a,
.volma-fixed-banner-ready picture,
.volma-fixed-banner-ready img {
  border-radius: 14px !important;
}

.s-block--fixed-banner .banner,
.s-block--fixed-banner .banner--fixed,
.s-block--fixed-banner a,
.s-block--fixed-banner picture,
.volma-fixed-banner-ready .banner,
.volma-fixed-banner-ready a,
.volma-fixed-banner-ready picture {
  overflow: hidden !important;
}

.s-block--fixed-banner img,
.volma-fixed-banner-ready img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  clip-path: inset(0 round 14px) !important;
  filter: none !important;
  image-rendering: auto !important;
}

@media (max-width: 767px) {
  .s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 14px !important;
  }

  .s-block--fixed-banner > .container,
  .s-block--fixed-banner .container {
    width: calc(100% - 20px) !important;
  }

  .s-block--fixed-banner .banner,
  .s-block--fixed-banner .banner--fixed,
  .s-block--fixed-banner a,
  .s-block--fixed-banner picture,
  .s-block--fixed-banner img,
  .volma-fixed-banner-ready .banner,
  .volma-fixed-banner-ready a,
  .volma-fixed-banner-ready picture,
  .volma-fixed-banner-ready img {
    border-radius: 11px !important;
  }

  .s-block--fixed-banner img,
  .volma-fixed-banner-ready img {
    clip-path: inset(0 round 11px) !important;
  }
}


/* ---------- BUNDLE CATEGORIES: IMAGES ONLY ---------- */
.theme-raed .s-block.s-block--bundle-categories-showcase {
  background: #FFF5E3 !important;
  box-shadow: none !important;
  filter: none !important;
}

.theme-raed .s-block.s-block--bundle-categories-showcase .s-block__title,
.theme-raed .s-block.s-block--bundle-categories-showcase .s-slider-block__title,
.theme-raed .s-block.s-block--bundle-categories-showcase > .container > h1,
.theme-raed .s-block.s-block--bundle-categories-showcase > .container > h2,
.theme-raed .s-block.s-block--bundle-categories-showcase > .container > h3,
.theme-raed .s-block.s-block--bundle-categories-showcase > .container > p {
  display: none !important;
}

.theme-raed .s-block.s-block--bundle-categories-showcase .volma-category-image-link {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background: #FFF5E3 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.theme-raed .s-block.s-block--bundle-categories-showcase .volma-category-image-link::before,
.theme-raed .s-block.s-block--bundle-categories-showcase .volma-category-image-link::after,
.theme-raed .s-block.s-block--bundle-categories-showcase .volma-category-image-link *::before,
.theme-raed .s-block.s-block--bundle-categories-showcase .volma-category-image-link *::after {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.theme-raed .s-block.s-block--bundle-categories-showcase .volma-category-image-link img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}

@media (max-width: 767px) {
  .theme-raed .s-block.s-block--bundle-categories-showcase .volma-category-mobile-parent {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
    overflow: visible !important;
    transform: none !important;
    height: auto !important;
  }

  .theme-raed .s-block.s-block--bundle-categories-showcase .volma-category-image-link {
    display: block !important;
    flex: 0 0 auto !important;
    width: 52vw !important;
    min-width: 170px !important;
    max-width: 240px !important;
    margin: 0 auto !important;
  }
}


/* ---------- PRODUCT PRICE ---------- */
.product-single [data-volma-hide-price-word="1"],
.container--product-details [data-volma-hide-price-word="1"],
.product-single .product-form .starting-price-title,
.container--product-details .product-form .starting-price-title,
.product-single .product-form .price-label,
.container--product-details .product-form .price-label {
  display: none !important;
}

/* hide the standalone top price; purchase-form price remains desktop source */
.product-single [data-testid="store-product-price"],
.container--product-details [data-testid="store-product-price"],
.product-single .main-content > small.color-grey,
.container--product-details .main-content > small.color-grey {
  display: none !important;
}

.product-single .product-form .price-wrapper::after,
.container--product-details .product-form .price-wrapper::after {
  content: none !important;
  display: none !important;
}

.volma-desktop-tax-note {
  display: none;
}

@media (min-width: 768px) {
  .product-single .product-form .price-wrapper,
  .container--product-details .product-form .price-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px 8px !important;
    background: transparent !important;
  }

  .product-single .product-form .price-wrapper .total-price,
  .container--product-details .product-form .price-wrapper .total-price,
  .product-single .product-form .price-wrapper .before-price,
  .container--product-details .product-form .price-wrapper .before-price {
    color: #012733 !important;
    -webkit-text-fill-color: #012733 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
  }

  .volma-desktop-tax-note {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-top: 2px !important;
    color: #2E576B !important;
    -webkit-text-fill-color: #2E576B !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
  }

  .volma-mobile-total-price {
    display: none !important;
  }
}

@media (max-width: 767px) {
  html.volma-mobile-price-ready
  .product-single .product-form .price-wrapper,
  html.volma-mobile-price-ready
  .container--product-details .product-form .price-wrapper {
    display: none !important;
  }

  .product-single .sticky-product-bar,
  .container--product-details .sticky-product-bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 112px !important;
    grid-template-areas:
      "proof proof"
      "quantity price"
      "actions actions"
      "apple apple" !important;
    gap: 8px !important;
    align-items: stretch !important;

    width: calc(100% - 16px) !important;
    right: 8px !important;
    left: 8px !important;
    bottom: 8px !important;

    box-sizing: border-box !important;
    padding: 9px !important;
    padding-bottom: calc(9px + env(safe-area-inset-bottom)) !important;

    background: #FFF5E3 !important;
    border: 1px solid rgba(1,39,51,.16) !important;
    border-radius: 14px !important;
    box-shadow: 0 -5px 18px rgba(1,39,51,.12) !important;
    overflow: visible !important;
    z-index: 9997 !important;
  }

  #volma-proof.vp-mobile-integrated {
    grid-area: proof !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
  }

  .volma-mobile-total-price {
    grid-area: price !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 52px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
    padding: 6px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(46,87,107,.18) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    direction: rtl !important;
    text-align: center !important;
  }

  .volma-mobile-total-price__value {
    color: #012733 !important;
    -webkit-text-fill-color: #012733 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .volma-mobile-total-price small {
    margin-top: 3px !important;
    color: #587783 !important;
    -webkit-text-fill-color: #587783 !important;
    font-size: 7.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .product-single .sticky-product-bar salla-quantity-input,
  .container--product-details .sticky-product-bar salla-quantity-input,
  .product-single .sticky-product-bar .s-quantity-input-container,
  .container--product-details .sticky-product-bar .s-quantity-input-container {
    grid-area: quantity !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    margin: 0 !important;
  }

  .product-single .sticky-product-bar > .flex:last-child,
  .container--product-details .sticky-product-bar > .flex:last-child,
  .product-single .sticky-product-bar > [class*="buttons"],
  .container--product-details .sticky-product-bar > [class*="buttons"],
  .product-single .sticky-product-bar > [class*="actions"],
  .container--product-details .sticky-product-bar > [class*="actions"] {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .product-single .sticky-product-bar button,
  .container--product-details .sticky-product-bar button,
  .product-single .sticky-product-bar salla-button,
  .container--product-details .sticky-product-bar salla-button {
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 9px !important;
  }

  /* Apple Pay native only; if Salla renders it, it stays visible */
  .product-single .sticky-product-bar apple-pay-button,
  .container--product-details .sticky-product-bar apple-pay-button,
  .product-single .sticky-product-bar salla-apple-pay,
  .container--product-details .sticky-product-bar salla-apple-pay,
  .product-single .sticky-product-bar .apple-pay-button,
  .container--product-details .sticky-product-bar .apple-pay-button,
  .product-single .sticky-product-bar [data-payment-method="apple-pay"],
  .container--product-details .sticky-product-bar [data-payment-method="apple-pay"] {
    grid-area: apple !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    box-shadow: none !important;
  }
}


/* ---------- COMMENTS / PRODUCT COMMENTS ---------- */
salla-comments,
.s-comments.s-comments-product,
.s-comments.s-comments-product .s-comments-wrapper,
.s-comments.s-comments-product .comments-wrapper,
.s-comments.s-comments-product .comment,
.s-comments.s-comments-product .comment-item,
.s-comments.s-comments-product [class*="comment"] {
  background: #FFF5E3 !important;
  background-color: #FFF5E3 !important;
  color: #012733 !important;
  box-shadow: none !important;
}

.s-comments.s-comments-product {
  border: 1px solid rgba(46,87,107,.14) !important;
  border-radius: 16px !important;
  padding: 18px !important;
}

.s-comments.s-comments-product h2,
.s-comments.s-comments-product h3,
.s-comments.s-comments-product h4,
.s-comments.s-comments-product p,
.s-comments.s-comments-product span,
.s-comments.s-comments-product label,
.s-comments.s-comments-product strong {
  color: #012733 !important;
}

.s-comments.s-comments-product textarea,
.s-comments.s-comments-product input:not([type="radio"]):not([type="checkbox"]) {
  background: #FFF5E3 !important;
  color: #012733 !important;
  border: 1px solid rgba(46,87,107,.28) !important;
  border-radius: 10px !important;
}

/* END VOLMA — AUTHORITATIVE FINAL CSS */

/* VOLMA — HEADER CART PRICE */
.store-header salla-cart-summary,
.store-header salla-cart-summary *,
.store-header .s-cart-summary-total,
.store-header .s-cart-summary-total-price,
.store-header [class*="cart"] [class*="price"],
.store-header [class*="cart"] [class*="total"],
#mainnav salla-cart-summary,
#mainnav salla-cart-summary *,
#mainnav [class*="cart"] [class*="price"],
#mainnav [class*="cart"] [class*="total"] {
  color: #FFF5E3 !important;
  -webkit-text-fill-color: #FFF5E3 !important;
}
/* END VOLMA — HEADER CART PRICE */

/* VOLMA — CONSOLIDATED CATEGORY + REVIEWS + SAFE SPEED */

/* =========================================================
   1) CATEGORIES — equal cards, images only
   ========================================================= */
.theme-raed .s-block.s-block--bundle-categories-showcase {
  background: #FFF5E3 !important;
  box-shadow: none !important;
  filter: none !important;
}

.theme-raed .s-block.s-block--bundle-categories-showcase .s-block__title,
.theme-raed .s-block.s-block--bundle-categories-showcase .s-slider-block__title,
.theme-raed .s-block.s-block--bundle-categories-showcase .category-name,
.theme-raed .s-block.s-block--bundle-categories-showcase .category-content,
.theme-raed .s-block.s-block--bundle-categories-showcase .shop-now,
.theme-raed .s-block.s-block--bundle-categories-showcase [class*="category-name"],
.theme-raed .s-block.s-block--bundle-categories-showcase [class*="shop-now"] {
  display: none !important;
}

.theme-raed .s-block.s-block--bundle-categories-showcase .volma-cat-link {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;

  background: #FFF5E3 !important;
  border-radius: 12px !important;

  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;

  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

.theme-raed .s-block.s-block--bundle-categories-showcase .volma-cat-link::before,
.theme-raed .s-block.s-block--bundle-categories-showcase .volma-cat-link::after,
.theme-raed .s-block.s-block--bundle-categories-showcase .volma-cat-link *::before,
.theme-raed .s-block.s-block--bundle-categories-showcase .volma-cat-link *::after,
.theme-raed .s-block.s-block--bundle-categories-showcase .volma-cat-link [class*="overlay"],
.theme-raed .s-block.s-block--bundle-categories-showcase .volma-cat-link [class*="gradient"] {
  content: none !important;
  display: none !important;

  background: none !important;
  background-image: none !important;

  box-shadow: none !important;
  filter: none !important;
}

.theme-raed .s-block.s-block--bundle-categories-showcase .volma-cat-link img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center !important;

  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;

  border-radius: 12px !important;
}

@media (max-width: 767px) {
  .theme-raed .s-block.s-block--bundle-categories-showcase .volma-cat-stack {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;

    gap: 12px !important;

    overflow: visible !important;
    transform: none !important;
    height: auto !important;
  }

  .theme-raed .s-block.s-block--bundle-categories-showcase .volma-cat-stack > * {
    width: 52vw !important;
    min-width: 170px !important;
    max-width: 240px !important;
    height: auto !important;

    flex: 0 0 auto !important;

    margin: 0 auto !important;
  }

  .theme-raed .s-block.s-block--bundle-categories-showcase .volma-cat-link {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
  }
}


/* =========================================================
   2) CUSTOMER REVIEWS — clean Volma style
   ========================================================= */
.s-block--testimonials,
.s-block--testimonials .s-slider-container,
.s-block--testimonials .swiper,
.s-block--testimonials .swiper-wrapper {
  background: #FFF5E3 !important;
}

.s-block--testimonials .s-reviews-header-wrapper,
.s-block--testimonials .s-block__title {
  justify-content: center !important;
  text-align: center !important;
}

.s-block--testimonials .s-reviews-header,
.s-block--testimonials .s-block__title h2 {
  color: #012733 !important;
  text-align: center !important;
  font-weight: 900 !important;
}

.s-block--testimonials .s-reviews-testimonial {
  background: #FFF5E3 !important;
  color: #012733 !important;

  border: 1px solid rgba(46,87,107,.16) !important;
  border-radius: 16px !important;

  box-shadow: none !important;
  filter: none !important;

  min-height: 185px !important;
  padding: 18px !important;

  text-align: center !important;
}

.s-block--testimonials .s-reviews-testimonial__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 10px !important;
}

.s-block--testimonials .s-reviews-testimonial img,
.s-block--testimonials [class*="avatar"] {
  width: 50px !important;
  height: 50px !important;

  object-fit: cover !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;

  box-shadow: none !important;
}

.s-block--testimonials .s-reviews-testimonial__text,
.s-block--testimonials .s-reviews-testimonial__text p {
  color: #012733 !important;

  font-size: 14px !important;
  line-height: 1.85 !important;

  text-align: center !important;
}

.s-block--testimonials .s-reviews-testimonial__info,
.s-block--testimonials .s-reviews-testimonial__info h4,
.s-block--testimonials .s-reviews-testimonial__info span {
  color: #2E576B !important;
  font-weight: 800 !important;
  text-align: center !important;
}

@media (max-width: 767px) {
  .s-block--testimonials .s-reviews-testimonial {
    min-height: 170px !important;
    padding: 15px !important;
    border-radius: 14px !important;
  }

  .s-block--testimonials .s-reviews-testimonial__text,
  .s-block--testimonials .s-reviews-testimonial__text p {
    font-size: 13px !important;
  }
}


/* =========================================================
   3) SAFE PERFORMANCE
   No content-visibility / no hidden blocks / no layout delay
   ========================================================= */
.product-single .s-comments img,
.container--product-details .s-comments img,
.product-single .related-products img,
.container--product-details .related-products img,
.product-single .similar-products img,
.container--product-details .similar-products img {
  image-rendering: auto !important;
}

/* END VOLMA — CONSOLIDATED CATEGORY + REVIEWS + SAFE SPEED */

/* VOLMA — CART BACKGROUNDS SAFE FIX */

/* خلفية صفحة السلة */
body.cart-page main,
body[class*="cart"] main,
main .cart-page,
main .cart-container {
  background-color: #FFF5E3 !important;
}

/* البطاقات البيضاء داخل محتوى السلة فقط */
main .cart-page .bg-white:not(.cart-summary):not([class*="summary"]),
main .cart-container .bg-white:not(.cart-summary):not([class*="summary"]),
main [class*="cart"] .bg-white:not([class*="summary"]):not([class*="coupon"]),
main [class*="cart"] section.bg-white:not([class*="summary"]):not([class*="coupon"]) {
  background-color: #FFF5E3 !important;
}

/* قسم أضفها لسلتك */
main [class*="recommend"],
main [class*="suggest"],
main [class*="related"],
main [class*="upsell"],
main [class*="cross-sell"] {
  background-color: #FFF5E3 !important;
}

/* مهم: لا تلمس الهيدر */
.store-header,
.store-header *,
#mainnav,
#mainnav * {
  /* لا تغيير للخلفيات */
}

/* مهم: ملخص الطلب يبقى منسقًا كما هو */
.cart-summary,
[class*="cart-summary"],
[class*="order-summary"],
[class*="summary"] {
  background-color: revert;
}

/* خلفية صندوق ملخص الطلب الخارجي فقط تبقى بلون فولما */
.cart-summary-wrapper,
[class*="summary-wrapper"] {
  background-color: #E8D6B2 !important;
}

/* صف الإجمالي لا يتغير */
.cart-summary .total,
.cart-summary [class*="total"],
[class*="order-summary"] [class*="total"] {
  background-color: transparent !important;
}

/* الحقول والأزرار لا تتغير */
main input,
main textarea,
main select,
main button,
main .s-button-element {
  background-color: revert;
}

/* VOLMA — HEADER CART RESTORE */

/* منطقة السلة بالهيدر */
.store-header salla-cart-summary,
#mainnav salla-cart-summary,
.store-header [class*="cart-summary"],
#mainnav [class*="cart-summary"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* زر / أيقونة السلة */
.store-header salla-cart-summary a,
#mainnav salla-cart-summary a,
.store-header salla-cart-summary button,
#mainnav salla-cart-summary button {
  background: transparent !important;
  background-color: transparent !important;

  border: 1px solid #FFF5E3 !important;
  border-radius: 999px !important;

  box-shadow: none !important;
}

/* الأيقونة */
.store-header salla-cart-summary svg,
.store-header salla-cart-summary i,
#mainnav salla-cart-summary svg,
#mainnav salla-cart-summary i {
  color: #FFF5E3 !important;
  stroke: #FFF5E3 !important;
}

/* السعر */
.store-header salla-cart-summary,
.store-header salla-cart-summary *,
#mainnav salla-cart-summary,
#mainnav salla-cart-summary * {
  color: #FFF5E3 !important;
  -webkit-text-fill-color: #FFF5E3 !important;
}

/* لا تسمح لكود خلفيات السلة بالتأثير على الهيدر */
.store-header .bg-white,
.store-header [class*="cart"],
#mainnav .bg-white,
#mainnav [class*="cart"] {
  background-color: transparent !important;
}

/* VOLMA — BUNDLE CATEGORIES ANTI-FLASH ONLY */
.s-block.s-block--bundle-categories-showcase {
  visibility: hidden !important;
  opacity: 0 !important;
}

.s-block.s-block--bundle-categories-showcase.volma-categories-ready {
  visibility: visible !important;
  opacity: 1 !important;
}

/* no transition: reveal only in final state */
.s-block.s-block--bundle-categories-showcase,
.s-block.s-block--bundle-categories-showcase.volma-categories-ready {
  transition: none !important;
}

/* keep section texts hidden from first visible frame */
.s-block.s-block--bundle-categories-showcase .s-block__title,
.s-block.s-block--bundle-categories-showcase .s-slider-block__title,
.s-block.s-block--bundle-categories-showcase .category-name,
.s-block.s-block--bundle-categories-showcase .category-content,
.s-block.s-block--bundle-categories-showcase .shop-now,
.s-block.s-block--bundle-categories-showcase [class*="category-name"],
.s-block.s-block--bundle-categories-showcase [class*="shop-now"] {
  display: none !important;
}
/* END VOLMA — BUNDLE CATEGORIES ANTI-FLASH ONLY */

/* ===== VOLMA WELCOME COUPON - START ===== */

#volma-welcome-coupon-popup {
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: calc(100% - 32px);
    max-width: 390px;
    overflow: hidden;

    padding: 30px 20px 18px;

    background: linear-gradient(135deg, #006A39, #00894A);
    color: #FFFFFF;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 16px;

    box-shadow:
        0 18px 45px rgba(1, 39, 51, 0.20),
        0 3px 10px rgba(1, 39, 51, 0.08);

    direction: rtl;
    text-align: center;
    font-family: inherit;

    box-sizing: border-box;
    display: none;

    animation: volma-welcome-coupon-show .35s ease;
}

#volma-welcome-coupon-popup *,
#volma-welcome-coupon-popup *::before,
#volma-welcome-coupon-popup *::after {
    box-sizing: border-box;
}

#volma-welcome-coupon-close {
    position: absolute;
    top: 10px;
    left: 10px;

    width: 28px;
    height: 28px;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);
    color: #FFFFFF;

    font-family: inherit;
    font-size: 17px;
    line-height: 1;

    cursor: pointer;
}

#volma-welcome-coupon-title {
    margin: 0 0 10px;

    color: #FFFFFF;

    font-size: 28px;
    font-weight: 900;
    line-height: 1.35;
}

#volma-welcome-coupon-text {
    margin: 0 0 8px;

    color: #F2FFF7;

    font-size: 14px;
    line-height: 1.9;
}

#volma-welcome-coupon-text strong {
    color: #FFF5E3;
    font-weight: 900;
}

#volma-welcome-coupon-reminder {
    margin: 0 0 16px;

    color: #E8FFF1;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.8;
}

#volma-welcome-coupon-box {
    width: 100%;
    min-height: 48px;

    display: flex;
    align-items: stretch;

    overflow: hidden;

    background: #FFFFFF;

    border: 0;
    border-radius: 10px;
}

#volma-welcome-coupon-code {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;

    background: #FFFFFF;
    color: #006A39;

    direction: ltr;
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 1px;
}

#volma-welcome-coupon-copy {
    flex-shrink: 0;

    min-width: 118px;
    padding: 0 15px;

    border: 0;

    background: #FFF5E3;
    color: #012733;

    font-family: inherit;
    font-size: 13px;
    font-weight: 900;

    cursor: pointer;
}

#volma-welcome-coupon-copy:active {
    transform: scale(.98);
}

#volma-welcome-coupon-note {
    margin-top: 10px;

    color: #EDF9F2;

    font-size: 11px;
    line-height: 1.5;
    opacity: .9;
}

@keyframes volma-welcome-coupon-show {
    from {
        opacity: 0;
        transform: translate(-50%, -46%) scale(.96);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@media (max-width: 480px) {
    #volma-welcome-coupon-popup {
        width: calc(100% - 28px);
        max-width: 350px;

        padding: 28px 17px 16px;

        border-radius: 15px;
    }

    #volma-welcome-coupon-title {
        font-size: 25px;
    }

    #volma-welcome-coupon-text {
        font-size: 13px;
    }

    #volma-welcome-coupon-reminder {
        font-size: 12px;
    }

    #volma-welcome-coupon-box {
        min-height: 46px;
    }

    #volma-welcome-coupon-code {
        font-size: 18px;
    }

    #volma-welcome-coupon-copy {
        min-width: 108px;
        padding: 0 12px;
        font-size: 12px;
    }
}

/* ===== VOLMA WELCOME COUPON - END ===== */

/* VOLMA — CUSTOMER ACCOUNT MENU READABILITY FIX */

/* لوحة حساب العميل فقط */
.store-header .s-user-menu-dropdown-list,
.store-header .s-user-menu-dropdown,
.store-header .s-user-menu-relative-dropdown .s-user-menu-dropdown-list {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #012733 !important;
  -webkit-text-fill-color: #012733 !important;
}

/* كل النصوص والروابط داخل القائمة */
.store-header .s-user-menu-dropdown-list a,
.store-header .s-user-menu-dropdown-list span,
.store-header .s-user-menu-dropdown-list p,
.store-header .s-user-menu-dropdown-list li,
.store-header .s-user-menu-dropdown-list strong,
.store-header .s-user-menu-dropdown-list b,
.store-header .s-user-menu-dropdown-list div {
  color: #012733 !important;
  -webkit-text-fill-color: #012733 !important;
}

/* الأيقونات */
.store-header .s-user-menu-dropdown-list i,
.store-header .s-user-menu-dropdown-list svg {
  color: #2E576B !important;
  fill: none !important;
  stroke: #2E576B !important;
}

/* اسم العميل / رأس القائمة */
.store-header .s-user-menu-dropdown-list [class*="name"],
.store-header .s-user-menu-dropdown-list [class*="welcome"],
.store-header .s-user-menu-dropdown-list [class*="header"] {
  color: #012733 !important;
  -webkit-text-fill-color: #012733 !important;
}

/* الفواصل */
.store-header .s-user-menu-dropdown-list hr,
.store-header .s-user-menu-dropdown-list [class*="border"] {
  border-color: rgba(1, 39, 51, 0.12) !important;
}

/* تسجيل الخروج يبقى أحمر */
.store-header .s-user-menu-dropdown-list [class*="logout"],
.store-header .s-user-menu-dropdown-list [href*="logout"] {
  color: #E53935 !important;
  -webkit-text-fill-color: #E53935 !important;
}

/* مهم: لا نغيّر زر الحساب الموجود بالهيدر */
.store-header .s-user-menu-trigger,
.store-header .s-user-menu-trigger *,
.store-header .s-user-menu-trigger-avatar {
  -webkit-text-fill-color: initial;
}