<style>

#confirm-popup{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.6);

display:none;

justify-content:center;

align-items:center;

z-index:999999;

font-family:Cairo,Tahoma,sans-serif;

}

#confirm-box{

width:90%;

max-width:420px;

background:#fff;

padding:22px;

border-radius:18px;

text-align:center;

}

#confirm-box h3{

margin-bottom:15px;

}

#confirm-box p{

line-height:1.9;

font-size:15px;

}

.popup-btn{

width:100%;

padding:13px;

border-radius:10px;

margin-top:10px;

cursor:pointer;

font-size:15px;

}

.continue-btn{

background:#000;

color:#fff;

border:none;

}

.cancel-btn{

background:#fff;

border:1px solid #ddd;

}

</style>

<div id="confirm-popup">

<div id="confirm-box">

<h3>⚠️ تذكير قبل إتمام الطلب</h3>

<p style="line-height:2;font-size:15px;">

<b>﴿ يَا أَيُّهَا الَّذِينَ آمَنُوا أَوْفُوا بِالْعُقُودِ ﴾</b><br>

<span style="font-size:13px;color:#777;">صدق الله العظيم – سورة المائدة (1)</span>

<br><br>

نرجو تسجيل الطلب فقط إذا كنت متأكدًا من استلامه.

<br><br>

كل طلب يتم تجهيزه وشحنه وتحمل تكلفة شحن فعلية، لذلك فإن الطلبات غير الجادة تؤثر على سرعة خدمتنا وتؤخر شحن طلبات العملاء الآخرين.

<br><br>

🤍 شكرًا لتفهمك وثقتك بنا.

</p>

<button class="popup-btn continue-btn">متابعة الطلب</button>

<button class="popup-btn cancel-btn">لاحقًا</button>

</div>

</div>

<script>

document.addEventListener("DOMContentLoaded", () => {

let originalButton = null;

let allowSubmit = false;

document.addEventListener("click", function(e){

const btn = e.target.closest("button");

if(!btn || allowSubmit) return;

const text = btn.innerText.trim();

if(

text.includes("اطلب") ||

text.includes("شراء") ||

text.includes("تأكيد") ||

text.includes("إتمام")

){

e.preventDefault();

e.stopImmediatePropagation();

originalButton = btn;

document.getElementById("confirm-popup").style.display="flex";

}

}, true);

document.querySelector(".continue-btn").onclick = function(){

allowSubmit = true;

document.getElementById("confirm-popup").style.display="none";

if(originalButton){

originalButton.click();

}

};

document.querySelector(".cancel-btn").onclick = function(){

document.getElementById("confirm-popup").style.display="none";

};

});

</script>