const areaRange=document.getElementById('areaRange');
const areaOutput=document.getElementById('areaOutput');
const estimateOutput=document.getElementById('estimateOutput');
const calcCta=document.getElementById('calcCta');
const numberFormat=new Intl.NumberFormat('ar-SA');
function updateEstimate(){const area=Number(areaRange.value);const total=area*700;areaOutput.textContent=`${numberFormat.format(area)} م²`;estimateOutput.textContent=`${numberFormat.format(total)} ريال`;calcCta.href=`https://wa.me/966562491085?text=${encodeURIComponent(`مرحباً، ميزانيتي المبدئية لقطعة بمساحة ${area} م² في مخطط النخيل. أرجو ترشيح الخيارات المتاحة.`)}`}
areaRange.addEventListener('input',updateEstimate);updateEstimate();
const planDialog=document.getElementById('planDialog');
document.getElementById('openPlan').addEventListener('click',()=>planDialog.showModal());
document.getElementById('closePlan').addEventListener('click',()=>planDialog.close());
planDialog.addEventListener('click',e=>{if(e.target===planDialog)planDialog.close()});
const observer=new IntersectionObserver(entries=>entries.forEach(entry=>{if(entry.isIntersecting){entry.target.classList.add('visible');observer.unobserve(entry.target)}}),{threshold:.12});
document.querySelectorAll('.reveal').forEach(el=>observer.observe(el));
