/* Add custom JS code below */ 

/* ==========================================================================
   نواة كود — الأساس الداكن للمتجر | Dark Neobrutalism
   الصقه في أعلى خانة CSS (قبل كود الهيدر والبانر)
   ========================================================================== */

/* توكِنز الثيم — بيتها الرسمي هنا (تقدر تحذف نسخة :root من ملف البانر) */
:root{
  --nb-bg:#0D0B14;
  --nb-surface:#181226;
  --nb-primary:#6020DE;
  --nb-bright:#8B5CF6;
  --nb-text:#F5F3FA;
  --nb-muted:#A79FB8;
  --nb-border:#2A2140;
}

/* ---- الكانفس كامل داكن + نص افتراضي فاتح ---- */
html, body{
  background:var(--nb-bg) !important;
  color:var(--nb-text);
}

/* الروابط ترث لون النص الفاتح بدل الأزرق الافتراضي */
a{ color:inherit; }

/* العناوين فاتحة */
h1, h2, h3, h4, h5{ color:var(--nb-text); }

/* الأقسام الشفافة تبيّن الأساس الداكن مباشرة */
.s-block--fixed-banner{ background-color:transparent; }
<script>
/* نواة كود — تحسينات البانر الثابت
   يُلصق في: الإعدادات ← الأكواد المخصّصة (خانة تقبل HTML/JS)
   لو خانتك JS فقط، احذف وسمي <script> */
(function () {
  var SHOW_TAG = true;      // خليه false لو ما تبي وسم الزاوية
  var TAG_TEXT = 'عروض';    // نص الوسم

  function enhance() {
    // 1) الوسم على كل رابط بانر
    document.querySelectorAll('.s-block--fixed-banner .banner--fixed').forEach(function (b) {
      if (b.dataset.nbTag || !SHOW_TAG) return;
      b.dataset.nbTag = '1';
      var tag = document.createElement('span');
      tag.className = 'nb-banner-tag';
      tag.textContent = TAG_TEXT;
      b.appendChild(tag);
    });

    // 2) تجهيز الأقسام للظهور عند التمرير
    var sections = document.querySelectorAll('.s-block--fixed-banner');
    sections.forEach(function (s) { s.classList.add('nb-reveal'); });

    if ('IntersectionObserver' in window) {
      var io = new IntersectionObserver(function (entries) {
        entries.forEach(function (e) {
          if (e.isIntersecting) { e.target.classList.add('nb-in'); io.unobserve(e.target); }
        });
      }, { threshold: 0.15 });
      sections.forEach(function (s) { io.observe(s); });
    } else {
      sections.forEach(function (s) { s.classList.add('nb-in'); });
    }
  }

  if (document.readyState !== 'loading') enhance();
  else document.addEventListener('DOMContentLoaded', enhance);

  // سلة تعيد رسم الصفحة أحيانًا بدون إعادة تحميل
  document.addEventListener('salla:page.loaded', enhance);
})();
</script>