(function () {
  const currentUrl = new URL(window.location.href);

  const path = currentUrl.pathname.replace(/\/+$/, "");

  const isMenuPage =
    path === "/menu/page-611359418";

  if (!isMenuPage) {
    return;
  }

  document.body.classList.add("ld-menu-page");

  (function () {
    // =========================================
    // 1. الأكورديون
    // قسم واحد فقط مفتوح
    // =========================================

    document.addEventListener("click", function (e) {
      if (!document.body.classList.contains("salla-1298199463")) {
        return;
      }

      const title = e.target.closest(".s-block__title");

      if (!title) {
        return;
      }

      e.preventDefault();

      const block = title.closest(".s-block");

      if (!block) {
        return;
      }

      const isCurrentlyOpen = block.classList.contains("is-open");
      const wrapper = block.closest(".s-blocks-wrapper");

      if (wrapper) {
        wrapper
          .querySelectorAll(".s-block.is-open")
          .forEach(function (openBlock) {
            if (openBlock !== block) {
              openBlock.classList.remove("is-open");
            }
          });
      }

      block.classList.toggle("is-open", !isCurrentlyOpen);

      if (!isCurrentlyOpen) {
        setTimeout(function () {
          const offset = 100;

          const blockTop =
            block.getBoundingClientRect().top + window.pageYOffset - offset;

          window.scrollTo({
            top: blockTop,
            behavior: "smooth",
          });
        }, 100);
      }
    });

    // =========================================
    // 2. إنشاء الـ Modal
    // =========================================

    if (!document.getElementById("quickViewModal")) {
      const modalMarkup = `
      <style>
        #quickViewModal {
          display: none;
          position: fixed !important;
          inset: 0 !important;
          background: rgba(0, 0, 0, 0.6) !important;
          z-index: 9999999 !important;
          justify-content: center !important;
          align-items: center !important;
          padding: 20px;
          box-sizing: border-box;
          direction: rtl;
        }

        .qvm-content {
          background: #fff !important;
          width: 100% !important;
          max-width: 580px !important;
          border-radius: 24px !important;
          overflow: hidden !important;
          position: relative !important;
          box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3) !important;
          font-family: inherit !important;
          box-sizing: border-box !important;
        }

        .qvm-img-container {
          padding: 0 !important;
          margin: 0 !important;
          width: 100% !important;
        }

        .qvm-img-wrapper {
          position: relative;
          width: 100%;
          max-height: 70vh;
          background: #1a1a1a;
          border-radius: 0 !important;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .qvm-img-wrapper img {
          display: block;
          width: 100%;
          height: auto;
          max-width: 100%;
          max-height: none;
          object-fit: contain;
          object-position: center;
          transform: none !important;
          transition: none !important;
        }

        .qvm-img-wrapper.qvm-wrapper-overflow {
          height: 70vh;
        }

        .qvm-img-wrapper img.qvm-img-overflow {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center 70%;
        }

        .qvm-img-wrapper:hover img {
          transform: none !important;
        }

        .qvm-close,
        .qvm-copy-btn {
          position: absolute !important;
          top: 16px !important;
          background: rgba(255, 255, 255, 0.9) !important;
          border: none !important;
          color: #364057 !important;
          width: 36px !important;
          height: 36px !important;
          border-radius: 50% !important;
          display: flex !important;
          justify-content: center !important;
          align-items: center !important;
          cursor: pointer !important;
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
          z-index: 10 !important;
          transition: all 0.2s ease !important;
        }

        .qvm-close {
          left: 16px !important;
          font-size: 24px !important;
          line-height: 1 !important;
        }

        .qvm-copy-btn {
          right: 16px !important;
        }

        .qvm-close:hover,
        .qvm-copy-btn:hover {
          background: #fff !important;
          transform: scale(1.05) !important;
        }

        #copyToast {
          position: fixed;
          bottom: 30px;
          left: 50%;
          transform: translateX(-50%) translateY(100px);
          background: #364057;
          color: #fff;
          padding: 10px 20px;
          border-radius: 8px;
          font-size: 14px;
          font-weight: 600;
          z-index: 99999999;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
          transition: transform 0.3s ease;
          opacity: 0;
        }

        #copyToast.show {
          transform: translateX(-50%) translateY(0);
          opacity: 1;
        }

        .qvm-body-content {
          padding: 24px !important;
          text-align: center !important;
        }

        .qvm-title {
          font-size: 22px;
          font-weight: 900;
          color: #111;
          margin: 0 0 20px;
          text-align: center !important;
          width: 100%;
        }

        .qvm-meta-container {
          display: flex;
          gap: 12px;
        }

        .qvm-meta-box {
          flex: 1;
          border: 1px solid #eaeaea;
          border-radius: 12px;
          padding: 12px;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }

        .qvm-meta-text {
          display: flex;
          flex-direction: column;
          gap: 4px;
          text-align: right;
        }

        .qvm-meta-label {
          font-size: 11px;
          color: #999;
        }

        .qvm-meta-value {
          font-size: 14px;
          font-weight: bold;
          color: #333;
          display: flex;
          gap: 4px;
          align-items: center;
        }

        .qvm-currency-text {
          font-size: 12px;
          font-weight: 600;
          color: #a88143;
        }

        .qvm-meta-icon {
          color: #a88143;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        /* =========================================
           Product Search Loader
        ========================================= */

        #productSearchLoader {
          position: fixed;
          inset: 0;
          z-index: 9999998;
          display: flex;
          align-items: center;
          justify-content: center;
          pointer-events: none;
          padding: 20px;
          box-sizing: border-box;
        }

        #productSearchLoader::before {
          content: "";
          position: absolute;
          width: min(92vw, 560px);
          aspect-ratio: 1 / 1;
          background: transparent;
          border-radius: 20px;
        }

        #productSearchLoader .product-search-loader__circle {
          position: relative;
          z-index: 1;
          width: 52px;
          height: 52px;
          border: 4px solid rgba(199, 154, 121, 0.22);
          border-top-color: #c79a79;
          border-radius: 50%;
          animation: productSearchLoaderSpin 0.8s linear infinite;
          box-sizing: border-box;
        }

        @keyframes productSearchLoaderSpin {
          to {
            transform: rotate(360deg);
          }
        }

        /* =========================================
           Mobile
        ========================================= */

        @media (max-width: 767px) {
          #quickViewModal {
            padding: 12px !important;
          }

          .qvm-content {
            max-width: 100% !important;
            max-height: calc(100vh - 24px) !important;
          }

          .qvm-img-wrapper {
            max-height: 55vh !important;
          }

          .qvm-img-wrapper.qvm-wrapper-overflow {
            height: 55vh;
          }

          .qvm-img-wrapper img {
            width: 100%;
            height: auto;
          }

          .qvm-body-content {
            padding: 20px !important;
          }

          .qvm-title {
            font-size: 20px;
            margin-bottom: 16px;
          }

          #productSearchLoader {
            padding: 15px;
          }

          #productSearchLoader .product-search-loader__circle {
            width: 44px;
            height: 44px;
            border-width: 3px;
          }
        }
      </style>

      <div id="quickViewModal">
        <div class="qvm-content">

          <div class="qvm-img-container">
            <div class="qvm-img-wrapper">

              <button
                id="closeModalBtn"
                class="qvm-close"
                aria-label="إغلاق"
              >
                &times;
              </button>

              <button
                id="shareProductBtn"
                class="qvm-copy-btn"
                title="مشاركة المنتج"
              >
                <svg
                  width="18"
                  height="18"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                >
                  <circle cx="18" cy="5" r="3"></circle>
                  <circle cx="6" cy="12" r="3"></circle>
                  <circle cx="18" cy="19" r="3"></circle>
                  <line
                    x1="8.59"
                    y1="13.51"
                    x2="15.42"
                    y2="17.49"
                  ></line>
                  <line
                    x1="15.41"
                    y1="6.51"
                    x2="8.59"
                    y2="10.49"
                  ></line>
                </svg>
              </button>

              <img
                id="modalProductImg"
                src=""
                alt="Product"
              >

            </div>
          </div>

          <div class="qvm-body-content">

            <h3
              id="modalProductTitle"
              class="qvm-title"
            ></h3>

            <div class="qvm-meta-container">

              <div class="qvm-meta-box">
                <div class="qvm-meta-text">

                  <span class="qvm-meta-label">
                    سعر الكيلو
                  </span>

                  <span
                    id="modalPriceValue"
                    class="qvm-meta-value"
                  >
                    -
                  </span>

                </div>

                <div class="qvm-meta-icon">
                  <svg
                    width="22"
                    height="22"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path>
                    <line x1="7" y1="7" x2="7.01" y2="7"></line>
                  </svg>
                </div>

              </div>

              <div class="qvm-meta-box">
                <div class="qvm-meta-text">

                  <span class="qvm-meta-label">
                    مدة التجهيز
                  </span>

                  <span
                    id="modalPrepValue"
                    class="qvm-meta-value"
                  >
                    -
                  </span>

                </div>

                <div class="qvm-meta-icon">
                  <svg
                    width="22"
                    height="22"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <circle cx="12" cy="12" r="10"></circle>
                    <polyline points="12 6 12 12 16 14"></polyline>
                  </svg>
                </div>

              </div>

            </div>
          </div>

          <div id="copyToast">
            تم نسخ الاسم والرابط بنجاح!
          </div>

        </div>
      </div>
    `;

      document.body.insertAdjacentHTML("beforeend", modalMarkup);
    }

    // =========================================
    // عناصر الـ Modal
    // =========================================

    const modal = document.getElementById("quickViewModal");

    const closeBtn = document.getElementById("closeModalBtn");

    const modalImg = document.getElementById("modalProductImg");

    const modalTitle = document.getElementById("modalProductTitle");

    const modalPriceValue = document.getElementById("modalPriceValue");

    const modalPrepValue = document.getElementById("modalPrepValue");

    let currentActiveCard = null;

    // =========================================
    // رابط المنتج الحقيقي
    // =========================================

    function getProductUrl(card) {
      if (!card) {
        return "";
      }

      const productLink = card.querySelector("a[href]");

      if (!productLink) {
        return "";
      }

      const href = productLink.getAttribute("href");

      if (!href || href.startsWith("#") || href.startsWith("javascript:")) {
        return "";
      }

      try {
        const url = new URL(href, window.location.origin);

        return url.pathname + url.search;
      } catch (error) {
        return href.trim();
      }
    }

    // =========================================
    // Product ID
    // الـ ID الحقيقي موجود في card.id
    // =========================================

    function getProductId(card) {
      if (!card) {
        return null;
      }

      return card.id || null;
    }

    // =========================================
    // إنشاء رابط المشاركة
    // =========================================

    function createProductShareLink(card) {
      const productId = getProductId(card);

      if (!productId) {
        console.error("❌ Product ID not found");
        return null;
      }

      const url = new URL(window.location.href);

      // الرابط يكون بالـ Product ID فقط
      // مثال: #1003
      url.hash = encodeURIComponent(productId);

      return url.href;
    }

    // =========================================
    // إغلاق Modal
    // =========================================

    function closeModal() {
      if (modal) {
        modal.style.setProperty("display", "none", "important");
      }

      document.body.style.overflow = "auto";

      const sallaBackdrop = document.querySelector(
        ".s-overlay, .salla-dialog-overlay",
      );

      if (sallaBackdrop) {
        sallaBackdrop.style.setProperty("display", "none", "important");
      }

      if (window.history && window.history.replaceState) {
        const cleanURL =
          window.location.protocol +
          "//" +
          window.location.host +
          window.location.pathname;

        window.history.replaceState({ path: cleanURL }, "", cleanURL);
      }

      currentActiveCard = null;

      if (modal) {
        modal._productCard = null;
      }
    }

    // =========================================
    // فتح المنتج
    // =========================================

    function openProductModal(card) {
      if (!card) {
        return;
      }

      currentActiveCard = card;

      if (modal) {
        modal._productCard = card;
      }

      const link = card.querySelector("a");

      const imgEl =
        card.querySelector("img.s-product-card-image-cover") ||
        card.querySelector("img");

      const imgSrc = imgEl ? imgEl.src : "";

      const rawTitle =
        link?.getAttribute("aria-label")?.trim() ||
        imgEl?.getAttribute("alt")?.trim() ||
        card.querySelector(".s-product-card-title")?.innerText?.trim() ||
        "المنتج المحدد";

      const cleanTitle = rawTitle.trim();

      // =========================================
      // مدة التجهيز
      // =========================================

      const promoEl = card.querySelector(".s-product-card-promotion-title");

      const promoText = promoEl ? promoEl.innerText.trim() : "";

      let prepDaysText = "_";

      const matchNum = promoText.match(/\d+/);

      if (matchNum) {
        const numVal = parseInt(matchNum[0], 10);

        if (numVal === 0) {
          prepDaysText = "_";
        } else if (numVal === 1) {
          prepDaysText = "يوم";
        } else if (numVal === 2) {
          prepDaysText = "يومان";
        } else if (numVal >= 3 && numVal <= 10) {
          prepDaysText = `${numVal} أيام`;
        } else {
          prepDaysText = `${numVal} يوم`;
        }
      } else if (promoText && promoText !== "0") {
        prepDaysText = promoText;
      }

      // =========================================
      // سعر الكيلو
      // =========================================

      const priceEl = card.querySelector(".s-product-card-price");

      const rawPrice = priceEl ? priceEl.innerText.trim() : "";

      let cleanPrice = rawPrice.replace(/[^\d٠-٩]/g, "").trim();

      const arabicNumbers = {
        "٠": "0",
        "١": "1",
        "٢": "2",
        "٣": "3",
        "٤": "4",
        "٥": "5",
        "٦": "6",
        "٧": "7",
        "٨": "8",
        "٩": "9",
      };

      cleanPrice = cleanPrice.replace(/[٠-٩]/g, function (w) {
        return arabicNumbers[w];
      });

      // =========================================
      // عرض الصورة
      // =========================================

      if (modalImg) {
        const imgWrapper = modalImg.closest(".qvm-img-wrapper");

        modalImg.classList.remove("qvm-img-overflow");

        if (imgWrapper) {
          imgWrapper.classList.remove("qvm-wrapper-overflow");
        }

        modalImg.onload = function () {
          const maxHeight =
            window.innerWidth <= 767
              ? window.innerHeight * 0.55
              : window.innerHeight * 0.7;

          const naturalWidth = modalImg.naturalWidth;

          const naturalHeight = modalImg.naturalHeight;

          if (!naturalWidth || !naturalHeight) {
            return;
          }

          const displayedHeight =
            naturalHeight * (modalImg.clientWidth / naturalWidth);

          if (displayedHeight > maxHeight) {
            modalImg.classList.add("qvm-img-overflow");

            if (imgWrapper) {
              imgWrapper.classList.add("qvm-wrapper-overflow");
            }
          } else {
            modalImg.classList.remove("qvm-img-overflow");

            if (imgWrapper) {
              imgWrapper.classList.remove("qvm-wrapper-overflow");
            }
          }
        };

        modalImg.src = imgSrc;

        if (modalImg.complete) {
          modalImg.onload();
        }
      }

      // =========================================
      // عنوان المنتج
      // =========================================

      if (modalTitle) {
        modalTitle.innerText = cleanTitle;
      }

      // =========================================
      // مدة التجهيز
      // =========================================

      if (modalPrepValue) {
        modalPrepValue.innerText = prepDaysText;
      }

      // =========================================
      // السعر
      // =========================================

      if (modalPriceValue) {
        if (cleanPrice !== "" && parseInt(cleanPrice, 10) > 0) {
          modalPriceValue.innerHTML =
            `<span>${cleanPrice}</span> ` +
            `<span class="qvm-currency-text">ر.س</span>`;
        } else {
          modalPriceValue.innerHTML =
            `<span>_</span> ` + `<span class="qvm-currency-text">ر.س</span>`;
        }
      }

      // =========================================
      // إظهار Modal
      // =========================================

      if (modal) {
        modal.style.setProperty("display", "flex", "important");

        document.body.style.overflow = "hidden";
      }
    }

    // =========================================
    // الضغط على المنتج
    // =========================================

    document.addEventListener(
      "click",
      function (e) {
        if (e.target.closest(".s-block__title")) {
          return;
        }

        const card = e.target.closest("custom-salla-product-card");

        if (!card) {
          return;
        }

        if (e.target.closest("salla-button")) {
          return;
        }

        const isProductClick =
          e.target.closest(".s-product-card-image") ||
          e.target.closest("a") ||
          e.target;

        if (!isProductClick) {
          return;
        }

        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();

        openProductModal(card);
      },
      true,
    );

    // =========================================
    // زر إغلاق Modal
    // =========================================

    if (closeBtn) {
      closeBtn.addEventListener("click", function (e) {
        e.preventDefault();

        closeModal();
      });
    }

    // إغلاق عند الضغط خارج الـ Modal
    window.addEventListener("click", function (e) {
      if (modal && e.target === modal) {
        closeModal();
      }
    });

    // =========================================
    // مشاركة المنتج
    // =========================================

    document.addEventListener("click", async function (e) {
      const shareButton = e.target.closest("#shareProductBtn");

      if (!shareButton) {
        return;
      }

      e.preventDefault();
      e.stopPropagation();

      const card = currentActiveCard;

      if (!card) {
        console.error("❌ Product card not found");
        return;
      }

      const shareUrl = createProductShareLink(card);

      if (!shareUrl) {
        return;
      }

      console.log("✅ SHARE URL:", shareUrl);

      try {
        const productTitle = modalTitle?.innerText?.trim() || document.title;

        if (navigator.share) {
          await navigator.share({
            title: productTitle,
            text: productTitle,
            url: shareUrl,
          });

          return;
        }

        if (navigator.clipboard) {
          await navigator.clipboard.writeText(productTitle + "\n" + shareUrl);

          console.log("✅ تم نسخ اسم المنتج والرابط");

          shareButton.classList.add("is-copied");

          setTimeout(function () {
            shareButton.classList.remove("is-copied");
          }, 1500);
        }
      } catch (error) {
        if (error.name !== "AbortError") {
          console.error("❌ Share error:", error);
        }
      }
    });

    // =========================================
    // مؤشر البحث عن المنتج
    // =========================================

    function showProductSearchLoader() {
      if (document.getElementById("productSearchLoader")) {
        return;
      }

      const loader = document.createElement("div");

      loader.id = "productSearchLoader";

      loader.setAttribute("aria-label", "جاري البحث عن المنتج");

      loader.setAttribute("role", "status");

      loader.innerHTML = `
      <div class="product-search-loader__circle"></div>
    `;

      document.body.appendChild(loader);
    }

    function hideProductSearchLoader() {
      const loader = document.getElementById("productSearchLoader");

      if (loader) {
        loader.remove();
      }
    }

    // =========================================
    // فحص الـ Hash
    // =========================================

    function isProductHash() {
      const hash = window.location.hash.replace(/^#/, "").trim();

      return (
        hash.startsWith("product-url=") ||
        hash.startsWith("product-id=") ||
        /^\d+$/.test(hash)
      );
    }

    // =========================================
    // البحث عن المنتج من الرابط
    // =========================================

    function findProductFromHash() {
      const hash = window.location.hash.replace(/^#/, "").trim();

      if (!hash) {
        return null;
      }

      const allCards = Array.from(
        document.querySelectorAll("custom-salla-product-card"),
      );

      // product-url القديم
      if (hash.startsWith("product-url=")) {
        const wantedUrl = decodeURIComponent(
          hash.substring("product-url=".length),
        ).trim();

        return (
          allCards.find(function (card) {
            return getProductUrl(card) === wantedUrl;
          }) || null
        );
      }

      // product-id القديم
      if (hash.startsWith("product-id=")) {
        const wantedId = decodeURIComponent(
          hash.substring("product-id=".length),
        ).trim();

        return (
          allCards.find(function (card) {
            return getProductId(card) === wantedId;
          }) || null
        );
      }

      // الرابط الجديد:
      // #1003
      return (
        allCards.find(function (card) {
          return getProductId(card) === hash;
        }) || null
      );
    }

    // =========================================
    // فتح المنتج من الرابط
    // =========================================

    function openProductFromHash() {
      if (!isProductHash()) {
        hideProductSearchLoader();
        return;
      }

      showProductSearchLoader();

      let attempts = 0;
      const maxAttempts = 40;

      const timer = setInterval(function () {
        attempts++;

        const targetCard = findProductFromHash();

        if (targetCard) {
          clearInterval(timer);

          hideProductSearchLoader();

          const parentBlock = targetCard.closest(".s-block");

          if (parentBlock) {
            const wrapper = parentBlock.closest(".s-blocks-wrapper");

            if (wrapper) {
              wrapper
                .querySelectorAll(".s-block.is-open")
                .forEach(function (openBlock) {
                  if (openBlock !== parentBlock) {
                    openBlock.classList.remove("is-open");
                  }
                });
            }

            parentBlock.classList.add("is-open");
          }

          setTimeout(function () {
            targetCard.scrollIntoView({
              behavior: "smooth",
              block: "center",
            });

            setTimeout(function () {
              openProductModal(targetCard);
            }, 300);
          }, 300);

          return;
        }

        if (attempts >= maxAttempts) {
          clearInterval(timer);

          hideProductSearchLoader();
        }
      }, 500);
    }

    // =========================================
    // تحميل الصفحة
    // =========================================

    window.addEventListener("load", function () {
      openProductFromHash();
    });

    // =========================================
    // تغيير الـ Hash
    // =========================================

    window.addEventListener("hashchange", function () {
      openProductFromHash();
    });
  })();

  // =========================================
  // 3. دمج الأقسام
  // =========================================

  (function () {
    const mergedCategories = [
      {
        main: "حلا زفة",
        extra: ["باقي حلا زفة (1)", "باقي حلا زفة (2)"],
      },
      {
        main: "الصواني",
        extra: ["باقي الصواني (1)"],
      },
      {
        main: "تشوكلت",
        extra: ["باقي تشوكلت (1)"],
      },
      {
        main: "حلقوم",
        extra: ["باقي حلقوم (1)"],
      },
      {
        main: "موالح",
        extra: ["باقي موالح (1)", "باقي موالح (2)"],
      },
    ];

    let observer = null;
    let timer = null;
    let isProcessing = false;

    function normalizeText(text) {
      return String(text || "")
        .replace(/\u200f/g, "")
        .replace(/\u200e/g, "")
        .replace(/\s+/g, " ")
        .trim();
    }

    function getBlockTitle(block) {
      if (!block) {
        return "";
      }

      const title =
        block.querySelector(".s-block__title h2") ||
        block.querySelector(".s-block__title");

      if (!title) {
        return "";
      }

      return normalizeText(title.innerText || title.textContent || "");
    }

    function findCategoryBlock(categoryName) {
      const wanted = normalizeText(categoryName);

      return (
        Array.from(
          document.querySelectorAll(
            "body.salla-1298199463 .s-blocks-wrapper > .s-block",
          ),
        ).find(function (block) {
          return getBlockTitle(block) === wanted;
        }) || null
      );
    }

    function hideExtraBlock(block) {
      if (!block) {
        return;
      }

      block.classList.remove("is-open");

      block.setAttribute("data-merged-category", "true");

      block.style.setProperty("display", "none", "important");
    }

    function getMainWrapper(mainBlock) {
      if (!mainBlock) {
        return null;
      }

      return mainBlock.querySelector(".s-products-list-wrapper");
    }

    function moveProducts(sourceBlock, mainWrapper) {
      if (!sourceBlock || !mainWrapper) {
        return;
      }

      const sourceWrappers = Array.from(
        sourceBlock.querySelectorAll(".s-products-list-wrapper"),
      );

      sourceWrappers.forEach(function (sourceWrapper) {
        const cards = Array.from(
          sourceWrapper.querySelectorAll("custom-salla-product-card"),
        );

        cards.forEach(function (card) {
          if (card.parentElement !== mainWrapper) {
            mainWrapper.appendChild(card);
          }
        });

        if (sourceWrapper !== mainWrapper) {
          sourceWrapper.style.setProperty("display", "none", "important");
        }
      });
    }

    function mergeOneCategory(config) {
      const mainBlock = findCategoryBlock(config.main);

      if (!mainBlock) {
        return;
      }

      config.extra.forEach(function (extraName) {
        const extraBlock = findCategoryBlock(extraName);

        if (extraBlock) {
          hideExtraBlock(extraBlock);
        }
      });

      const mainWrapper = getMainWrapper(mainBlock);

      if (!mainWrapper) {
        return;
      }

      config.extra.forEach(function (extraName) {
        const extraBlock = findCategoryBlock(extraName);

        if (!extraBlock) {
          return;
        }

        moveProducts(extraBlock, mainWrapper);

        hideExtraBlock(extraBlock);
      });

      const title = mainBlock.querySelector(".s-block__title h2");

      if (title) {
        title.textContent = config.main;
      }

      mainBlock.setAttribute("data-merged-category-main", "true");
    }

    function mergeAllCategories() {
      if (isProcessing) {
        return;
      }

      isProcessing = true;

      if (observer) {
        observer.disconnect();
      }

      try {
        mergedCategories.forEach(function (config) {
          mergeOneCategory(config);
        });
      } finally {
        isProcessing = false;
        startObserver();
      }
    }

    function scheduleMerge() {
      if (timer) {
        clearTimeout(timer);
      }

      timer = setTimeout(function () {
        mergeAllCategories();
      }, 300);
    }

    function startObserver() {
      if (observer) {
        observer.disconnect();
      }

      observer = new MutationObserver(function () {
        if (!isProcessing) {
          scheduleMerge();
        }
      });

      observer.observe(document.body, {
        childList: true,
        subtree: true,
      });
    }

    function initMergedCategories() {
      mergeAllCategories();
      startObserver();
    }

    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", initMergedCategories);
    } else {
      initMergedCategories();
    }
  })();

  // =========================================
  // 4. عرض المزيد / عرض أقل
  // =========================================

  document.addEventListener("click", function (e) {
    const button = e.target.closest(".about-luxury-dark__more-btn");

    if (!button) {
      return;
    }

    const content = button.closest(".about-luxury-dark__content");

    if (!content) {
      return;
    }

    const isExpanded = content.classList.contains("is-expanded");

    content.classList.toggle("is-expanded", !isExpanded);

    button.setAttribute("aria-expanded", String(!isExpanded));

    const text = button.querySelector(".about-luxury-dark__more-text");

    if (text) {
      text.textContent = isExpanded ? "عرض المزيد" : "عرض أقل";
    }
  });

  // =========================================
  // 5. إخراج "من نحن"
  // و"وسائل التواصل"
  // خارج كارت الأكورديون
  // =========================================

  (function () {
    function moveSectionsOutsideWrapper() {
      const about = document.querySelector(".about-luxury-dark");

      const contact = document.querySelector(".luxury-contact");

      // =======================================
      // من نحن
      // =======================================

      if (about) {
        const aboutSection = about.closest("section.s-block");

        if (aboutSection) {
          const wrapper = aboutSection.closest(".s-blocks-wrapper");

          if (wrapper && wrapper.contains(aboutSection)) {
            wrapper.parentNode.insertBefore(aboutSection, wrapper.nextSibling);

            aboutSection.classList.add("about-section-outside");
          }
        }
      }

      // =======================================
      // وسائل التواصل
      // =======================================

      if (contact && about) {
        const contactSection = contact.closest("section.s-block");

        const aboutSection = about.closest("section.s-block");

        if (contactSection && aboutSection) {
          const contactWrapper = contactSection.closest(".s-blocks-wrapper");

          if (contactWrapper && contactWrapper.contains(contactSection)) {
            aboutSection.parentNode.insertBefore(
              contactSection,
              aboutSection.nextSibling,
            );
          }

          contactSection.classList.add("contact-section-outside");
        }
      }
    }

    function initSectionsOutsideWrapper() {
      moveSectionsOutsideWrapper();

      const observer = new MutationObserver(function () {
        moveSectionsOutsideWrapper();
      });

      observer.observe(document.body, {
        childList: true,
        subtree: true,
      });
    }

    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", initSectionsOutsideWrapper);
    } else {
      initSectionsOutsideWrapper();
    }
  })();

})();


(function () {
  function arrangeCategories() {
    const banners = document.querySelectorAll(".banner-entry");

    if (!banners.length) return;

    banners.forEach(function (banner) {
      // لو تم ترتيبه بالفعل
      if (banner.closest(".ld-category-card")) {
        return;
      }

      const titleElement = banner.querySelector(".banner__title");

      if (!titleElement) return;

      const titleText = titleElement.textContent.trim();

      if (!titleText) return;

      // حذف العنوان والوصف من داخل الصورة
      titleElement.remove();

      const description = banner.querySelector(".banner__description");

      if (description) {
        description.remove();
      }

      // إنشاء الكارت الخارجي
      const card = document.createElement("div");
      card.className = "ld-category-card";

      // إنشاء اسم التصنيف
      const title = document.createElement("div");
      title.className = "ld-category-title";
      title.textContent = titleText;

      // استبدال الصورة داخل الحاوية الأصلية
      banner.parentNode.insertBefore(card, banner);

      // وضع الصورة داخل الكارت
      card.appendChild(banner);

      // وضع الاسم تحت الصورة
      card.appendChild(title);
    });

    // جعل حاوية التصنيفات Grid
    const firstCard = document.querySelector(".ld-category-card");

    if (firstCard && firstCard.parentElement) {
      firstCard.parentElement.classList.add("ld-category-grid");
    }
  }

  arrangeCategories();

  const observer = new MutationObserver(function () {
    arrangeCategories();
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true,
  });
})();