/* Add custom Js styles below */ 
document.addEventListener("DOMContentLoaded", function () {
    if (window.location.pathname !== "/") return;

    const items = [  
        { name: "ملابس رياضية ", url: "https://evart-sa.com/اطقم-وتيشرتات-الانديه/c257344988", img: "https://cdn.salla.sa/bREWpn/874cafd5-c1d1-4689-aa0b-6da5f9ea191d-1000x1000-1RfyqbXO3V1Arx0kWBlN2VwoAO35tZzKGhgYXflP.jpg" },  
        { name: "عبايات تخرج ", url: "https://evart-sa.com/عبايات-تخرج/c222907028", img: "https://cdn.salla.sa/bREWpn/550e81bb-c648-4578-b279-93bc28c73f76-1000x1000-9PILHnUyxNeY6y9BHn7tT79jMiKb4VcXZdOzc0d4.jpg" },  
        { name: "هدايا رجالية", url: "https://evart-sa.com/هدايا-رجاليه/c1999702617", img: "https://cdn.salla.sa/bREWpn/5fd2b818-c3f5-40c0-9e78-3e5e0d81bc25-1000x1000-7a3PVPFJGWH97KeKsVcZpsaS4aaPHF8CrD3HE17D.jpg" },  
        { name: " مجوهرات نسائية", url: "https://evart-sa.com/مجوهرات-نسائيه/c390352807", img: "https://cdn.salla.sa/bREWpn/cbd446df-4073-4161-ae7a-a2599559ae25-1000x1000-BwFRoI1Qb9g94UUbZPGncYI86YZZfXpZixX4axwa.jpg" },  
        { name: " اكسسوارات السيارة", url: "https://evart-sa.com/إكسسوارات-السيارة/c2048045721", img: "https://cdn.salla.sa/bREWpn/d91f98f1-6e47-42fd-9ee3-308bc7cbefb6-1000x1000-BY54xPNO2L2csViRHwuthmTcaA2l0kMBgpBg7cSF.jpg" },  
        { name: "ازياء الاطفال ", url: "https://evart-sa.com/ازياء-الأطفال/c544971741", img: "https://cdn.salla.sa/bREWpn/993c098c-02eb-4f6e-984d-a9e19b486000-1000x1000-eLvbZyDQDYTfpvAIzJ4hA9ALzxJgCGqaw60ztLnl.jpg" },
        { name: " مباخر بالاسم ", url: "https://evart-sa.com/مباخر-بالاسم/c1410427207", img: "https://cdn.salla.sa/bREWpn/266765ab-663e-4e35-8920-585f09ec8f85-1000x1000-UZvvs59eQrmCSSgYxWZHmosr6nmmaJXb1HBzxlcG.jpg" }
    ];  

    const container = document.createElement("div");  
    container.className = "quick-menu-icons-wrapper";  

    const title = document.createElement("h2");  
    title.className = "quick-menu-title";  
    title.textContent = " كل قسم حكاية من الأناقة ";  
    container.appendChild(title);  

    const menu = document.createElement("div");  
    menu.className = "quick-menu-icons";  

    let html = `<div class="menu-scroll">`;  
    items.forEach(item => {  
        html += `  
            <a href="${item.url}" class="menu-item">  
                <img src="${item.img}" alt="${item.name}">  
                <span>${item.name}</span>  
            </a>`;  
    });  
    html += `</div>`;  
    
    menu.innerHTML = html;  
    container.appendChild(menu);  

    const firstSlider = document.querySelector(".home-slider, .s-main-slider, .s-slider-block") || document.body.firstElementChild;
    firstSlider.insertAdjacentElement("afterend", container);
});