document.addEventListener("DOMContentLoaded", function () {
  console.log("صفحة السلة تم تحميلها!");

  const suggestedProducts = [
    {
      title: "ريموت و ماوس هوائي مع كيبورد",
      price: "١١٩ ر.س",
      rating: "★★★★★",
      ratingCount: "(٤٥)",
      image: "https://cdn.salla.sa/VnPzZ/1059528b-79a3-435f-919a-d60d0d731b32-500x500-JxoDK8IYZNXXajP1jzkpT8OeNywB0r6SUayU3ioV.png",
      url: "https://by-ar.com/ريموت-و-ماوس-هوائي-مع-كيبورد/p395969875",
    },
    {
      title: "ماوس هوائي مع كيبورد",
      price: "109 ر.س",
      rating: "★★★★★",
      ratingCount: "(27)",
      image: "https://cdn.salla.sa/VnPzZ/24770e67-166a-4ffb-aaa7-8cc6a4538034-1000x1000-roE2632ZzwytSoDSLQJEd0dGdaftNfwJfCdqJV2N.png",
      url: "https://by-ar.com/%D9%85%D8%A7%D9%88%D8%B3-%D9%87%D9%88%D8%A7%D8%A6%D9%8A-%D9%85%D8%B9-%D9%83%D9%8A%D8%A8%D9%88%D8%B1%D8%AF/p1517414167",
    },
    {
      title: "ستارة عرض 100 بوصة لعرض البروجكتر",
      price: "١٠٩ ر.س",
      rating: "★★★★☆",
      ratingCount: "(٣٥)",
      image: "https://cdn.salla.sa/VnPzZ/c6854053-5d1c-4d69-8f51-0f599d2f1236-500x500-duckIszh3hFFMBNAtYoYdHYWHvc2AXZYqGRF3IMW.png",
      url: "https://by-ar.com/ستارة-عرض-100-بوصة-لعرض-البروجكتر/p1691177884",
    },
    {
      title: "ستارة عرض 120 بوصة لعرض البروجكتر",
      price: "159 ر.س",
      rating: "★★★★★",
      ratingCount: "(11)",
      image: "https://cdn.salla.sa/VnPzZ/5e729369-027f-4e84-88c4-02dbd1beec9f-500x500-DcApMILqt0WlszgfF3Pikmftv04W9XGeA5JxNL0y.png",
      url: "https://by-ar.com/%D8%B3%D8%AA%D8%A7%D8%B1%D8%A9-%D8%B9%D8%B1%D8%B6-120-%D8%A8%D9%88%D8%B5%D8%A9-%D9%84%D8%B9%D8%B1%D8%B6-%D8%A7%D9%84%D8%A8%D8%B1%D9%88%D8%AC%D9%83%D8%AA%D8%B1/p905227627",
    },
    {
      title: "خاتم لا سلكي للعروض بمؤشر ضوئي",
      price: "١١٩ ر.س",
      rating: "★★★★☆",
      ratingCount: "(٢٥)",
      image: "https://cdn.salla.sa/VnPzZ/0a0469a7-fa19-43ba-94f7-39ac88cd624c-500x500-uu785Lo92VWkt9cZjbIiWiUMAhiHhqOxRgnQUCn1.png",
      url: "https://by-ar.com/خاتم-لا-سلكي-للعروض-بمؤشر-ضوئي/p1591739468",
    },
    {
      title: "حامل جداري قابل للطي",
      price: "75 ر.س",
      rating: "★★★★★",
      ratingCount: "(15)",
      image: "https://cdn.salla.sa/VnPzZ/d02829e5-db22-4ca4-b5c4-d7456841a960-500x500-At9JohrvAfOogrPmunwVVoPn0CKflN8Zh2O5zGrM.png",
      url: "https://by-ar.com/%D8%AD%D8%A7%D9%85%D9%84-%D8%AC%D8%AF%D8%A7%D8%B1%D9%8A-%D9%82%D8%A7%D8%A8%D9%84-%D9%84%D9%84%D8%B7%D9%8A/p180070456",
    },
    {
      title: "نظارة 3D",
      price: "89 ر.س",
      rating: "★★★★★",
      ratingCount: "(21)",
      image: "https://cdn.salla.sa/VnPzZ/2b39799f-33f4-45e6-82e5-db09f87c413a-1000x1000-UEaOa69iJznZfHvSlzx9f5VfrqUMZX3jZZXrSEE9.png",
      url: "https://by-ar.com/%D9%86%D8%B8%D8%A7%D8%B1%D8%A9-3d/p1229359091",
    }
  ];

  function generateSuggestedHtml() {
    let itemsHtml = suggestedProducts.map((product) => {
      return `
        <section class="suggested-product-item">
          <a href="${product.url}" class="product-image-link">
            <div class="product-image-container">
              <img src="${product.image}" alt="${product.title}">
            </div>
          </a>
          <div class="product-details">
            <h1><a href="${product.url}">${product.title}</a></h1>
            <div class="product-price">
              <span class="current-price">${product.price}</span>
            </div>
            <div class="product-rating">
              <span class="stars">${product.rating}</span>
              <span class="rating-count">${product.ratingCount}</span>
            </div>
          </div>
          <button class="view-product-btn" onclick="window.location.href='${product.url}'">
            <i class="sicon-eye"></i> عرض المنتج
          </button>
        </section>
      `;
    }).join("");

    return `
      <div id="suggested-product" class="suggested-product-container">
        <div class="suggested-product-header">
          <h3>منتجات قد تعجبك</h3>
          <span class="suggested-badge">عرض خاص</span>
        </div>
        <div class="suggested-products-wrapper">
          ${itemsHtml}
        </div>
      </div>
    `;
  }

  function insertSuggestedProduct() {
    if (document.getElementById("suggested-product")) return;

    const cartItems = document.querySelectorAll("form[id^='item-']");
    const suggestedHtml = generateSuggestedHtml();

    if (cartItems.length > 0) {
      const lastItem = cartItems[cartItems.length - 1];
      lastItem.insertAdjacentHTML("afterend", suggestedHtml);
    } else {
      const cartContainer = document.querySelector(".cart-items") || document.querySelector("#cart-form");
      if (cartContainer) {
        cartContainer.insertAdjacentHTML("beforeend", suggestedHtml);
      } else {
        console.error("لم يتم العثور على حاوية السلة!");
      }
    }
  }

  insertSuggestedProduct();
});























// document.addEventListener('DOMContentLoaded', function() {
//     // قائمة المنتجات اللي نبي نخفي زر الإضافة للسلة لها
//     const hiddenProductIds = ['1302274023', '1616629520', '1532768391', '1103923583', '145411069', '1291308882', '1738723879', '985375245', '2034358914', '482646703', '1779401060']; // حط هنا الـ IDs للمنتجات اللي تبي تخفي الزر لها

//     function removeAddToCartButtons() {
//         document.querySelectorAll('salla-add-product-button').forEach(button => {
//             let productId = button.getAttribute('product-id');
//             if (hiddenProductIds.includes(productId)) {
//                 button.remove();
//             }
//         });
//     }

//     const observer = new MutationObserver(mutations => {
//         mutations.forEach(() => removeAddToCartButtons());
//     });

//     let targetNode = document.querySelector('.s-products-list-wrapper') || document.querySelector('salla-products-list');

//     if (targetNode) {
//         observer.observe(targetNode, { childList: true, subtree: true });
//     }

//     setTimeout(removeAddToCartButtons, 1500); // يعطي فرصة لعناصر المتجر للتحميل
// });



























document.addEventListener("DOMContentLoaded", () => {
  const pages = {
      "https://by-ar.com/k9/p1302274023": {
          "285356891": "https://i.imgur.com/LWF9pSC.jpeg", // وصلة HD
          "1659851172": "https://i.imgur.com/m3ldEE6.png", // ريموت تحكم
          "1018458277": "https://i.imgur.com/13oN8pb.png", // فلاش ميموري
          "244490150": "https://i.imgur.com/zQKK5uo.png", // مؤشر عروض برأس لمس
          "1484766887": "https://i.imgur.com/FSPLZaI.png", // خاتم السلكي للعروض
          "709156256": "https://i.imgur.com/qeqE68Z.png", // ماوس هوائي مع كيبورد
          "69336225": "https://i.imgur.com/s0j3uML.png", // حامل ثالثي صلب
          "1443765154": "https://i.imgur.com/XVKV6ED.png", // حامل ذو قاعدة
          "602618531": "https://i.imgur.com/bjkmeoz.png", // حامل جداري
          "2108709292": "https://i.imgur.com/kPfAOfo.png", // ستارة عرض 100 بوصة
          "1335720109": "https://i.imgur.com/rNoljKu.png", // ستارة عرض 120 بوصة
          "427526062": "https://i.imgur.com/0hQSMiF.png", // نظارة 3D
          "1799399087": "https://i.imgur.com/9MqQDTB.png", // بنك طاقة
                                            },
      "https://by-ar.com/v10/p1616629520": {
          "17160271": "https://i.imgur.com/LWF9pSC.jpeg", // وصلة HD
          "1390602056": "https://i.imgur.com/m3ldEE6.png", // ريموت تحكم
          "751765065": "https://i.imgur.com/13oN8pb.png", // فلاش ميموري
          "2123638090": "https://i.imgur.com/zQKK5uo.png", // مؤشر عروض برأس لمس
          "1215382603": "https://i.imgur.com/FSPLZaI.png", // خاتم السلكي للعروض
          "334413911": "https://i.imgur.com/qeqE68Z.png", // ماوس هوائي مع كيبورد
          "1842081616": "https://i.imgur.com/s0j3uML.png", // حامل ثالثي صلب
          "1066405457": "https://i.imgur.com/XVKV6ED.png", // حامل ذو قاعدة
          "159198546": "https://i.imgur.com/bjkmeoz.png", // حامل جداري
          "1532644435": "https://i.imgur.com/kPfAOfo.png", // ستارة عرض 100 بوصة
          "891775836": "https://i.imgur.com/rNoljKu.png", // ستارة عرض 120 بوصة
          "118327901": "https://i.imgur.com/0hQSMiF.png", // نظارة 3D
          "1357556062": "https://i.imgur.com/9MqQDTB.png", // بنك طاقة
                                        },

      "https://by-ar.com/r90/p1532768391": {
          "270779851": "https://i.imgur.com/KKGLFp3.png", // حقيبة حماية مع حزام كامل
          "1644750036": "https://i.imgur.com/m3ldEE6.png", // ريموت تحكم
          "1070924757": "https://i.imgur.com/13oN8pb.png", // فلاش ميموري
          "162669270": "https://i.imgur.com/zQKK5uo.png", // مؤشر عروض برأس لمس
          "1537163735": "https://i.imgur.com/FSPLZaI.png", // خاتم السلكي للعروض
          "895770832": "https://i.imgur.com/qeqE68Z.png", // ماوس هوائي مع كيبورد
          "121802705": "https://i.imgur.com/s0j3uML.png", // حامل ثالثي صلب
          "1362079442": "https://i.imgur.com/XVKV6ED.png", // حامل ذو قاعدة
          "586468819": "https://i.imgur.com/bjkmeoz.png", // حامل جداري
          "2094132444": "https://i.imgur.com/kPfAOfo.png", // ستارة عرض 100 بوصة
          "1321077725": "https://i.imgur.com/rNoljKu.png", // ستارة عرض 120 بوصة
          "412822238": "https://i.imgur.com/0hQSMiF.png", // نظارة 3D
          "1784695263": "https://i.imgur.com/9MqQDTB.png", // بنك طاقة
                                    },
      "https://by-ar.com/r80/p1103923583": {
          "1346459657": "https://i.imgur.com/KKGLFp3.png", // حقيبة حماية مع حزام كامل
          "2146731531": "https://i.imgur.com/m3ldEE6.png", // ريموت تحكم
          "1238476052": "https://i.imgur.com/13oN8pb.png", // فلاش ميموري
          "465486869":  "https://i.imgur.com/zQKK5uo.png", // مؤشر عروض برأس لمس
          "1973150486": "https://i.imgur.com/FSPLZaI.png", // خاتم السلكي للعروض
          "1663713297": "https://i.imgur.com/qeqE68Z.png", // ماوس هوائي مع كيبورد
          "1022848786": "https://i.imgur.com/s0j3uML.png", // حامل ثالثي صلب
          "249400851":  "https://i.imgur.com/XVKV6ED.png", // حامل ذو قاعدة
          "1488629020": "https://i.imgur.com/bjkmeoz.png", // حامل جداري
          "713542685":  "https://i.imgur.com/kPfAOfo.png", // ستارة عرض 100 بوصة
          "74246942":   "https://i.imgur.com/rNoljKu.png", // ستارة عرض 120 بوصة
          "1447627295": "https://i.imgur.com/0hQSMiF.png", // نظارة 3D
          "538323224":  "https://i.imgur.com/9MqQDTB.png"  // بنك طاقة
                                },

      "https://by-ar.com/r20/p145411069": {
          "1319429142": "https://i.imgur.com/KKGLFp3.png", // حقيبة حماية
          "411108119": "https://i.imgur.com/K5NYOlU.png", // حامل ثلاثي
          "1785602576": "https://i.imgur.com/m3ldEE6.png", // ريموت تحكم
          "1145782545": "https://i.imgur.com/13oN8pb.png", // فلاش ميموري
          "370171922": "https://i.imgur.com/zQKK5uo.png", // مؤشر عروض برأس لمس
          "1677627155": "https://i.imgur.com/FSPLZaI.png", // خاتم السلكي للعروض
          "262196509": "https://i.imgur.com/uoKzkDO.png", // حقيبة خضراء متينه
          "1502473246": "https://i.imgur.com/ouy4AXe.png", // حقيبة حمراء متينه
          "728369951": "https://i.imgur.com/qeqE68Z.png", // ماوس هوائي مع كيبورد
          "87501336": "https://i.imgur.com/s0j3uML.png", // حامل ثالثي صلب
          "1461471513": "https://i.imgur.com/XVKV6ED.png", // حامل ذو قاعدة
          "553216026": "https://i.imgur.com/bjkmeoz.png", // حامل جداري
          "1925609243": "https://i.imgur.com/kPfAOfo.png", // ستارة عرض 100 بوصة
          "1286379108": "https://i.imgur.com/rNoljKu.png", // ستارة عرض 120 بوصة
          "512341349": "https://i.imgur.com/0hQSMiF.png", // نظارة 3D
          "1750520934": "https://i.imgur.com/9MqQDTB.png", // بنك طاقة
                            },

      "https://by-ar.com/v30-new/p1291308882": {
          "763762373": "https://i.imgur.com/KKGLFp3.png", // حقيبة حماية
          "2137208262": "https://i.imgur.com/K5NYOlU.png", // حامل ثلاثي
          "1229477063": "https://i.imgur.com/m3ldEE6.png", // ريموت تحكم
          "454390720": "https://i.imgur.com/13oN8pb.png", // فلاش ميموري (٣٩ ر.س)
          "1962119873": "https://i.imgur.com/zQKK5uo.png", // مؤشر عروض برأس لمس للشاشات (٤٩ ر.س)
          "1188606402": "https://i.imgur.com/FSPLZaI.png", // خاتم السلكي للعروض (١١٩ ر.س)
          "279302339": "", // حقيبة صلبة (ما عندها صورة)
          "1652752332": "https://i.imgur.com/uoKzkDO.png", // حقيبة خضراء متينه بحزام حامل (١١٩ ر.س)
          "1013915341": "https://i.imgur.com/ouy4AXe.png", // حقيبة حمراء متينه بحزام حامل (١١٩ ر.س)
          "238304718": "https://i.imgur.com/qeqE68Z.png", // ماوس هوائي مع كيبورد (١٠٩ ر.س)
          "1477532879": "https://i.imgur.com/s0j3uML.png", // حامل ثالثي صلب (٦٩ ر.س)
          "905870280": "https://i.imgur.com/XVKV6ED.png", // حامل ذو قاعدة (١٤٩ ر.س)
          "130325193": "https://i.imgur.com/bjkmeoz.png", // حامل جداري (٧٥ ر.س)
          "1369553354": "https://i.imgur.com/kPfAOfo.png", // ستارة عرض 100 بوصة (١٥٩ ر.س)
          "596564171": "https://i.imgur.com/rNoljKu.png", // ستارة عرض 120 بوصة (١٠٩ ر.س)
          "2104223700": "https://i.imgur.com/0hQSMiF.png", // نظارة 3D (٨٩ ر.س)
          "1328547541": "https://i.imgur.com/9MqQDTB.png", // بنك طاقة لشحن البروجكتر (٣٩٩ ر.س)
          "2113478994": "https://i.imgur.com/Migrril.jpeg", // وصلة HD (ما عندها صورة)
                        },

      "https://by-ar.com/v30/p1738723879": {
          "1193129798": "https://i.imgur.com/uoKzkDO.png", // حقيبة حماية صلبة
          "284874311": "https://i.imgur.com/K5NYOlU.png", // حامل ثلاثي
          "1657271616": "https://i.imgur.com/m3ldEE6.png", // ريموت تحكم
          "1017910337": "https://i.imgur.com/13oN8pb.png", // فلاش ميموري (٣٩ ر.س)
          "243872578": "https://i.imgur.com/zQKK5uo.png", // مؤشر عروض برأس لمس للشاشات (٤٩ ر.س)
          "1482052163": "https://i.imgur.com/FSPLZaI.png", // خاتم السلكي للعروض (١١٩ ر.س)
          "708014412": "https://i.imgur.com/ZPC68Qu.png", // حقيبة خضراء متينه بحزام حامل (١١٩ ر.س)
          "68784205": "https://i.imgur.com/ouy4AXe.png", // حقيبة حمراء متينه بحزام حامل (١١٩ ر.س)
          "1374076750": "https://i.imgur.com/qeqE68Z.png", // ماوس هوائي مع كيبورد (١٠٩ ر.س)
          "600038991": "https://i.imgur.com/s0j3uML.png", // حامل ثالثي صلب (٦٩ ر.س)
          "2108226888": "https://i.imgur.com/XVKV6ED.png", // حامل ذو قاعدة (١٤٩ ر.س)
          "1333075017": "https://i.imgur.com/bjkmeoz.png", // حامل جداري (٧٥ ر.س)
          "424819530": "https://i.imgur.com/kPfAOfo.png", // ستارة عرض 100 بوصة (١٥٩ ر.س)
          "1799313995": "https://i.imgur.com/rNoljKu.png", // ستارة عرض 120 بوصة (١٠٩ ر.س)
          "1157921108": "https://i.imgur.com/0hQSMiF.png", // نظارة 3D (٨٩ ر.س)
          "383948885": "https://i.imgur.com/9MqQDTB.png", // بنك طاقة لشحن البروجكتر (٣٩٩ ر.س)
          "633004977": "https://i.imgur.com/o9H3HCm.png", // حقيبة قماشية (٤٩ ر.س) -> ما عندها صورة
          "2005336754": "https://i.imgur.com/Migrril.jpeg", // وصلة HD -> ما عندها صورة
                    },

      "https://by-ar.com/r17/p985375245": {
          "1993877424": "https://i.imgur.com/rGcOLmp.png", // حقيبة حماية مع حزام حامل
          "1084573361": "https://i.imgur.com/K5NYOlU.png", // حامل ثلاثي
          "310535602": "https://i.imgur.com/m3ldEE6.png", // ريموت تحكم
          "1818789043": "https://i.imgur.com/13oN8pb.png", // فلاش ميموري
          "1043702716": "https://i.imgur.com/zQKK5uo.png", // مؤشر عروض برأس لمس للشاشات
          "135447229": "https://i.imgur.com/FSPLZaI.png", // خاتم السلكي للعروض
          "935592127": "https://i.imgur.com/ZPC68Qu.png", // حقيبة خضراء متينة بحزام حامل
          "27340728": "https://i.imgur.com/ouy4AXe.png", // حقيبة حمراء متينة بحزام حامل
          "1401835193": "https://i.imgur.com/qeqE68Z.png", // ماوس هوائي مع كيبورد
          "762015162": "https://i.imgur.com/s0j3uML.png", // حامل ثلاثي صلب
          "2133953723": "https://i.imgur.com/XVKV6ED.png", // حامل ذو قاعدة
          "1226746756": "https://i.imgur.com/bjkmeoz.png", // حامل جداري
          "452708997": "https://i.imgur.com/kPfAOfo.png", // ستارة عرض 100 بوصة
          "1958799750": "https://i.imgur.com/rNoljKu.png", // ستارة عرض 120 بوصة
          "1185745031": "https://i.imgur.com/0hQSMiF.png", // نظارة 3D
          "277485440": "https://i.imgur.com/9MqQDTB.png", // بنك طاقة لشحن البروجكتر
                },
    
    "https://by-ar.com/u80/p2034358914": {
    "2032172625": "https://i.imgur.com/uoKzkDO.png",
    "1259248978": "https://i.imgur.com/K5NYOlU.png", // حامل ثلاثي
    "619428947": "https://i.imgur.com/m3ldEE6.png", // ريموت تحكم
    "1991301980": "https://i.imgur.com/13oN8pb.png", // فلاش ميموري
    "1084095069": "https://i.imgur.com/zQKK5uo.png", // مؤشر عروض برأس لمس للشاشات
    "309991774": "https://i.imgur.com/FSPLZaI.png", // خاتم السلكي للعروض
    "1816606815": "https://i.imgur.com/uVLON5e.png", // حقيبة قماشية
    "1043089240": "https://i.imgur.com/ZPC68Qu.png", // حقيبة خضراء متينة بحزام حامل
    "134833753": "https://i.imgur.com/ouy4AXe.png", // حقيبة حمراء متينة بحزام حامل
    "1708623194": "https://i.imgur.com/qeqE68Z.png", // ماوس هوائي مع كيبورد
    "935109723": "https://i.imgur.com/s0j3uML.png", // حامل ثلاثي صلب
    "26854052": "https://i.imgur.com/XVKV6ED.png", // حامل ذو قاعدة
    "1399251365": "https://i.imgur.com/bjkmeoz.png", // حامل جداري
    "759365798": "https://i.imgur.com/kPfAOfo.png", // ستارة عرض 100 بوصة
    "2133340071": "https://i.imgur.com/rNoljKu.png", // ستارة عرض 120 بوصة
    "1224036000": "https://i.imgur.com/0hQSMiF.png", // نظارة D3
    "449998241": "https://i.imgur.com/9MqQDTB.png", // بنك طاقة لشحن البروجكتر
    },
    "https://by-ar.com/p70/p482646703": {
      "181112490": "https://i.imgur.com/uoKzkDO.png",
      "1687203243": "https://i.imgur.com/K5NYOlU.png",
      "914214068": "https://i.imgur.com/m3ldEE6.png",
      "5958581":"https://i.imgur.com/13oN8pb.png",
      "1378290358": "https://i.imgur.com/zQKK5uo.png",
      "738994615": "https://i.imgur.com/FSPLZaI.png",
      "2045331632": "https://i.imgur.com/o9H3HCm.png",
      "1270241201": "https://i.imgur.com/ZPC68Qu.png",
      "630421170": "https://i.imgur.com/ouy4AXe.png",
      "2004456883": "https://i.imgur.com/qeqE68Z.png",
      "1095152828": "https://i.imgur.com/s0j3uML.png",
      "321115069":"https://i.imgur.com/XVKV6ED.png",
      "1829302974": "https://i.imgur.com/bjkmeoz.png",
      "1054151103":"https://i.imgur.com/kPfAOfo.png",
      "145895608": "https://i.imgur.com/rNoljKu.png",
      "1520394169": "https://i.imgur.com/0hQSMiF.png",
      "879001274":"https://i.imgur.com/9MqQDTB.png",
    },
    "https://by-ar.com/%D8%A8%D8%B1%D9%88%D8%AC%D9%83%D8%AA%D8%B1-%D8%A8%D8%A7%D9%8A%D9%86%D8%AA%D9%83-p20-%D9%85%D8%AD%D9%85%D9%88%D9%84-%D8%B0%D9%83%D9%8A/p1779401060": {
      "1110621456": "https://i.imgur.com/uoKzkDO.png",
      "471850001": "https://i.imgur.com/K5NYOlU.png",
      "1776614162": "https://i.imgur.com/m3ldEE6.png",
      "1002510867":"https://i.imgur.com/13oN8pb.png",
      "363739420": "https://i.imgur.com/zQKK5uo.png",
      "1737185309": "https://i.imgur.com/FSPLZaI.png",
      "827352862": "https://i.imgur.com/o9H3HCm.png",
      "54429215": "https://i.imgur.com/ZPC68Qu.png",
      "1562092824": "https://i.imgur.com/ouy4AXe.png",
      "786482201": "https://i.imgur.com/qeqE68Z.png",
      "2026758938": "https://i.imgur.com/s0j3uML.png",
      "1252655643":"https://i.imgur.com/XVKV6ED.png",
      "1985757285": "https://i.imgur.com/bjkmeoz.png",
      "1081634539":"https://i.imgur.com/kPfAOfo.png",
      "306613748": "https://i.imgur.com/rNoljKu.png",
      "1814277365": "https://i.imgur.com/0hQSMiF.png",
      "1040763894":"https://i.imgur.com/9MqQDTB.png",
    }
  };

  const currentURL = window.location.href;
  const pageData = pages[currentURL];
  if (!pageData) return;

  const checkOptions = () => {
    const options = document.querySelectorAll('.s-product-options-multiple-options-wrapper label');
    if (options.length === 0) return false;

    const fragment = document.createDocumentFragment();

    options.forEach(label => {
      const input = label.querySelector('input');
      const div = label.querySelector('div');
      if (!input || !div) return;

      const optionValue = input.value;
      const text = div.textContent.trim();
      const newDiv = document.createElement('div');
      newDiv.className = div.className;
      div.replaceWith(newDiv); // استبدال العنصر بدل من التعديل عليه

      if (pageData[optionValue]) {
        const img = document.createElement('img');
        img.src = pageData[optionValue];
        img.alt = 'صورة الخيار';
        newDiv.appendChild(img);
      }

      const title = document.createElement('span');
      title.className = 'option-title';
      title.textContent = text.replace(/\s*\([^\)]+\)/, '').trim();

      const price = document.createElement('span');
      price.className = 'option-price';
      const match = text.match(/\(\s*([^\)]+)\s*\)/);
      price.textContent = match ? match[1] : 'مجانا';

      newDiv.appendChild(title);
      newDiv.appendChild(price);

      // تعديل حدود العنصر لما ينضغط
      input.addEventListener('change', () => {
        label.style.borderColor = input.checked ? '#fc6806' : '#e0e0e0';
        label.style.backgroundColor = input.checked ? 'rgba(252, 104, 6, 0.1)' : '#ffffff';
      });
    });

    return true;
  };

  // استخدم requestAnimationFrame بدل الـ MutationObserver الثقيل
  const tryInit = () => {
    if (!checkOptions()) {
      requestAnimationFrame(tryInit);
    }
  };

  tryInit();
});



























document.addEventListener("DOMContentLoaded", function () {
  const currentURL = window.location.href;

  // إذا كنا في صفحة السلة
  if (currentURL.includes("/cart")) {
    // نخفي عنصر salla-product-options
    const productOptions = document.querySelector("salla-product-options");
    if (productOptions) {
      productOptions.style.display = "none";
    }
  }
});







document.addEventListener("DOMContentLoaded", function() {
    let form = document.querySelector(".form.product-form");
    let target = document.querySelector(".product__description");

    if (form && target) {
        target.insertAdjacentElement("afterend", form);
    }
});






















document.addEventListener("DOMContentLoaded", function () {
// تحقق من رابط الصفحة
const currentURL = window.location.href;
const targetURL = "https://by-ar.com/%D8%A7%D9%84%D8%A8%D8%A7%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%AB%D8%A7%D9%84%D9%8A%D8%A9/c887119438";

if (currentURL !== targetURL) return; // لو مو نفس الرابط، لا تعمل شي

const breadcrumbs = document.querySelector('nav.breadcrumbs');
if (!breadcrumbs) return;

const container = document.createElement("div");
container.style.display = "flex";
container.style.flexWrap = "wrap";
container.style.justifyContent = "center";
container.style.gap = "20px";
container.style.marginTop = "20px";

// بيانات البطاقات
const cardsData = [
  {
    title: "الباقات التعليمية",
    subtitle: "ارتقِ بأسلوبك في التدريس!",
    link: "https://by-ar.com/%D8%A7%D9%84%D8%A8%D8%A7%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%85%D9%8A%D8%A9/c1119528847",
    linkText: "تسوق الآن",
    icon: "💼"
  },
  {
    title: "الباقات الترفيهية",
    subtitle: "تجربة سينمائية مذهلة في أي وقت وأي مكان!",
    link: "https://by-ar.com/%D8%A7%D9%84%D8%A8%D8%A7%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%B1%D9%81%D9%8A%D9%87%D8%A9/c478660232",
    linkText: "تسوق الآن",
    icon: "🍿"
  }
];

cardsData.forEach(card => {
  const cardDiv = document.createElement("div");
  cardDiv.className = "custom-design-card";
  cardDiv.setAttribute("data-animation", "active");
  cardDiv.style.flex = "1";
  cardDiv.style.minWidth = "280px";
  cardDiv.innerHTML = `
    <div class="card-icon">${card.icon}</div>
    <h2>${card.title}</h2>
    <p class="card-subtitle">${card.subtitle}</p>
    <a href="${card.link}" class="custom-design-link">
      <span class="link-text">${card.linkText}</span>
      <span class="link-icon">←</span>
    </a>
  `;
  container.appendChild(cardDiv);
});

breadcrumbs.insertAdjacentElement("afterend", container);
});





































document.addEventListener('DOMContentLoaded', function () {
  // Check if current page is the educational packages page
  if (window.location.href.includes('/bayentk.ar/%D8%B5%D9%85%D9%85-%D8%A8%D8%A7%D9%82%D8%AA%D9%83/c3585133')) {
    // Create custom design card
    const card = document.createElement('div');
    card.className = 'custom-design-card';
    card.setAttribute('data-animation', 'ready');
    
    // Add custom design card content with enhanced formatting
    card.innerHTML = `
      <div class="card-icon">✨</div>
      <h2>اختر أي منتج في أسفل</h2>
      <p class="card-subtitle">عند دخول المنتج ستظهر لك الملحقات يمكنك إختيار ملحقات او شراء بدون ملحقات</p>
    `;
    
    // Insert card after breadcrumbs with multiple fallbacks
    const insertPoints = [
      '.breadcrumbs',
      '.main-content',
      '.content-wrapper',
      '.page-content',
      'main',
      'body'
    ];
    
    let inserted = false;
    for (const selector of insertPoints) {
      const element = document.querySelector(selector);
      if (element) {
        element.insertAdjacentElement('afterend', card);
        inserted = true;
        break;
      }
    }
    
    // If none of the selectors worked, append to body as last resort
    if (!inserted) {
      document.body.appendChild(card);
    }
    
    // Trigger animation after brief delay
    setTimeout(() => {
      card.setAttribute('data-animation', 'active');
    }, 300);
    
    // Add custom styles
    addCustomStyles();
  }
});

// Function to add custom styles
function addCustomStyles() {
  const styleElement = document.createElement('style');
  styleElement.textContent = `
  `;
  document.head.appendChild(styleElement);
}









document.addEventListener("DOMContentLoaded", function () {
  // تحقق من رابط الصفحة
  const currentURL = window.location.href;
  const targetURL = "https://by-ar.com/%D8%A7%D9%84%D8%A8%D8%A7%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%85%D9%8A%D8%A9/c1119528847";

  if (currentURL !== targetURL) return; // لو مو نفس الرابط، لا تعمل شي

  const breadcrumbs = document.querySelector('nav.breadcrumbs');
  if (!breadcrumbs) return;

  const container = document.createElement("div");
  container.style.display = "flex";
  container.style.justifyContent = "center";
  container.style.marginTop = "20px";

  // إنشاء العنصر الخاص بالصورة
  const img = document.createElement("img");
  img.src = "https://i.imgur.com/BkkSfVT.png";
  img.alt = "باقاتك التعليمية";
  img.style.maxWidth = "100%";
  img.style.height = "auto";
  img.style.borderRadius = "10px";
  img.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.1)";

  container.appendChild(img);
  breadcrumbs.insertAdjacentElement("afterend", container);
});









document.addEventListener("DOMContentLoaded", function () {
  // تحقق من رابط الصفحة
  const currentURL = window.location.href;
  const targetURL = "https://by-ar.com/%D8%A7%D9%84%D8%A8%D8%A7%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%B1%D9%81%D9%8A%D9%87%D8%A9/c478660232";

  if (currentURL !== targetURL) return; // لو مو نفس الرابط، لا تعمل شي

  const breadcrumbs = document.querySelector('nav.breadcrumbs');
  if (!breadcrumbs) return;

  const container = document.createElement("div");
  container.style.display = "flex";
  container.style.justifyContent = "center";
  container.style.marginTop = "20px";

  // إنشاء العنصر الخاص بالصورة
  const img = document.createElement("img");
  img.src = "https://i.imgur.com/ovOMEE7.png";
  img.alt = "باقاتك الترفيهية";
  img.style.maxWidth = "100%";
  img.style.height = "auto";
  img.style.borderRadius = "10px";
  img.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.1)";

  container.appendChild(img);
  breadcrumbs.insertAdjacentElement("afterend", container);
});





































































document.addEventListener("DOMContentLoaded", function() {
    // تحديد جميع الأيقونات داخل العناصر
    let categories = document.querySelectorAll(".slide--cat-entry");

    let icons = [
        "https://i.imgur.com/Zqj5jnT.gif",
        "https://i.imgur.com/wSFtD2k.gif",
        "https://i.imgur.com/adZuvWx.gif",
        "https://i.imgur.com/1r1PTqz.gif",
        "https://i.imgur.com/ECh9nnO.gif",
        "https://i.imgur.com/DeCSsv0.gif"
    ];

    categories.forEach((category, index) => {
        let icon = document.createElement("img");
        icon.src = icons[index % icons.length]; // تعيين أيقونة لكل عنصر
        icon.style.width = "70px";
        icon.style.height = "70px";
        icon.style.marginBottom = "10px";

        // حذف الأيقونة الأصلية وإضافة الجديدة
        let oldIcon = category.querySelector("i");
        if (oldIcon) {
            oldIcon.remove();
        }
        category.prepend(icon);
    });
});



// إنشاء عنصر شاشة التحميل وإضافته إلى الصفحة
const preloader = document.createElement("div");
preloader.id = "custom-preloader";
preloader.innerHTML = `<img src="https://i.imgur.com/5zEv0wH.png" alt="شعار المتجر">`;
document.body.appendChild(preloader);

// إخفاء شاشة التحميل بعد 3 ثواني
setTimeout(() => {
    preloader.classList.add("hidden");
    setTimeout(() => {
        preloader.remove(); // إزالة العنصر بعد الإخفاء
    }, 500);
}, 1500);




























// document.addEventListener('DOMContentLoaded', function () {
//     const firstCartItem = document.querySelector('.cart-item');

//     if (firstCartItem) {
//       const suggestionBox = document.createElement('div');
//       suggestionBox.classList.add('product-suggestion-box');

//       // أضف CSS مدموج
//       const style = document.createElement('style');
//       style.innerHTML = `
//         .product-suggestion-box {
//           margin-top: 20px;
//           padding: 15px;
//           background-color: #f8f8f8;
//           border-radius: 10px;
//           border: 1px solid #ddd;
//         }
//         .product-suggestion-box h3 {
//           margin-bottom: 12px;
//           font-size: 18px;
//         }
//         .suggested-product {
//           display: flex;
//           align-items: center;
//           gap: 12px;
//           margin-bottom: 10px;
//           cursor: pointer;
//           text-decoration: none;
//           color: inherit;
//         }
//         .suggested-product img {
//           width: 70px;
//           height: 70px;
//           object-fit: contain;
//           border-radius: 8px;
//           border: 1px solid #e0e0e0;
//         }
//         .suggested-product .info {
//           display: flex;
//           flex-direction: column;
//           gap: 5px;
//         }
//         .suggested-product .info .name {
//           font-size: 14px;
//           font-weight: bold;
//         }
//         .suggested-product .info .price {
//           color: #007bff;
//           font-weight: 500;
//         }
//       `;
//       document.head.appendChild(style);

//       suggestionBox.innerHTML = `
//         <h3>منتجات قد تهمك</h3>
//         <a href="https://by-ar.com/بروجكتر-باينتك-محمول-ذكي/p629992882" class="suggested-product">
//           <img src="https://cdn.salla.sa/VnPzZ/5e915379-752e-49ac-98a6-b3f64f496736-500x500-Kn43YEoRVZbZqtYBziDH4B03FnsWXAEDaj1U5glz.png" alt="بروجكتر">
//           <div class="info">
//             <div class="name">بروجكتر باينتك محمول</div>
//             <div class="price">1899 ريال</div>
//           </div>
//         </a>
//       `;

//       document.head.appendChild(style);
//       suggestionBox.innerHTML = `
//       <h3>العملاء يشترون هذا المنتج اكثر شيء!!</h3>
//       <a href="https://by-ar.com/بروجكتر-باينتك-محمول-ذكي/p1980382137" class="suggested-product">
//         <img src="https://cdn.salla.sa/VnPzZ/34b0ecc3-cf8a-4e6f-9a80-9a7bb9ab3f1b-500x500-ko9IWUuh97UVpRItFZs5JYLetrifrKUG4evZwaog.png" alt="بروجكتر">
//         <div class="info">
//           <div class="name">بروجكتر باينتك محمول ذكي</div>
//           <div class="price">1699 ريال</div>
//         </div>
//       </a>
//     `;


//       firstCartItem.insertAdjacentElement('afterend', suggestionBox);
//     }
//   });









document.addEventListener("DOMContentLoaded", function () {
  // إنشاء قسم صور الأقسام
  const newSection = document.createElement("div");
  newSection.className = "custom-client-images";
  newSection.style = "display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin: 20px 0;";

  newSection.innerHTML = `
    <a href="https://by-ar.com/%D8%A8%D8%B1%D9%88%D8%AC%D9%83%D8%AA%D8%B1%D8%A7%D8%AA-%D9%85%D8%AD%D9%85%D9%88%D9%84%D8%A9-%D8%B0%D9%83%D9%8A%D8%A9/c1897171278" target="_blank">
      <img src="https://i.postimg.cc/tTNqcx2m/zip-13.png" alt="البروجكترات المحمولة الذكية" style="width: 300px; height: auto; border-radius: 10px;">
    </a>
    <a href="https://by-ar.com/%D9%85%D9%84%D8%AD%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%B1%D9%88%D8%AC%D9%83%D8%AA%D8%B1%D8%A7%D8%AA/c521325575" target="_blank">
      <img src="https://i.postimg.cc/Y2yKCRGz/zip-14.png" alt="الملحقات" style="width: 300px; height: auto; border-radius: 10px;">
    </a>
    <a href="https://by-ar.com/%D8%A7%D9%84%D8%A8%D8%A7%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%AB%D8%A7%D9%84%D9%8A%D8%A9/c887119438" target="_blank">
      <img src="https://i.postimg.cc/25cRL79Y/zip-15.png" alt="الباقات المثالية" style="width: 300px; height: auto; border-radius: 10px;">
    </a>
  `;

  // وضع القسم بين البلوكات
  const sections = document.querySelectorAll('.s-block--fixed-banner');

  if (sections.length >= 2) {
    const parent = sections[0].parentNode;
    parent.insertBefore(newSection, sections[1]);
  } else {
    console.warn("ما فيه سكشنين بنفس الكلاس عشان نحط بينهم الصور");
  }
});





document.addEventListener("DOMContentLoaded", function () {
  if (window.location.pathname === "/cart") {
    const labels = document.querySelectorAll("label.s-product-options-option-label");

    labels.forEach(function(label) {
      if (label.textContent.includes("يرجى إختيار ملحقاتك")) {
        const container = label.closest(".s-product-options-option-container");
        if (container) {
          container.style.display = "none";
        }
      }
    });
  }
});