

    
    
        function showPopup() {
            document.getElementById('popup-form').style.display = 'block';
            document.getElementById('popup-overlay').style.display = 'block';
        }
        function hidePopup() {
            document.getElementById('popup-form').style.display = 'none';
            document.getElementById('popup-overlay').style.display = 'none';
        }
        function showItemDetail(id, name, image, description) {
            document.getElementById('item-name').textContent = name;
            document.getElementById('item-image').src = image;
            document.getElementById('item-description').textContent = description;
            document.getElementById('item-detail').style.display = 'block';
            document.getElementById('popup-overlay').style.display = 'block';
        }
        function hideItemDetail() {
            document.getElementById('item-detail').style.display = 'none';
            document.getElementById('popup-overlay').style.display = 'none';
        }
    


