/* Add custom Js code below */ 
document.addEventListener("DOMContentLoaded", function () {
  const waitForBlock = setInterval(() => {
    const heading = Array.from(document.querySelectorAll("h2"))
      .find(el => el.textContent.trim().includes("منتجات العناية"));

    if (heading && heading.closest("section")) {
      clearInterval(waitForBlock);

      const sectionBlock = heading.closest("section");

      const wrapper = document.createElement("section");
      wrapper.className = "mishkat-categories-wrapper";
      wrapper.style.cssText = `
        margin: 40px 0;
        padding: 30px 10px 10px;
        background-color: #f9f9f9;
        border-radius: 12px;
      `;

      wrapper.innerHTML = `
 <div class="container">
          <h2 class="section-title">تسوقي حسب الفئة</h2>
        </div>

        <div class="mishkat-categories" style="display: flex; overflow-x: auto; gap: 20px;">
          <a href="https://mishkatsa.com/العناية-بالجسم/c1937737843" class="category-item">
            <img src="https://cdn.salla.sa/pQVvdX/26sL8TR8PmDt4J5cc0ceqGDSueYdY3qI15Lm8Ccr.png" alt="العناية بالجسم">
            <p>العناية بالجسم</p>
          </a>
          <a href="https://mishkatsa.com/العناية-بالبشرة/c1762579838" class="category-item">
            <img src="https://cdn.salla.sa/pQVvdX/fnxbWV49ZMS9N4UYx0bREVm1gt5vLfzimfrvPRBg.png" alt="العناية بالبشرة">
            <p>العناية بالبشرة</p>
          </a>
          <a href="https://mishkatsa.com/العناية-بالشعر/c1296340860" class="category-item">
            <img src="https://cdn.salla.sa/pQVvdX/26sL8TR8PmDt4J5cc0ceqGDSueYdY3qI15Lm8Ccr.png" alt="العناية بالشعر">
            <p>العناية بالشعر</p>
          </a>
          <a href="https://mishkatsa.com/مكياج-ناعم/c665800861" class="category-item">
            <img src="https://cdn.salla.sa/pQVvdX/DQqSIDkKOkfJ2PBkVKKXkU2LQAFCSvRVwriUMDNO.png" alt="مكياج ناعم">
            <p>مكياج ناعم</p>
          </a>
          <a href="https://mishkatsa.com/مرطب-شفاه/c1546493764" class="category-item">
            <img src="https://cdn.salla.sa/pQVvdX/vecNGTPnTYBgCm1gZQNqYg0t6Tn4wJpbJ6B4DP5M.png" alt="مرطب شفاه">
            <p>مرطب شفاه</p>
          </a>
          <a href="https://mishkatsa.com/فاونديشن/c1129488031" class="category-item">
            <img src="https://cdn.salla.sa/pQVvdX/26sL8TR8PmDt4J5cc0ceqGDSueYdY3qI15Lm8Ccr.png" alt="فاونديشن">
            <p>فاونديشن</p>
          </a>
        </div>
      `;

      // إدراج القسم قبل block كامل
      sectionBlock.parentElement.insertBefore(wrapper, sectionBlock);
    }
  }, 500);
});