.product-brand {
  width: 120px !important; /* أو w-30 في Tailwind */
  margin: 100 auto;
}
.product-entry__sub-title {
  font-size: 20px;   /* الحجم - تم تكبيره بشكل أكبر */
  font-weight: bold; /* اجعل الخط أعرض */
  color: #800080;    /* اللون الأزرق الغامق */
  text-align: right; /* محاذاة النص لليمين */
  direction: rtl;    /* اتجاه الكتابة من اليمين لليسار */
}

.product-title {
  font-size: 52px;     /* حجم الخط لاسم المنتج */
  color: #800080;      /* لون أحمر لاسم المنتج */
  font-weight: bold;   /* جعل الخط عريض */
  text-align: center;  /* توسيط العنوان */
  direction: rtl;      /* اتجاه الكتابة من اليمين لليسار */
}

.product-price-current {
  font-size: 32px;
  color: #800080; /* لون بنفسجي */
  font-weight: bold;
}

.product-price-old {
  font-size: 30px;
  color: #800080; /* رمادي باهت */
  text-decoration: line-through;
}
.product-title {
  font-size: 70px;
  color: #800080; /* ← برتقالي غامق مثلاً */
  font-weight: bold;
  text-align: center;
  direction: rtl;
}

.product-heading {
  color: #800080; /* برتقالي غامق */
}
<h1 class="product-heading text-xl md:text-2xl leading-10 font-bold mb-6">
  ديكور عصاء تعشيق اكسبديشن 17/15
</h1>
<h1 class="product-heading">
  ديكور عصاء تعشيق اكسبديشن 17/15
</h1>


.product-heading {
  color: #800080!important; /* لون برتقالي غامق */
  font-size: 90px !important; /* حجم أكبر */
  font-weight: bold !important; /* خط عريض */
  text-align: center !important; /* توسيط العنوان */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  direction: rtl;
  margin-bottom: 60px;
}
<div class="product-note" style="margin-top: 10px; color: #d9534f; font-size: 16px; font-weight: bold;">
  ⚠️ ملاحظة: الشحن خلال يوم إلى 3 أيام حسب المدينة.
</div>
/* تكبير عنوان خيار المنتج */
.s-product-options-option-label {
    font-size: 30px !important;
    font-weight: bold;
}

/* تكبير الخط داخل القائمة المنسدلة */
.s-product-options-option-content select {
    font-size: 20px !important;
    padding: 8px 12px;
}
/* تكبير خط عنوان خيار المنتج وتغيير لونه */
.s-product-options-option-label b {
    font-size: 17px !important; /* حجم الخط */
    color: #1D4ED8!important;   /* لون أزرق غامق */
}

/* تكبير خط النص الصغير (مثل كلمة "اختر") وتغيير لونه */
.s-product-options-option-label small {
    font-size: 20px !important;
    color: #FF0000!important; /* أزرق فاتح */
}

h1.text-xl {
  font-size: 25px !important;     /* تكبير الخط */
  color: #1D4ED8 !important;      /* اللون الأحمر - يمكنك تغييره */
  font-weight: bold !important;   /* تأكيد أنه عريض */
  text-align: right;              /* محاذاة لليمين (اختياري) */
}

h1.text-xl {
  font-size: 25px !important;     /* تكبير الخط */
  color: #1D4ED8!important;      /* اللون الأحمر */
  font-weight: bold !important;   /* خط عريض */
  text-align: center !important;  /* توسيط العنوان */
}
@keyframes pulse-text {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
/* تغيير لون خلفية الشريط العلوي */
.top-navbar {
  background-color: #DC2626 !important; /* أحمر أنيق - يمكن تغييره */
}
.top-navbar .s-search-modal {
  position: relative !important;
  top: 100px !important; /* يمكنك زيادة الرقم لتنزله أكثر */
}
.top-navbar .header-search {
  margin-top: 60px !important;
}
#edit-header {
  position: relative !important;
  top: 40px !important; /* زِد الرقم لتنزيله أكثر */
}
.top-navbar {
  position: relative !important;
  top: 40px !important;
}
header .top-navbar {
  display: block !important;
  position: relative !important;
  top: 40px !important; /* عدّل الرقم حسب المسافة التي تريد */
  z-index: 40!important;
}
.top-navbar {
  margin-top: 30px !important;
}
.s-banner-wide {
  margin-top: 80px !important; /* يمكنك تعديل الرقم حسب الحاجة */
}
.s-banner-wide {
  margin-top: 10px !important;
}
.top-navbar {
  background-color: #0a7c5c !important; /* أخضر */
}
.salla-footer,
footer,
.s-footer {
  margin-top: 30px !important;
  position: relative !important;
}
.top-navbar {
  margin-top: 10px !important;
<script>
document.addEventListener("DOMContentLoaded", function () {
  const notice = document.createElement("div");
  notice.innerHTML = "🔔 <strong>اختر النوع أو الجهة قبل إتمام الطلب</strong>";
  notice.style.backgroundColor = "#F59E0B"; // لون أصفر برتقالي
  notice.style.color = "#1F2937"; // رمادي غامق للنص
  notice.style.textAlign = "center";
  notice.style.padding = "10px";
  notice.style.fontWeight = "bold";
  notice.style.fontSize = "16px";
  notice.style.position = "fixed";
  notice.style.top = "0";
  notice.style.left = "0";
  notice.style.width = "100%";
  notice.style.zIndex = "9999";
  notice.style.boxShadow = "0 2px 4px rgba(0,0,0,0.1)";
  document.body.prepend(notice);

  const main = document.querySelector("main");
  if (main) {
    main.style.marginTop = "50px";
  }
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
  const productTitle = document.querySelector(".product-heading");
  if (productTitle) {
    const notice = document.createElement("div");
    notice.innerText = "يرجى تحديد النوع أو الجهة المطلوبة لإتمام الطلب.";
    notice.style.backgroundColor = "#FFF7ED"; // خلفية خفيفة
    notice.style.color = "#B45309";           // برتقالي تنبيهي
    notice.style.fontWeight = "bold";
    notice.style.fontSize = "15px";
    notice.style.marginTop = "10px";
    notice.style.padding = "10px";
    notice.style.border = "1px solid #FACC15";
    notice.style.borderRadius = "6px";
    notice.style.textAlign = "center";

    // إدراج التنويه بعد عنوان المنتج
    productTitle.insertAdjacentElement('afterend', notice);
  }
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
  const productTitle = document.querySelector("h1.product-title");
  if (productTitle) {
    const notice = document.createElement("div");
    notice.innerText = "يرجى تحديد النوع أو الجهة المطلوبة لإتمام الطلب.";
    notice.style.backgroundColor = "#FFF7ED";
    notice.style.color = "#B45309";
    notice.style.fontWeight = "bold";
    notice.style.fontSize = "15px";
    notice.style.marginTop = "10px";
    notice.style.padding = "10px";
    notice.style.border = "1px solid #FACC15";
    notice.style.borderRadius = "6px";
    notice.style.textAlign = "center";

    productTitle.insertAdjacentElement('afterend', notice);
  }
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
  // نحاول التقاط أي عنصر h1 يحتوي اسم المنتج
  const headings = document.querySelectorAll("h1");
  let found = false;

  headings.forEach((h1) => {
    if (h1.innerText.trim().length > 5 && h1.innerText.includes(" ")) {
      const notice = document.createElement("div");
      notice.innerText = "يرجى تحديد النوع أو الجهة المطلوبة لإتمام الطلب.";
      notice.style.backgroundColor = "#FEF3C7";
      notice.style.color = "#92400E";
      notice.style.fontWeight = "bold";
      notice.style.fontSize = "15px";
      notice.style.marginTop = "10px";
      notice.style.padding = "10px";
      notice.style.border = "1px solid #FCD34D";
      notice.style.borderRadius = "6px";
      notice.style.textAlign = "center";

      h1.insertAdjacentElement('afterend', notice);
      found = true;
    }
  });

  if (!found) {
    console.warn("لم يتم العثور على عنوان منتج لعرض التنويه تحته.");
  }
});
</script>

<script>
  window.addEventListener("DOMContentLoaded", function () {
    const productTitle = document.querySelector("h1.product-heading");
    if (productTitle) {
      const notice = document.createElement("div");
      notice.innerText = "🔔 يرجى تحديد النوع أو الجهة المطلوبة قبل إتمام الطلب";
      notice.style.color = "#d32f2f";
      notice.style.fontWeight = "bold";
      notice.style.fontSize = "15px";
      notice.style.marginTop = "8px";
      notice.style.background = "#fff7f7";
      notice.style.padding = "6px 10px";
      notice.style.border = "1px solid #f9c0c0";
      notice.style.borderRadius = "6px";
      productTitle.insertAdjacentElement("afterend", notice);
    }
  });
</script>
<script>
  const addNoticeBelowTitle = () => {
    const title = document.querySelector("h1.product-heading");
    if (title && !document.querySelector("#custom-product-notice")) {
      const notice = document.createElement("div");
      notice.id = "custom-product-notice";
      notice.innerHTML = `
        <span style="margin-left: 8px;">⚠️</span>
        <strong>يرجى اختيار النوع أو الجهة المطلوبة لإتمام الطلب.</strong>
      `;
      notice.style.backgroundColor = "#fff7ed"; // خلفية برتقالية فاتحة
      notice.style.color = "#b45309"; // لون النص برتقالي غامق
      notice.style.border = "1px solid #fde68a";
      notice.style.padding = "10px 15px";
      notice.style.marginTop = "10px";
      notice.style.borderRadius = "6px";
      notice.style.fontSize = "15px";
      notice.style.fontWeight = "500";
      title.insertAdjacentElement("afterend", notice);
    }
  };

  const observeTitle = setInterval(() => {
    if (document.readyState === "complete") {
      addNoticeBelowTitle();
      clearInterval(observeTitle);
    }
  }, 300);
</script>
.product-entry__sub-title {
  font-size: 200px !important; /* يمكنك زيادة الرقم حسب رغبتك */
  font-weight: bold !important;
}
h2.product-entry__sub-title {
  font-size: 60px !important;
  font-weight: bold !important;
  color: #000 !important; /* يمكنك تغيير اللون */
  text-align: center !important; /* لجعل النص في المنتصف */
}
.product-entry__sub-title {
  font-size: 60px !important;
  font-weight: bold !important;
  color: #d32f2f !important; /* أحمر أنيق */
  text-align: center !important;
  display: block !important;
}
h1.text-xl.md\:text-2xl {
  font-size: 60px !important;
  color: #d32f2f !important; /* لون أحمر أنيق - يمكن تغييره */
  text-align: center !important;
  font-weight: 1300!important;
}
h1.text-xl.md\:text-2xl {
  font-size: 70px !important;  /* يمكنك تكبير الرقم حسب رغبتك */
  font-weight: 900 !important;
  color: #000000 !important;  /* أسود - يمكن تغييره */
  text-align: center !important;
  line-height: 1.4 !important;
}
.product-heading,
h1.text-xl.md\:text-2xl {
  font-size: 42px !important;     /* حجم كبير وواضح */
  font-weight: 1100!important;    /* سماكة الخط */
  color: #1a1a1a !important;      /* لون أسود غامق */
  text-align: center !important;  /* توسيط النص */
  margin-bottom: 40px !important;
}
.product-sku,
.sku,
.product-meta span {
  font-size: 20px !important;      /* تكبير الخط */
  font-weight: bold !important;    /* جعل الخط عريض */
  color: #DC2626 !important;       /* أحمر احترافي - يمكنك تغييره */
  background-color: #fef2f2 !important; /* خلفية خفيفة */
  padding: 8px 12px !important;    /* مساحة داخلية */
  border-radius: 8px !important;   /* زوايا مستديرة */
  display: inline-block !important;
  margin-bottom: 15px !important;
}
.product-sku {
  font-size: 40px !important;         /* تكبير الخط */
  font-weight: bold !important;       /* جعل الخط سميك */
  color: #b91c1c !important;          /* لون أحمر غامق */
  background-color: #fee2e2 !important; /* خلفية وردية خفيفة */
  padding: 6px 12px !important;       /* مسافة داخلية */
  border-radius: 6px !important;      /* حواف دائرية */
  display: inline-block !important;
  margin-bottom: 15px !important;
}
h1.product-heading,
h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {
  font-size: 36px !important;     /* تكبير الخط */
  color: #d70000 !important;      /* لون أحمر جذاب */
  font-weight: bold !important;   /* جعل النص غامق */
}
.product-heading,
h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {
  font-size: 60px !important;       /* حجم كبير */
  color: #b80000 !important;        /* لون أحمر واضح */
  font-weight: 900 !important;      /* غامق جداً */
  line-height: 1.4 !important;
  text-shadow: 0 0 1px #333;
}
h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {
  font-size: 60px !important;
  color: #b80000 !important;
  font-weight: 900 !important;
  text-align: center;
}

.product-heading,
h1.product-heading,
h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {
  font-size: 100px !important;
  color: #b80000 !important;
  font-weight: 900 !important;
  text-align: center !important;
}
<style>
  .notice-bar-fixed {
    background-color: #DC2626;
    color: white;
    font-size: 15px;
    text-align: center;
    padding: 10px 40px;
    font-weight: bold;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    direction: rtl;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
  .notice-bar-fixed button {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const bar = document.createElement("div");
    bar.className = "notice-bar-fixed";
    bar.innerHTML = `
      🎉 عيد أضحى مبارك! نهنئكم بهذه المناسبة السعيدة، وسيُستأنف الشحن قريبًا بعد انتهاء إجازة العيد. تقبل الله طاعاتكم 🤍
      <button onclick="this.parentElement.remove()">&times;</button>
    `;
    document.body.appendChild(bar);
  });
</script>
<div style="background-color: #FEF3C7; color: #92400E; padding: 10px; border: 1px solid #FCD34D; border-radius: 6px; margin-bottom: 10px; font-weight: bold;">
📌 تنويه: الشحن خارج مكة خلال 1 - 3 أيام عمل حسب المدينة.
</div>
<style>
  .almahmadi-note {
    background-color: #FEF3C7;
    color: #92400E;
    padding: 15px;
    border: 1px solid #FCD34D;
    border-radius: 8px;
    margin: 25px 0;
    font-weight: bold;
    font-size: 15px;
    text-align: right;
    direction: rtl;
    display: flex;
    align-items: center;
    gap: 10px;
  }
.s-metadata-row-name {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #b10000 !important;
  background-color: #ffe5e5 !important;
  padding: 10px !important;
  border-radius: 8px !important;
  display: inline-block !important;
  margin-top: 10px !important;
}
salla-metadata .s-metadata-box .s-metadata-row .s-metadata-row-name {
  font-size: 22px !important;
  font-weight: bold !important;
  color: #b10000 !important;
  background-color: #ffe5e5 !important;
  padding: 12px !important;
  border-radius: 10px !important;
  display: block !important;
  margin-top: 10px !important;
}
salla-metadata .s-metadata-box .s-metadata-row .s-metadata-row-name::before {
  content: "⚠️ ";
  margin-left: 5px;
}

salla-metadata .s-metadata-box .s-metadata-row .s-metadata-row-name {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #b10000 !important;
  background-color: #ffe5e5 !important;
  padding: 12px !important;
  border-radius: 10px !important;
  display: block !important;
  margin-top: 10px !important;
  text-align: right;
}
salla-metadata .s-metadata-box .s-metadata-row .s-metadata-row-name::before {
  content: "⚠️ ";
  margin-left: 5px;
}

salla-metadata .s-metadata-box .s-metadata-row .s-metadata-row-name {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #b10000 !important;
  background-color: #ffe5e5 !important;
  padding: 120px !important;
  border-radius: 10px !important;
  display: block !important;
  margin-top: 10px !important;
  text-align: right;
}
salla-metadata .s-metadata-box .s-metadata-row .s-metadata-row-name::before {
  content: "⚠️ ";
  margin-left: 5px;
}

salla-metadata .s-metadata-box .s-metadata-row .s-metadata-row-name {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #b10000 !important;
  background-color: #ffe5e5 !important;
  padding: 12px !important;
  border-radius: 10px !important;
  display: block !important;
  margin-top: 10px !important;
  text-align: right;
}
salla-metadata .s-metadata-box .s-metadata-row .s-metadata-row-name::before {
  content: "⚠️ ";
  margin-left: 5px;
}

salla-metadata .s-metadata-box .s-metadata-row .s-metadata-row-name {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #b10000 !important;
  background-color: #ffe5e5 !important;
  padding: 12px !important;
  border-radius: 10px !important;
  display: block !important;
  margin-top: 10px !important;
  text-align: right;
}
.s-metadata-row-name::before {
  content: "⚠️ ";
  margin-left: 5px;
}

.s-metadata-row-name {
  font-size: 20px !important;
  font-weight: bold !important;
  color: #b10000 !important;
  background-color: #ffe5e5 !important;
  padding: 10px !important;
  border-radius: 8px !important;
  display: block !important;
  margin-top: 100px !important;
  text-align: right !important;
}
.s-metadata-row-name {
  font-size: 29px !important;       /* تكبير الخط */
  color: #b10000 !important;        /* لون أحمر غامق */
  font-weight: bold !important;     /* جعل الخط عريض */
}
"placeholder": "حدد نوع القطعة المطلوبة أو الجهة"
.s-product-options-option-label small {
  visibility: hidden;
  position: relative;
}

.s-product-options-option-label small::after {
  content: "اختر نوع القطعة المطلوبة أو الجهة";
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  color: #666;
  font-size: 14px;
}
salla-product-options label.s-product-options-option-label small {
  visibility: hidden;
  position: relative;
}

salla-product-options label.s-product-options-option-label small::after {
  content: "اختر نوع القطعة المطلوبة أو الجهة";
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  color: #444;
  font-size: 14px;
}
/* إخفاء النص الأصلي "اختر" واستبداله */
select.s-form-control option[value=""] {
  color: transparent !important;
  font-size: 0 !important;
  position: relative;
}

/* إظهار نص بديل مزيف بتنسيق مخصص */
select.s-form-control option[value=""]::after {
  content: "اختر نوع القطعة المطلوبة أو الجهة";
  color: #d32f2f; /* أحمر داكن */
  font-size: 16px;
  font-weight: bold;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.s-product-page .s-metadata-row-name {
  color: #e60000 !important;     /* ← أحمر */
  font-size: 60px !important;    /* ← حجم الخط */
  font-weight: bold !important;  /* ← الخط عريض */
  direction: rtl !important;     /* ← لضبط محاذاة النص العربي */
}
!-- تحميل CSS الأصلي -->
<link href="https://cdn.jsdelivr.net/npm/@n8n/chat/dist/style.css" rel="stylesheet" />


<!-- تخصيص الثيم + دعم RTL -->
<style>
        :root {
                --chat--color-primary: #1e3a8a; /* أزرق رئيسي */
                --chat--color-primary-shade-50: #1e40af;
                --chat--color-primary-shade-100: #1e429f;


                --chat--color-secondary: #0f172a; /* خلفية المستخدم */
                --chat--color-secondary-shade-50: #1e293b;


                --chat--color-white: #ffffff;
                --chat--color-light: #1a1a1a;
                --chat--color-light-shade-50: #111827;
                --chat--color-light-shade-100: #1f2937;


                --chat--color-medium: #2c2c2c;
                --chat--color-dark: #000000;


                --chat--message--bot--background: var(--chat--color-primary);
                --chat--message--bot--color: var(--chat--color-white);
                --chat--message--user--background: var(--chat--color-secondary);
                --chat--message--user--color: var(--chat--color-white);


                --chat--toggle--background: var(--chat--color-primary);
                --chat--toggle--hover--background: var(--chat--color-primary-shade-50);
                --chat--toggle--active--background: var(--chat--color-primary-shade-100);
                --chat--toggle--color: var(--chat--color-white);


                --chat--header--background: var(--chat--color-dark);
                --chat--header--color: var(--chat--color-white);
        }


        /* دعم الاتجاه RTL */
        #n8n-chat,
        .n8n-chat-container,
        .n8n-chat-bubble,
        .n8n-chat-user-bubble,
        .n8n-chat-footer input {
                direction: rtl !important;
                text-align: right !important;
                font-family: 'Tajawal', sans-serif;
        }
</style>


<!-- كود التفعيل -->
<script type="module">
        import { createChat } from 'https://cdn.jsdelivr.net/npm/@n8n/chat/dist/chat.bundle.es.js';


        createChat({
                webhookUrl: 'https://almahmadispareparts.app.n8n.cloud/webhook/024fb15e-9ab3-45f2-8095-1a33ad8d469d/chat',
                defaultLanguage: 'ar',
                initialMessages: [
                        'مرحبًا 👋',
                        'معك احمد، كيف ممكن أساعدك؟'
                ],
                i18n: {
                        ar: {
                                title: 'السلام عليكم  👋',
                                subtitle: 'ابدأ المحادثة، متواجدين على مدار الساعة لخدمتك.',
                                inputPlaceholder: 'اكتب سؤالك...',
                                getStarted: 'بدء المحادثة'
                        }
                }
        });
</script>


<!-- عنصر الشات -->
<div id="n8n-chat"></div>