Opcja przesuwania potraf w modalu szczegółow

public/app.php

@@ -234,16 +234,28 @@ $vMenu = publicAssetVersion($publicDir, 'menu.json');
 
   <!-- ITEM MODAL -->
   <div class="modal-overlay" id="itemModal">
-    <div class="modal-content" style="padding: 0; overflow: hidden; max-width: 380px;">
-      <div style="position: relative;">
-        <img id="itemModalImage" src="" style="width: 100%; height: 240px; object-fit: cover; display: block;" alt="">
-        <button class="close-btn" onclick="closeItemModal()" style="position: absolute; top: 10px; right: 15px; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.8); font-size: 32px; z-index: 10; background: rgba(0,0,0,0.3); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1;">&times;</button>
-      </div>
-      <div style="padding: 24px; text-align: left;">
-        <h3 id="itemModalTitle" style="margin-top: 0; color: var(--text-main); font-family: 'Playfair Display', serif; font-size: 24px; margin-bottom: 8px;"></h3>
-        <div id="itemModalPrice" style="color: var(--primary); font-weight: 700; font-size: 20px; margin-bottom: 16px;"></div>
-        <p id="itemModalDesc" style="color: var(--text-muted); font-size: 15px; line-height: 1.6; margin-bottom: 24px;"></p>
-        <button class="btn btn-secondary" onclick="closeItemModal()" style="width: 100%;">Zamknij</button>
+    <div class="modal-content item-modal-content" id="itemModalContent">
+      <button type="button" class="close-btn item-modal-close" onclick="closeItemModal()" aria-label="Zamknij">&times;</button>
+      <div class="item-modal-pane" id="itemModalPane">
+        <div class="item-modal-image-wrap">
+          <img id="itemModalImage" class="item-modal-image" src="" alt="">
+          <div id="itemModalImagePlaceholder" class="menu-image-placeholder" aria-hidden="true">
+            <svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+              <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/>
+              <circle cx="12" cy="13" r="4"/>
+            </svg>
+            <span>Brak zdjęcia</span>
+          </div>
+        </div>
+        <div class="item-modal-body">
+          <div class="item-modal-meta">
+            <span id="itemModalCounter" class="item-modal-counter"></span>
+          </div>
+          <h3 id="itemModalTitle" class="item-modal-title"></h3>
+          <div id="itemModalPrice" class="item-modal-price"></div>
+          <p id="itemModalDesc" class="item-modal-desc"></p>
+          <button type="button" class="btn btn-secondary item-modal-close-btn" onclick="closeItemModal()">Zamknij</button>
+        </div>
       </div>
     </div>
   </div>