{% if product.metafields.custom.size_chart %}

📏 دليل مقاسات البنطلون
×" style="max-width: 95vw; max-height: 90vh; object-fit: contain; border-radius: 8px; box-shadow: 0 5px 25px rgba(0,0,0,0.5);">

{% endif %}

{% if product.metafields.custom.size_chart_2 %}

📏 دليل مقاسات البليزر والفيست
×" style="max-width: 95vw; max-height: 90vh; object-fit: contain; border-radius: 8px; box-shadow: 0 5px 25px rgba(0,0,0,0.5);">

{% endif %}




document.addEventListener("DOMContentLoaded", function() {
var modal1 = document.getElementById("sizeChartModal1");
if(modal1) document.body.appendChild(modal1);
var modal2 = document.getElementById("sizeChartModal2");
if(modal2) document.body.appendChild(modal2);
});

function openSizeChart1() {
document.getElementById("sizeChartModal1").style.display = "block";
document.body.style.overflow = "hidden";
}
function closeSizeChart1() {
document.getElementById("sizeChartModal1").style.display = "none";
document.body.style.overflow = "auto";
}

function openSizeChart2() {
document.getElementById("sizeChartModal2").style.display = "block";
document.body.style.overflow = "hidden";
}
function closeSizeChart2() {
document.getElementById("sizeChartModal2").style.display = "none";
document.body.style.overflow = "auto";
}

window.onclick = function(event) {
var modal1 = document.getElementById("sizeChartModal1");
var modal2 = document.getElementById("sizeChartModal2");

if (event.target == modal1 || (modal1 && modal1.style.display == "block" && event.target.tagName !== 'IMG' && event.target.tagName !== 'BUTTON' && event.target.tagName !== 'SPAN')) {
closeSizeChart1();
}
if (event.target == modal2 || (modal2 && modal2.style.display == "block" && event.target.tagName !== 'IMG' && event.target.tagName !== 'BUTTON' && event.target.tagName !== 'SPAN')) {
closeSizeChart2();
}
}