/* Add custom Js styles below */ /* Add custom Js styles below */ let lastScroll = 0; document.addEventListener("DOMContentLoaded", function () { const headers = Array.from(document.querySelectorAll(".s-header, .store-header")); const banner = document.querySelector(".s-block--fixed-banner"); const updateHeaderState = () => { const currentScroll = window.pageYOffset || document.documentElement.scrollTop || 0; headers.forEach(header => { if (!header) return; if (currentScroll > 10) { header.classList.add("scrolled"); } else { header.classList.remove("scrolled"); } if (currentScroll > lastScroll && currentScroll > 80) { header.classList.add("is-hidden"); } else { header.classList.remove("is-hidden"); } }); lastScroll = currentScroll <= 0 ? 0 : currentScroll; }; const addSearchShortcut = () => { const header = document.querySelector(".s-header, .store-header"); if (!header || header.querySelector(".header-search-shortcut")) return; const discountLink = Array.from(header.querySelectorAll("a")).find(a => { return (a.textContent || "").trim().includes("التخفيضات"); }); const searchBtn = document.createElement("a"); searchBtn.href = "/search"; searchBtn.className = "header-search-shortcut"; searchBtn.setAttribute("aria-label", "بحث"); searchBtn.innerHTML = ` `; if (discountLink) { discountLink.insertAdjacentElement("afterend", searchBtn); } else { const nav = header.querySelector(".s-header__nav, .store-header__nav"); (nav || header).appendChild(searchBtn); } }; if (banner && !banner.querySelector(".banner-btn")) { const btn = document.createElement("a"); btn.href = "https://khuslathareer.com/منتجاتنا/c1062976274"; btn.innerText = "تسوق الآن"; btn.className = "banner-btn"; banner.appendChild(btn); setTimeout(() => { btn.classList.add("active"); }, 300); } updateHeaderState(); addSearchShortcut(); window.addEventListener("scroll", updateHeaderState, { passive: true }); window.addEventListener("resize", updateHeaderState); }); /* شاشة دخول اللوجو */ document.addEventListener("DOMContentLoaded", function () { const splash = document.createElement("div"); splash.className = "splash-screen"; splash.innerHTML = `