/* Add custom Js styles below */ 
<script>
document.addEventListener('DOMContentLoaded', function() {
    function fixProductImages() {
        const images = document.querySelectorAll('.s-product-card-image-cover');
        images.forEach(img => {
            // التأكد من تحميل الصورة بالكامل
            if (img.complete) {
                img.style.objectFit = 'contain';
            } else {
                img.onload = () => { img.style.objectFit = 'contain'; };
            }
        });
    }

    // التنفيذ عند التشغيل وعند أي تغيير في السلايدر
    fixProductImages();
    
    // مراقبة التغييرات في حال وجود "تحميل المزيد" أو سلايدر
    const observer = new MutationObserver(fixProductImages);
    observer.observe(document.body, { childList: true, subtree: true });
});
</script>
document.addEventListener('DOMContentLoaded', function() {
    function fixCatHeight() {
        const categories = document.querySelectorAll('.slide--cat-entry');
        let maxHeight = 0;

        // إعادة التعيين أولاً
        categories.forEach(cat => cat.style.height = 'auto');

        // البحث عن أطول بطاقة
        categories.forEach(cat => {
            if (cat.offsetHeight > maxHeight) maxHeight = cat.offsetHeight;
        });

        // توحيد الطول للجميع
        categories.forEach(cat => cat.style.height = maxHeight + 'px');
    }

    // تشغيل الدالة عند التحميل وعند تغيير حجم الشاشة
    fixCatHeight();
    window.addEventListener('resize', fixCatHeight);
});