document.addEventListener("DOMContentLoaded", function () {
  const target = document.querySelector(".s-block.container.customer-reviews-block") || document.querySelector(".product__description") || document.querySelector("form.form.product-form");
  if (!target) return;

  const html = `
    <div class="s-block s-block--comparison container py-12 sm:px-8 px-2">
      <div class="title-wrapper w-full flex flex-col items-center justify-center text-center mb-8">
        <div class="w-[182px] h-0 border-t-2 border-[#333333] mb-2"></div>
        <h2 class="main-title text-2xl sm:text-3xl font-bold leading-[44px] sm:leading-[60px]">مقارنة متقنة: تحليل المزايا بيننا وبين المنافسين</h2>
        <p class="sub-title max-w-2xl text-base font-normal opacity-60">كيف تفوق منتجنا من خلال مقارنة دقيقة وموضوعية مع منتجات منافسة.</p>
      </div>
      <div class="relative rounded-lg overflow-hidden">
        <table class="raya-table">
          <thead>
            <tr>
              <th></th>
              <th>رايا شيلد</th>
              <th>عازل اخر</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>3 طبقات عزل</td>
              <td><img src="https://cdn.assets.salla.network/theme-landing-page/master/_next/static/media/correct-icon.620b261f.svg" width="24" height="24" alt="صح"></td>
              <td><img src="https://cdn.assets.salla.network/theme-landing-page/master/_next/static/media/wrong-icon.a0ebf7e6.svg" width="24" height="24" alt="خطأ"></td>
            </tr>
            <tr>
              <td>وضوح الرؤية للسائق</td>
              <td><img src="https://cdn.assets.salla.network/theme-landing-page/master/_next/static/media/correct-icon.620b261f.svg" width="24" height="24"></td>
              <td><img src="https://cdn.assets.salla.network/theme-landing-page/master/_next/static/media/wrong-icon.a0ebf7e6.svg" width="24" height="24"></td>
            </tr>
            <tr>
              <td>ضمان مدى الحياة</td>
              <td><img src="https://cdn.assets.salla.network/theme-landing-page/master/_next/static/media/correct-icon.620b261f.svg" width="24" height="24"></td>
              <td><img src="https://cdn.assets.salla.network/theme-landing-page/master/_next/static/media/wrong-icon.a0ebf7e6.svg" width="24" height="24"></td>
            </tr>
            <tr>
              <td>أرقام عزل صحيحة</td>
              <td><img src="https://cdn.assets.salla.network/theme-landing-page/master/_next/static/media/correct-icon.620b261f.svg" width="24" height="24"></td>
              <td><img src="https://cdn.assets.salla.network/theme-landing-page/master/_next/static/media/wrong-icon.a0ebf7e6.svg" width="24" height="24"></td>
            </tr>
            <tr>
              <td>لا يسبب انعكاسات داخلية</td>
              <td><img src="https://cdn.assets.salla.network/theme-landing-page/master/_next/static/media/correct-icon.620b261f.svg" width="24" height="24"></td>
              <td><img src="https://cdn.assets.salla.network/theme-landing-page/master/_next/static/media/wrong-icon.a0ebf7e6.svg" width="24" height="24"></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  `;

  target.insertAdjacentHTML("afterend", html);
});


(function () {
  let retries = 0;
  const maxRetries = 20;

  function tryInsertContent() {
    const stars = `
      <div style="display: flex; gap: 4px;">
        ${'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="16" height="16" fill="#facc15"><path d="M29.714 11.839c0 0.321-0.232 0.625-0.464 0.857l-6.482 6.321 1.536 8.929c0.018 0.125 0.018 0.232 0.018 0.357 0 0.464-0.214 0.893-0.732 0.893-0.25 0-0.5-0.089-0.714-0.214l-8.018-4.214-8.018 4.214c-0.232 0.125-0.464 0.214-0.714 0.214-0.518 0-0.75-0.429-0.75-0.893 0-0.125 0.018-0.232 0.036-0.357l1.536-8.929-6.5-6.321c-0.214-0.232-0.446-0.536-0.446-0.857 0-0.536 0.554-0.75 1-0.821l8.964-1.304 4.018-8.125c0.161-0.339 0.464-0.732 0.875-0.732s0.714 0.393 0.875 0.732l4.018 8.125 8.964 1.304c0.429 0.071 1 0.286 1 0.821z"/></svg>'.repeat(5)}
      </div>
    `;

    const realDesc = document.querySelector('.product__description');
    const form = document.querySelector('form.form.product-form');
    const originalWrapper = document.querySelector('.products-accordion-warpper');
    const shareBox = document.querySelector('.m-share_warpper');  
    const ratingBlock = document.querySelector('.flex.rtl\\:space-x-reverse.space-x-3');

    if (realDesc && form && shareBox) {
      // ✅ وصف المنتج
      if (!document.querySelector('.custom-product-summary')) {
        const preview = document.createElement('div');
        preview.className = 'custom-product-summary';
        preview.style = "margin-bottom: 20px; padding: 0;";
        preview.innerHTML = `${realDesc.innerHTML}`;
        form.parentNode.insertBefore(preview, form);
      }

      if (originalWrapper) originalWrapper.style.display = 'none';

      // ✅ الجس الفرعي – احصائية واحدة
      const statsContainer = document.createElement('div');
      statsContainer.style = `
        display: flex;
        justify-content: center;
        gap: 20px;
        margin: 20px 0;
        font-family: sans-serif;
        direction: rtl;
      `;

      const statItem = document.createElement('div');
      statItem.style = `
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        padding: 10px 15px;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        font-size: 14px;
        color: #111;
        min-width: 110px;
      `;

      const numberRow = document.createElement('div');
      numberRow.style = `
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 20px;
        font-weight: bold;
        color: #111;
      `;

      const icon = document.createElement('span');
      icon.innerHTML = `
        <svg xmlns="http://www.w3.org/2000/svg" fill="#fda4af" viewBox="0 0 24 24" width="18" height="18">
          <path d="M9 12l2 2 4-4m5 2a9 9 0 11-18 0 9 9 0 0118 0z" stroke="#fda4af" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      `;

      const number = document.createElement('span');
      number.textContent = '520+';

      numberRow.appendChild(icon);
      numberRow.appendChild(number);
      statItem.appendChild(numberRow);

      const label = document.createElement('div');
      label.textContent = 'مرة تم شراءه';
      label.style = "font-size: 12px; color: #555;";
      statItem.appendChild(label);

      statsContainer.appendChild(statItem);

      form.parentNode.insertBefore(statsContainer, form);



      // ✅ تقييمات العملاء
      if (!document.querySelector('.customer-rating-title')) {
        const reviewsTitle = document.createElement('div');
        reviewsTitle.className = 'customer-rating-title';
        reviewsTitle.style = "margin-top: 30px; font-size: 20px; font-weight: bold; color: #111; text-align: center;";
        reviewsTitle.textContent = "تقييمات العملاء";
        shareBox.parentNode.insertBefore(reviewsTitle, shareBox.nextSibling);

        const reviewContainer = document.createElement('div');
        reviewContainer.className = 'fake-reviews';
        reviewContainer.style = "margin-top: 15px; display: flex; flex-direction: column;";
        reviewsTitle.parentNode.insertBefore(reviewContainer, reviewsTitle.nextSibling);

        const loadMoreBtn = document.createElement('button');
        loadMoreBtn.textContent = "تحميل المزيد";
        loadMoreBtn.style = "margin: 15px auto 0; padding: 8px 16px; background: #facc15; color: #111; font-weight: bold; border-radius: 5px; border: none; cursor: pointer;";
        reviewContainer.parentNode.appendChild(loadMoreBtn);

        const verified = `
          <div style="display:inline-flex;align-items:center;gap:4px;color:#10b981;font-size:13px;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#10b981" stroke-width="2" viewBox="0 0 24 24" width="14" height="14">
              <path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
            </svg>
            <span>تم الشراء</span>
          </div>
        `;

const reviews = [
   {
    name: "بدر القحطاني",
    comment: "شكراً لكم للأمانه تعامل الاخوان شيء محترم طلع عندي مشكلة بالعازل الامامي والله ماقصروا بدلوه لي ع طول ومنتجهم بطل وجبار",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png",
    date: "13/7/2025"
  },
  {
    name: "اسامه جاري",
    comment: "جدا ممتاز ماشاء الله خفيف شفاف عازل سعره في متناول الجميع",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "11/7/2025"
  },
  {
    name: "حسن الابراهيمي",
    comment: "كنت اعاني من مشكلة الحرارة بالسيارة رغم ان التكييف عندي ثلاجة لكن وقت الظهر سيء جدا وبعد ما ركبت التظليله فرق معي ١٨٠ درجة بحيث بعد ما اشغل التكييف وانتظر ٣ الى ٦ دقايق تصير السيارة ثلاجة بعز الظهر",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "28/6/2025"
  },
  {
    name: "ماجد الغفيلي",
    comment: "الله يجزاكم كل خير والله المنتج اصلي فعلا وفرق كثيييير حرارة الشمس",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "22/6/2025"
  },
  {
    name: "حمد ال حميد",
    comment: "اشتريت المنتج بناءً على كلام صاحبي وطلع فعلا ماشاء الله ✔️",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "19/6/2025"
  },
  {
    name: "ريان العوفي",
    comment: "والله ما كأنه فيه شمس درجة حرارتها ٤٨ عزل ممتاز ماقد شفت مثله ماشاء الله تبارك الرحمن",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "11/6/2025"
  },
  {
    name: "Mohamed Tarek",
    comment: "للامانة ماتوقعت العزل فيه للدرجة هذي شيء عجييييب وفرق معاي كثيييير مع حر",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "2/6/2025"
  },
  {
    name: "سامي سليمان",
    comment: "صراحة من افضل واجود انواع التظليل اللي جربتها. تستاهل كل ريال يندفع فيها",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "27/5/2025"
  },
  {
    name: "عزام الحارثي",
    comment: "ممتاز وراح اطلب لسيارة ثانية",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "23/5/2025"
  },
  {
    name: "زهير .",
    comment: "منتج تشكرون عليه صراحه، الله يرزقكم و يوفقكم استمرو ❤️",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "15/5/2025"
  },
  {
    name: "Saud Alsqar",
    comment: "والله فخم جدا . وقوي . بيض الله وجيهكم ع الجوده",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "4/5/2025"
  },
  {
    name: "رماح نبيل",
    comment: "سرعة التوصيل ممتازه وبعد تجربتي للعازل كانت فوق المتوقع فرق كثير معي بنسبه لي برودة المكيف وبنسبه لسياره لم اجي ادخلها وهي واقفه ماعد احس بالحراره الي كانت في السابق وانصح فيه بشده",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "19/4/2025"
  },
  {
    name: "raed alghamdi",
    comment: "ماشاء الله فعلا السيارة فرقت حرارتها معايا، حتى اطفالي لاحظوا ، شكرا لكم",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "15/4/2025"
  },
  {
    name: "حسام سامر",
    comment: "ما شاء الله العزل ممتاز والرؤية واضحة. المنتج ممتاز ويستحق الشراء",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "4/4/2025"
  },
  {
    name: "Nizar Alshakhuri",
    comment: "من اول يوم وضح الفرق ماشاء الله بديت احس ب بروده المكيف الظهر دايم اشغل المكيف على ٦ ولا احس بالبروده الحين ع ٣ وماشاء الله يبرد",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "29/3/2025"
  },
  {
    name: "بريك الشمراني",
    comment: "ممتاز مشالله تبارك الله كفايه انه منتج سعودي والله انه منتج ممتاز بما تعنيه الكلمه ونا مجربه اقسم بالله ينافس شركات كبيره الله يوفقكم وعقبال براند عالمي",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "24/3/2025"
  },
  {
    name: "عبدالله البارقي",
    comment: "له عندي اسبوع تقريبا ما توقعت هذه النتيجة اشي رهيب كنت اطلع على الظهر انحرق من الشمس لكن فرق معي مرة مع التظليل وجدا ممتاز بس تمنيت لو يكون في شعار مع الحزم يتركب من الخلف حركة بسيطة وجميلة للامانة انصح به وبشدة",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "24/3/2025"
  },
  {
    name: "نايف المطيري",
    comment: "الله يعطيكم العافيه اود اشكركم عن منتجكم بطل فرق معيا الحراره بشكل كبير شكرا لخدمه عملاكم على سرعه الاستجابه",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "23/3/2025"
  },
  {
    name: "Rayan Khalid",
    comment: "صراحه تفاجأت من فعاليته .. الله يوفقكم",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "18/3/2025"
  },
  {
    name: "بسام الروحي",
    comment: "من افضل افلام العزل الحراري وراح تلاحظ الفرق من اول يوم 🫶🏻",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "13/3/2025"
  },
  {
    name: "وليد سالم",
    comment: "جدا ممتاز ماشاء الله خفيف شفاف عازل...",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_female.png",
    date: "4/3/2025"
  },
  {
    name: "حسن الروقي",
    comment: "كنت اعاني من مشكلة الحرارة بالسيارة...",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png",
    date: "22/2/2025"
  },
  {
    name: "عبدالله سعود",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "ياسر الحازمي",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "سامي الشلاحي",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "ryan abdulellah",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "Mohamed Eldibawi",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "فهد العنزي ء",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "Abdullah Makhdoum",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "هيثم البندر",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "خالد الدوسري",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "Ali Alharbi",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "ريان الجاسر",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "فارس مجرشي",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "جميلة العسيري",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "سامي الخالدي الخالدي",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "تركي الظاهري",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "FAHAD ALKHALDI",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "مبارك ابوارشيد",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "Bader Hamad",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "عادل محمد المويجد",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "ثامر الجدعان",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "فيصل العبادي",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "Hani Alamoudi",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "موسى سلطان",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "شادي مليباري",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "ماجد العمري",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  },
  {
    name: "thawsb Sh",
    comment: "",
    avatar: "https://cdn.assets.salla.network/prod/stores/themes/default/assets/images/avatar_male.png"
  }
];


        let currentIndex = 0;
        const batchSize = 5;

        function renderBatch() {
          const slice = reviews.slice(currentIndex, currentIndex + batchSize);
          slice.forEach(review => {
            const html = `
              <div class="customer-review border-b last:border-0 mb-8 pb-8 last:pb-0 border-gray-200 list-block">
                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;">
                  <div style="display: flex; align-items: center; gap: 8px;">
                    <img src="${review.avatar}" width="20" height="20" style="border-radius: 50%;" />
                    <span style="font-weight: bold; color: #111;">${review.name}</span>
                  </div>
                  ${review.date ? `<div style="font-size: 12px; color: #999;">${review.date}</div>` : ""}
                </div>
                <div style="display: flex; align-items: center; gap: 8px; font-size: 14px; color: #111; margin-bottom: 8px;">
                  ${stars}
                  <span style="font-weight: bold; color: #aaa;">|</span>
                  ${verified}
                </div>
                ${review.comment ? `<div style="font-size: 14px;">${review.comment}</div>` : ""}
              </div>
            `;
            reviewContainer.insertAdjacentHTML('beforeend', html);
          });

          currentIndex += batchSize;
          if (currentIndex >= reviews.length) loadMoreBtn.style.display = 'none';
        }

        renderBatch(); renderBatch(); renderBatch();
        loadMoreBtn.onclick = renderBatch;
        document.querySelectorAll('.fake-reviews, .fake-reviews *').forEach(el => {
  el.style.fontFamily = 'Tajawal, sans-serif';
});
loadMoreBtn.style.fontFamily = 'Tajawal, sans-serif';
loadMoreBtn.style.fontSize = '15px';

loadMoreBtn.onclick = renderBatch;
      }

      // ⭐ تعديل تقييم 165
      if (ratingBlock) {
        const ratingLine = document.createElement('div');
        ratingLine.style = "display: flex; align-items: center; gap: 6px; font-size: 14px; margin-bottom: 12px; color: #facc15;";
        ratingLine.innerHTML = `${stars}<span style="color: #555; font-size: 13px;">(165 تقييم)</span>`;
        ratingBlock.replaceWith(ratingLine);
      }
      shareBox.remove();
    } else if (retries < maxRetries) {
      retries++;
      setTimeout(tryInsertContent, 400);
    }
  }

  tryInsertContent();
})();

document.addEventListener("DOMContentLoaded", function() {
    const removeStars = () => {
        document.querySelectorAll("salla-rating-stars").forEach(el => el.remove());
    };

    removeStars(); // حذف أولي

    const observer = new MutationObserver(removeStars);
    observer.observe(document.body, { childList: true, subtree: true });
});