Create popup_card.html

templates/popup_card.html

@@ -0,0 +1,13 @@
+<div class="popup-container">
+    <h3>{{ item_name }}</h3>
+    <model-viewer src="{{ model_path }}" alt="3D Model of {{ item_name }}" auto-rotate camera-controls></model-viewer>
+    <textarea placeholder="Special Instructions"></textarea>
+    <input type="number" min="1" max="10" placeholder="Quantity">
+    <button>Add to Cart</button>
+    <button onclick="closePopup()">Close</button>
+</div>
+<script>
+    function closePopup() {
+        document.querySelector('.popup-container').style.display = 'none';
+    }
+</script>