(function () {

function buildGraceFooter(){

const footer = document.querySelector("footer");
if(!footer) return;

footer.innerHTML = "";

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

wrap.innerHTML = `

<div style="max-width:1200px;margin:auto;padding:40px 20px;text-align:center;color:#fff">

<h2 style="letter-spacing:5px;margin-bottom:8px;">GRACE</h2>

<p style="opacity:.8;margin-bottom:25px">
Effortless Volume. Timeless Elegance
</p>

<div style="display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:30px">

<a href="https://www.instagram.com/thegraceofficial_/" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/2111/2111463.png" style="width:22px">
</a>

<a href="https://www.tiktok.com/@thegraceofficial_" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/3046/3046121.png" style="width:22px">
</a>

<a href="https://wa.me/966573592703" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/733/733585.png" style="width:22px">
</a>

<a href="mailto:gracehair.info@gmail.com">
<img src="https://cdn-icons-png.flaticon.com/512/732/732200.png" style="width:22px">
</a>

</div>

<a href="https://grace-sa.com/ar/%D8%B3%D9%8A%D8%A7%D8%B3%D8%A9-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%B1%D8%AC%D8%A7%D8%B9-%D9%88-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%A8%D8%AF%D8%A7%D9%84/page-1267513964"
style="display:block;margin-top:10px;margin-bottom:20px;color:#cfcfcf;font-size:14px;text-decoration:none;">
سياسات متجر Grace
</a>

<div style="font-size:13px;color:#9aa0a6;margin-bottom:10px">
Grace 2026 | الحقوق محفوظة
</div>

<div style="font-size:14px;color:#ccc;">
Mada • Mastercard • Visa • Tabby • STC Pay • Apple Pay
</div>

</div>

`;

footer.appendChild(wrap);
}

window.addEventListener("load", buildGraceFooter);

})();





(function () {

const key = "grace_welcome_seen";

if (sessionStorage.getItem(key)) return;
sessionStorage.setItem(key, "1");

const box = document.createElement("div");
box.innerText = "Welcome to Grace ✦";

box.style.cssText = `
position: fixed;
bottom: 20px;
left: 20px;
background: #ffffff;
color: #222;
padding: 12px 16px;
border-radius: 12px;
font-size: 14px;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
z-index: 9999;
font-family: system-ui, Arial;
`;

document.body.appendChild(box);

setTimeout(() => {
  box.remove();
}, 2200);

})();