window.addEventListener("load", function () {
  var footer = document.querySelector("footer");
  if (!footer) return;

  var reviewsSection = document.createElement("section");
  reviewsSection.innerHTML = `
    <style>
      .qasr-reviews-wrap{
        padding:50px 14px;
        background:linear-gradient(180deg,#faf7f1 0%,#f3ecdf 100%);
      }

      .qasr-reviews-container{
        max-width:1100px;
        margin:0 auto;
      }

      .qasr-reviews-box{
        border-radius:24px;
        overflow:hidden;
        box-shadow:0 16px 40px rgba(0,0,0,.08);
        background:#fff;
      }

      .qasr-reviews-head{
        text-align:center;
        padding:30px 20px 24px;
        background:linear-gradient(180deg,#1a120c 0%, #0f0a07 100%);
      }

      .qasr-reviews-badge{
        display:inline-block;
        padding:7px 16px;
        border-radius:999px;
        background:rgba(212,163,44,.12);
        border:1px solid rgba(212,163,44,.28);
        color:#d4a32c;
        font-size:12px;
        margin-bottom:12px;
      }

      .qasr-reviews-title{
        margin:0;
        color:#f7c650;
        font-size:32px;
        font-weight:800;
      }

      .qasr-reviews-sub{
        margin:10px 0 0;
        color:#e8dcc5;
        font-size:14px;
        line-height:1.9;
      }

      .qasr-slider-area{
        position:relative;
        background:#fffaf2;
        padding:34px 20px 26px;
        min-height:290px;
      }

      .qasr-slide{
        display:none;
        animation:qasrFade .45s ease;
      }

      .qasr-slide.active{
        display:block;
      }

      @keyframes qasrFade{
        from{opacity:0;transform:translateY(8px)}
        to{opacity:1;transform:translateY(0)}
      }

      .qasr-card{
        max-width:760px;
        margin:0 auto;
        background:#fff;
        border:1px solid #eee2c8;
        border-radius:20px;
        padding:28px 24px;
        position:relative;
        text-align:right;
        box-shadow:0 10px 30px rgba(0,0,0,.05);
      }

      .qasr-quote{
        position:absolute;
        top:14px;
        left:18px;
        font-size:42px;
        color:#efe4c8;
        font-weight:700;
        line-height:1;
      }

      .qasr-stars{
        color:#d4a32c;
        font-size:24px;
        margin-bottom:14px;
        letter-spacing:2px;
      }

      .qasr-review-text{
        color:#444;
        font-size:17px;
        line-height:2;
        margin-bottom:18px;
      }

      .qasr-review-name{
        color:#111;
        font-size:15px;
        font-weight:800;
      }

      .qasr-review-role{
        color:#8a8a8a;
        font-size:13px;
        margin-top:4px;
      }

      .qasr-slider-controls{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:14px;
        margin-top:22px;
      }

      .qasr-slider-btn{
        width:46px;
        height:46px;
        border:none;
        border-radius:50%;
        background:#111;
        color:#fff;
        font-size:20px;
        cursor:pointer;
        box-shadow:0 8px 18px rgba(0,0,0,.12);
      }

      .qasr-slider-dots{
        display:flex;
        gap:8px;
        align-items:center;
        justify-content:center;
        flex-wrap:wrap;
      }

      .qasr-slider-dot{
        width:9px;
        height:9px;
        border-radius:50%;
        background:#d0d0d0;
        cursor:pointer;
        transition:.25s ease;
      }

      .qasr-slider-dot.active{
        width:28px;
        border-radius:999px;
        background:#d4a32c;
      }

      @media (max-width: 768px){
        .qasr-reviews-wrap{
          padding:34px 12px;
        }

        .qasr-reviews-title{
          font-size:26px;
        }

        .qasr-slider-area{
          min-height:320px;
          padding:22px 14px 20px;
        }

        .qasr-card{
          padding:22px 18px;
          border-radius:16px;
        }

        .qasr-review-text{
          font-size:15px;
        }

        .qasr-slider-controls{
          gap:10px;
        }

        .qasr-slider-btn{
          width:42px;
          height:42px;
        }
      }
    </style>

    <section class="qasr-reviews-wrap">
      <div class="qasr-reviews-container">
        <div class="qasr-reviews-box">
          <div class="qasr-reviews-head">
            <div class="qasr-reviews-badge">⭐ تقييمات العملاء</div>
            <h2 class="qasr-reviews-title">آراء عملاء قصر العز</h2>
            <p class="qasr-reviews-sub">ثقة عملائنا هي أكبر دليل على جودة منتجاتنا</p>
          </div>

          <div class="qasr-slider-area" id="qasrSliderArea">

            <div class="qasr-slide active">
              <div class="qasr-card">
                <div class="qasr-quote">❝</div>
                <div class="qasr-stars">★★★★★</div>
                <div class="qasr-review-text">العسل ممتاز جدًا والطعم واضح أنه طبيعي 100٪ والتغليف كان مرتب وفخم.</div>
                <div class="qasr-review-name">أبو خالد</div>
                <div class="qasr-review-role">عميل موثق</div>
              </div>
            </div>

            <div class="qasr-slide">
              <div class="qasr-card">
                <div class="qasr-quote">❝</div>
                <div class="qasr-stars">★★★★★</div>
                <div class="qasr-review-text">التمور وصلت طازجة جدًا وأنصح بالمتجر بدون تردد والتوصيل كان سريع.</div>
                <div class="qasr-review-name">أم نواف</div>
                <div class="qasr-review-role">عميلة موثقة</div>
              </div>
            </div>

            <div class="qasr-slide">
              <div class="qasr-card">
                <div class="qasr-quote">❝</div>
                <div class="qasr-stars">★★★★★</div>
                <div class="qasr-review-text">أفضل متجر طلبت منه عسل وسدر إلى الآن وجودة المنتجات ممتازة.</div>
                <div class="qasr-review-name">سعد</div>
                <div class="qasr-review-role">عميل موثق</div>
              </div>
            </div>

            <div class="qasr-slide">
              <div class="qasr-card">
                <div class="qasr-quote">❝</div>
                <div class="qasr-stars">★★★★★</div>
                <div class="qasr-review-text">التوصيل سريع جدًا والتعامل راقٍ وواضح الاهتمام بالعميل.</div>
                <div class="qasr-review-name">أبو فيصل</div>
                <div class="qasr-review-role">عميل موثق</div>
              </div>
            </div>

            <div class="qasr-slide">
              <div class="qasr-card">
                <div class="qasr-quote">❝</div>
                <div class="qasr-stars">★★★★★</div>
                <div class="qasr-review-text">العود رائحته فاخرة وثابتة والمتجر يستحق التجربة بكل صراحة.</div>
                <div class="qasr-review-name">محمد</div>
                <div class="qasr-review-role">عميل موثق</div>
              </div>
            </div>

            <div class="qasr-slide">
              <div class="qasr-card">
                <div class="qasr-quote">❝</div>
                <div class="qasr-stars">★★★★★</div>
                <div class="qasr-review-text">جودة المنتجات أعلى من المتوقع والتغليف ممتاز جدًا.</div>
                <div class="qasr-review-name">أبو راشد</div>
                <div class="qasr-review-role">عميل موثق</div>
              </div>
            </div>

            <div class="qasr-slide">
              <div class="qasr-card">
                <div class="qasr-quote">❝</div>
                <div class="qasr-stars">★★★★★</div>
                <div class="qasr-review-text">التغليف مرتب والمنتجات أصلية ووصل الطلب بحالة ممتازة.</div>
                <div class="qasr-review-name">عبدالله</div>
                <div class="qasr-review-role">عميل موثق</div>
              </div>
            </div>

            <div class="qasr-slide">
              <div class="qasr-card">
                <div class="qasr-quote">❝</div>
                <div class="qasr-stars">★★★★★</div>
                <div class="qasr-review-text">جربت الزعفران وكان ممتاز جدًا والرائحة والجودة واضحة.</div>
                <div class="qasr-review-name">فهد</div>
                <div class="qasr-review-role">عميل موثق</div>
              </div>
            </div>

            <div class="qasr-slide">
              <div class="qasr-card">
                <div class="qasr-quote">❝</div>
                <div class="qasr-stars">★★★★★</div>
                <div class="qasr-review-text">المتجر موثوق والتجربة كانت رائعة وسأكرر الطلب قريبًا.</div>
                <div class="qasr-review-name">خالد</div>
                <div class="qasr-review-role">عميل موثق</div>
              </div>
            </div>

            <div class="qasr-slide">
              <div class="qasr-card">
                <div class="qasr-quote">❝</div>
                <div class="qasr-stars">★★★★★</div>
                <div class="qasr-review-text">أنصح الجميع بالتجربة لأن المنتجات ممتازة فعلًا والخدمة ممتازة.</div>
                <div class="qasr-review-name">سلمان</div>
                <div class="qasr-review-role">عميل موثق</div>
              </div>
            </div>

            <div class="qasr-slider-controls">
              <button class="qasr-slider-btn" id="qasrPrevBtn">‹</button>
              <div class="qasr-slider-dots" id="qasrSliderDots"></div>
              <button class="qasr-slider-btn" id="qasrNextBtn">›</button>
            </div>

          </div>
        </div>
      </div>
    </section>
  `;

  footer.parentNode.insertBefore(reviewsSection, footer);

  var slides = reviewsSection.querySelectorAll(".qasr-slide");
  var dotsWrap = reviewsSection.querySelector("#qasrSliderDots");
  var prevBtn = reviewsSection.querySelector("#qasrPrevBtn");
  var nextBtn = reviewsSection.querySelector("#qasrNextBtn");

  if (!slides.length || !dotsWrap || !prevBtn || !nextBtn) return;

  var current = 0;
  var autoSlide;

  for (var i = 0; i < slides.length; i++) {
    var dot = document.createElement("span");
    dot.className = "qasr-slider-dot" + (i === 0 ? " active" : "");
    (function(index, el){
      el.addEventListener("click", function(){
        current = index;
        showSlide(current);
        restartAuto();
      });
    })(i, dot);
    dotsWrap.appendChild(dot);
  }

  function showSlide(index){
    for (var i = 0; i < slides.length; i++) {
      slides[i].classList.remove("active");
    }
    var dots = dotsWrap.querySelectorAll(".qasr-slider-dot");
    for (var j = 0; j < dots.length; j++) {
      dots[j].classList.remove("active");
    }

    slides[index].classList.add("active");
    if (dots[index]) dots[index].classList.add("active");
  }

  function nextSlide(){
    current++;
    if (current >= slides.length) current = 0;
    showSlide(current);
  }

  function prevSlide(){
    current--;
    if (current < 0) current = slides.length - 1;
    showSlide(current);
  }

  function restartAuto(){
    clearInterval(autoSlide);
    autoSlide = setInterval(nextSlide, 4000);
  }

  nextBtn.addEventListener("click", function(){
    nextSlide();
    restartAuto();
  });

  prevBtn.addEventListener("click", function(){
    prevSlide();
    restartAuto();
  });

  showSlide(current);
  restartAuto();
});
window.addEventListener("load", function () {
  var footer = document.querySelector("footer");
  if (!footer) return;

  var oldMap = document.querySelector(".qasr-pro-map-section");
  if (oldMap) oldMap.remove();

  var mapSection = document.createElement("section");
  mapSection.className = "qasr-pro-map-section";

  mapSection.innerHTML = `
    <style>
      .qasr-pro-map-section{
        padding:60px 14px;
        background:linear-gradient(180deg,#faf7f1 0%,#f2ebdd 100%);
      }

      .qasr-pro-map-container{
        max-width:1100px;
        margin:0 auto;
      }

      .qasr-pro-map-card{
        background:linear-gradient(180deg,#1a120c 0%, #0f0a07 100%);
        border-radius:26px;
        overflow:hidden;
        box-shadow:0 18px 45px rgba(0,0,0,.16);
        border:1px solid rgba(212,163,44,.16);
      }

      .qasr-pro-map-top{
        padding:30px 22px 22px;
        text-align:center;
      }

      .qasr-pro-badge{
        display:inline-block;
        padding:8px 16px;
        border-radius:999px;
        background:rgba(212,163,44,.12);
        border:1px solid rgba(212,163,44,.30);
        color:#d4a32c;
        font-size:12px;
        margin-bottom:14px;
      }

      .qasr-pro-title{
        margin:0;
        color:#f7c650;
        font-size:32px;
        font-weight:800;
      }

      .qasr-pro-sub{
        margin:10px auto 0;
        max-width:700px;
        color:#e7dcc5;
        font-size:15px;
        line-height:1.9;
      }

      .qasr-pro-meta{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:14px;
        padding:0 22px 22px;
      }

      .qasr-pro-meta-box{
        background:rgba(255,255,255,.04);
        border:1px solid rgba(255,255,255,.08);
        border-radius:18px;
        padding:18px 14px;
        text-align:center;
      }

      .qasr-pro-meta-title{
        color:#cfa13a;
        font-size:13px;
        margin-bottom:8px;
      }

      .qasr-pro-meta-value{
        color:#fff;
        font-size:16px;
        font-weight:700;
      }

      .qasr-pro-map-wrap{
        padding:0 22px 22px;
      }

      .qasr-pro-map{
        width:100%;
        height:430px;
        border:0;
        display:block;
        border-radius:22px;
        background:#eee;
      }

      .qasr-pro-actions{
        padding:0 22px 30px;
        display:flex;
        flex-wrap:wrap;
        gap:12px;
        justify-content:center;
      }

      .qasr-pro-btn{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        min-width:170px;
        padding:15px 20px;
        border-radius:16px;
        text-decoration:none;
        font-size:14px;
        font-weight:800;
        transition:.25s ease;
      }

      .qasr-pro-btn:hover{
        transform:translateY(-2px);
      }

      .qasr-pro-btn-main{
        background:#d4a32c;
        color:#111;
        box-shadow:0 10px 24px rgba(212,163,44,.20);
      }

      .qasr-pro-btn-dark{
        background:#111;
        color:#fff;
        border:1px solid rgba(255,255,255,.12);
      }

      .qasr-pro-btn-whatsapp{
        background:#25D366;
        color:#fff;
      }

      .qasr-pro-btn-outline{
        background:transparent;
        color:#fff;
        border:1px solid rgba(255,255,255,.16);
      }

      @media (max-width: 900px){
        .qasr-pro-meta{
          grid-template-columns:repeat(2,1fr);
        }
      }

      @media (max-width: 640px){
        .qasr-pro-map-section{
          padding:38px 12px;
        }

        .qasr-pro-title{
          font-size:25px;
        }

        .qasr-pro-sub{
          font-size:14px;
        }

        .qasr-pro-top{
          padding:24px 16px 18px;
        }

        .qasr-pro-meta{
          grid-template-columns:1fr;
          padding:0 14px 16px;
        }

        .qasr-pro-map-wrap{
          padding:0 14px 14px;
        }

        .qasr-pro-map{
          height:300px;
          border-radius:16px;
        }

        .qasr-pro-actions{
          padding:0 14px 22px;
        }

        .qasr-pro-btn{
          width:100%;
          min-width:unset;
        }
      }
    </style>

    <div class="qasr-pro-map-container">
      <div class="qasr-pro-map-card">

        <div class="qasr-pro-map-top">
          <div class="qasr-pro-badge">📍 موقعنا على الخريطة</div>
          <h2 class="qasr-pro-title">قصر العز</h2>
          <p class="qasr-pro-sub">
            متجر متخصص في أجود أنواع العسل والعود والتمور والزعفران. زورنا في المتجر أو تواصل معنا مباشرة.
          </p>
        </div>

        <div class="qasr-pro-meta">
          <div class="qasr-pro-meta-box">
            <div class="qasr-pro-meta-title">⭐ تقييم المتجر</div>
            <div class="qasr-pro-meta-value">4.9 / 5</div>
          </div>

          <div class="qasr-pro-meta-box">
            <div class="qasr-pro-meta-title">👥 رضا العملاء</div>
            <div class="qasr-pro-meta-value">ممتاز جدًا</div>
          </div>

          <div class="qasr-pro-meta-box">
            <div class="qasr-pro-meta-title">🚚 الخدمة</div>
            <div class="qasr-pro-meta-value">توصيل سريع</div>
          </div>

          <div class="qasr-pro-meta-box">
            <div class="qasr-pro-meta-title">🛍️ الجودة</div>
            <div class="qasr-pro-meta-value">منتجات أصلية</div>
          </div>
        </div>

        <div class="qasr-pro-map-wrap">
          <iframe
            class="qasr-pro-map"
            src="https://maps.google.com/maps?q=24.5585786,46.6137337&z=17&output=embed"
            loading="lazy"
            referrerpolicy="no-referrer-when-downgrade"
            allowfullscreen>
          </iframe>
        </div>

        <div class="qasr-pro-actions">
          <a class="qasr-pro-btn qasr-pro-btn-main"
             href="https://www.google.com/maps/dir/?api=1&destination=24.5585786,46.6137337"
             target="_blank">
             🧭 الاتجاهات
          </a>

          <a class="qasr-pro-btn qasr-pro-btn-dark"
             href="tel:+966530003331">
             📞 اتصال
          </a>

          <a class="qasr-pro-btn qasr-pro-btn-whatsapp"
             href="https://wa.me/966530003331"
             target="_blank">
             🟢 واتساب
          </a>

          <a class="qasr-pro-btn qasr-pro-btn-outline"
             href="https://www.google.com/maps?q=24.5585786,46.6137337"
             target="_blank">
             📍 فتح الموقع
          </a>
        </div>

      </div>
    </div>
  `;

  footer.before(mapSection);
});