const add_faqs = () => {

  let target = document.querySelector(".s-block--features");
  let newEl = document.createElement("div");
  newEl.innerHTML = `
  <div class="wrapper faqs">
  <h2>اهم الاسئلة</h2>
    <div class="container">
      <div class="question">
      هل السدر يسبب تساقط ؟
      </div>
      <div class="answercont">
        <div class="answer">
      الشعر مثل الشجره يجب العنايه به والاهتمام بشكل مستمر ، اي انقطاع مفاجئ للعنايه بشكل عام لايعطيك النتيجه المطلوبة
        </div>
      </div> 
    </div>

    <div class="container">
      <div class="question">
    هل المنتجات تناسب الثعلبة ؟
      </div>
      <div class="answercont">
        <div class="answer">
        نعم تناسب الثعلبه ، ومصرحه من هيئه الغذاء والدواء السعودية ، اكثر منتج مناسب للثعلبه ( كورس سدر الجنكة + تونر الجنكة )
        </div>
      </div>
    </div>
    <div class="container">
      <div class="question">
      منتجاتك فيها عطور ؟
      </div>
      <div class="answercont">
        <div class="answer">
   لا ، منتجاتنا لايوجد فيها عطور
        </div>
      </div>
    </div>
    <div class="container">
      <div class="question">
      هل تناسب الرجال والصلع الوراثي؟
      </div>
      <div class="answercont">
        <div class="answer">
        نعم
        </div>
      </div>
    </div>
    
    <a href="https://almo3jzhs.com/p/mWZYE">قراءة المزيد</a>

  </div>
 
    `;
  target.after(newEl);
};


var script = document.createElement("script");
// Add script content
script.src = "https://cdn.lordicon.com/lordicon.js";
// Append
document.head.appendChild(script);



window.addEventListener("load", (event) => {
    // Check if the current URL contains the specific category path
    if (window.location.href.includes('/category/nxmewq')) {
        // Create the new section element
        var section = document.createElement('section');
        section.className = 's-block s-block--fixed-banner wide-placeholder';
        
        // Create the container div
        var container = document.createElement('div');
        container.className = 'container';
        
        // Create the anchor element
        var anchor = document.createElement('a');
        anchor.href = 'https://almo3jzhs.com/latest-products';
        anchor.className = 'banner banner--fixed overflow-hidden';
        anchor.setAttribute('aria-label', 'Banner');
        
        // Create the image element
        var img = document.createElement('img');
        img.width = 1200;
        img.height = 300;
        img.src = 'https://cdn.salla.sa/lZGoe/UGt3hTqYZcnYP6NjI03mBAIV6flZVzMdkcX0p0Iz.jpg';
        img.alt = 'fixed banner';
        
        // Append the image to the anchor
        anchor.appendChild(img);
        
        // Append the anchor to the container
        container.appendChild(anchor);
        
        // Append the container to the section
        section.appendChild(container);
        
        // Find the header element
        var header = document.querySelector('header');
        
        // Insert the section after the header
        if (header) {
            header.parentNode.insertBefore(section, header.nextSibling);
        } else {
            // If no header is found, insert at the top of the body
            document.body.insertBefore(section, document.body.firstChild);
        }
    }
add_faqs();
  let question = document.querySelectorAll(".question");

    question.forEach((question) => {
      question.addEventListener("click", (event) => {
        const active = document.querySelector(".question.active");
        if (active && active !== question) {
          active.classList.toggle("active");
          active.nextElementSibling.style.maxHeight = 0;
        }
        question.classList.toggle("active");
        const answer = question.nextElementSibling;
        if (question.classList.contains("active")) {
          answer.style.maxHeight = answer.scrollHeight + "px";
        } else {
          answer.style.maxHeight = 0;
        }
    });
      })
  document.querySelector("#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(1) > div").innerHTML = `
<lord-icon
  src="https://cdn.lordicon.com/dyfotzbb.json"
    trigger="loop"
    delay="1500"
    colors="primary:#e8a3b5,secondary:#a5be85"
    style="width:100%;height:100%">
</lord-icon>
`
  document.querySelector("#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(2) > div").innerHTML = `
<lord-icon
    src="https://cdn.lordicon.com/owafkacy.json"
    trigger="loop"
    delay="1500"
    colors="primary:#e8a3b5,secondary:#a5be85"
    style="width:100%;height:100%">
</lord-icon>
`

document.querySelector("#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(3) > div").innerHTML = `
<lord-icon
    src="https://cdn.lordicon.com/jyrzvbtn.json"
    trigger="loop"
    delay="1500"
    colors="primary:#e8a3b5,secondary:#a5be85"
    style="width:100%;height:100%">
</lord-icon>
`
document.querySelectorAll("[dir=rtl] .testimonials-slider .testimonial__icon").forEach(function(element) {
    element.innerHTML = `<lord-icon
        src="https://cdn.lordicon.com/ynwqapsx.json"
        stroke="bold"
        trigger="loop"
        delay="1500"
        colors="primary:#e8a3b5,secondary:#a5be85"
        style="width:100%;height:100%">
    </lord-icon>`;
});



});