Update app.py

app.py

@@ -1,3 +1,4 @@
+
 import os
 import io
 import base64
@@ -546,14 +547,28 @@ CATALOG_TEMPLATE = '''
         .cart-fab { position: fixed; bottom: 24px; right: 24px; background: var(--accent); color: var(--text-dark); width: 64px; height: 64px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.6rem; cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,0.3); z-index: 999; display: none; }
         .cart-badge { position: absolute; top: -2px; right: -2px; background: var(--danger); color: white; border-radius: 50%; width: 26px; height: 26px; font-size: 0.85rem; display: flex; justify-content: center; align-items: center; font-weight: bold; border: 2px solid var(--bg-dark); }
         
+        .cart-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; margin-top: 20px;}
+        .clear-cart-btn { background: transparent; color: var(--danger); border: 2px solid var(--danger); padding: 10px 15px; border-radius: 12px; font-weight: bold; cursor: pointer; font-size: 0.95rem; transition: 0.2s; }
+        .clear-cart-btn:hover { background: var(--danger); color: white; }
+
         .cart-item { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.1); gap: 15px;}
-        .cart-item img { width: 70px; height: 70px; border-radius: 12px; object-fit: cover; }
-        .cart-item-info { flex-grow: 1; }
-        .cart-item-price { font-size: 1.05rem; font-weight: bold; color: var(--accent); margin-bottom: 5px; }
-        .cart-controls { display: flex; justify-content: space-between; align-items: center; background: var(--bg-medium); border-radius: 12px; overflow: hidden; height: 40px;}
-        .cart-controls button { background: var(--accent); color: var(--text-dark); border: none; width: 40px; height: 100%; font-weight: bold; cursor: pointer; font-size: 1.3rem; }
-        .cart-controls input { width: 46px; text-align: center; border: none; background: transparent; color: white; font-weight: bold; font-size: 1.1rem; outline: none; -moz-appearance: textfield; }
+        .cart-item img { width: 75px; height: 75px; border-radius: 12px; object-fit: cover; transition: transform 0.3s; cursor: zoom-in; }
+        .cart-item img.zoomed {
+            position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
+            width: 90vw !important; height: 90vh !important; object-fit: contain !important;
+            z-index: 99999; background: rgba(0,0,0,0.9); box-shadow: 0 0 0 100vmax rgba(0,0,0,0.9);
+            cursor: zoom-out; border-radius: 0 !important; border: none; padding: 20px;
+        }
+
+        .cart-item-info { flex-grow: 1; display:flex; flex-direction:column; justify-content:center; gap: 8px;}
+        .cart-item-price { font-size: 1.05rem; font-weight: bold; color: var(--accent); }
+        .cart-controls { display: flex; justify-content: space-between; align-items: center; background: var(--bg-medium); border-radius: 12px; overflow: hidden; height: 35px; width: 110px;}
+        .cart-controls button { background: var(--accent); color: var(--text-dark); border: none; width: 35px; height: 100%; font-weight: bold; cursor: pointer; font-size: 1.3rem; }
+        .cart-controls input { width: 40px; text-align: center; border: none; background: transparent; color: white; font-weight: bold; font-size: 1.1rem; outline: none; -moz-appearance: textfield; }
         .cart-controls input::-webkit-outer-spin-button, .cart-controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
+        .cart-remove-btn { background: var(--danger); color: white; border: none; border-radius: 12px; width: 40px; height: 40px; font-size: 1.2rem; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: 0.2s;}
+        .cart-remove-btn:hover { background: #ff4444; }
+
         .add-to-cart-btn { background: var(--accent); color: var(--text-dark); border: none; padding: 12px; border-radius: 26px; font-weight: bold; cursor: pointer; width: 100%; font-size: 1.1rem; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
         .add-to-cart-btn:hover { background: var(--accent-hover); }
 
@@ -657,12 +672,19 @@ CATALOG_TEMPLATE = '''
     <div id="cartModal" class="modal">
         <div class="modal-content" style="padding: 24px; display: flex; flex-direction: column; min-height: 80vh; max-height: 95vh;">
             <button class="close-btn" onclick="closeModal('cartModal')"><i class="fas fa-times"></i></button>
-            <h2 style="margin-top: 20px; margin-bottom: 25px; color: var(--accent); text-align: center;">Корзина</h2>
+            
+            <div class="cart-header">
+                <h2 style="color: var(--accent); margin:0;">Корзина</h2>
+                <button onclick="clearCart()" class="clear-cart-btn" id="clearCartBtn"><i class="fas fa-trash-alt"></i> Очистить всё</button>
+            </div>
+            
             <div id="cartItems" style="flex-grow: 1; overflow-y: auto; padding-right: 5px;"></div>
+            
             <div id="cartTotal" style="font-size: 1.4rem; font-weight: bold; margin-top: 20px; text-align: right; color: var(--accent);"></div>
-            <div style="margin-top: 25px; background: var(--card-bg); padding: 20px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.1);">
-                <input type="text" id="customerName" placeholder="Ваше Имя" required style="width: 100%; padding: 16px; margin-bottom: 12px; border-radius: 14px; border: none; outline: none; background: #fff; color: #333; font-family: 'Montserrat', sans-serif;">
-                <input type="tel" id="customerPhone" placeholder="Ваш Телефон" required style="width: 100%; padding: 16px; margin-bottom: 16px; border-radius: 14px; border: none; outline: none; background: #fff; color: #333; font-family: 'Montserrat', sans-serif;">
+            
+            <div id="checkoutForm" style="margin-top: 25px; background: var(--card-bg); padding: 20px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.1);">
+                <input type="text" id="customerName" placeholder="Ваше Имя" required style="width: 100%; padding: 16px; margin-bottom: 12px; border-radius: 14px; border: none; outline: none; background: #fff; color: #333; font-family: 'Montserrat', sans-serif; font-size: 1rem;">
+                <input type="tel" id="customerPhone" placeholder="Ваш Телефон" required style="width: 100%; padding: 16px; margin-bottom: 16px; border-radius: 14px; border: none; outline: none; background: #fff; color: #333; font-family: 'Montserrat', sans-serif; font-size: 1rem;">
                 <button onclick="submitOrder()" class="save-contact-btn" style="width: 100%; margin-bottom: 0; box-shadow: none;">Оформить заказ</button>
             </div>
         </div>
@@ -764,6 +786,29 @@ CATALOG_TEMPLATE = '''
             renderCartModal();
             renderModalCartControls(productId);
         }
+        
+        function removeFromCart(productId) {
+            delete cart[productId];
+            saveCart();
+            updateCartBadge();
+            renderCatalog();
+            renderCartModal();
+            renderModalCartControls(productId);
+        }
+
+        function clearCart() {
+            if(confirm("Вы действительно хотите полностью очистить корзину?")) {
+                cart = {};
+                saveCart();
+                updateCartBadge();
+                renderCatalog();
+                renderCartModal();
+            }
+        }
+
+        function toggleCartZoom(imgElement) {
+            imgElement.classList.toggle('zoomed');
+        }
 
         function setCategory(cat, btn) {
             document.querySelectorAll('.chip').forEach(c => c.classList.remove('active'));
@@ -805,7 +850,7 @@ CATALOG_TEMPLATE = '''
             const paginated = filtered.slice(start, start + itemsPerPage);
 
             if (filtered.length === 0) {
-                container.innerHTML = '<div class="no-results-message">В этой категории нет фото.</div>';
+                container.innerHTML = '<div class="no-results-message">В этой папке нет фото.</div>';
                 return;
             }
 
@@ -941,31 +986,40 @@ CATALOG_TEMPLATE = '''
         function renderCartModal() {
             const container = document.getElementById('cartItems');
             const totalContainer = document.getElementById('cartTotal');
+            const clearBtn = document.getElementById('clearCartBtn');
+            const checkoutForm = document.getElementById('checkoutForm');
             let html = '';
             let total = 0;
+            
             for(let id in cart) {
                 let item = cart[id];
                 total += item.qty * item.price;
-                let photoUrl = item.photo ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${item.photo}` : `https://via.placeholder.com/70x70.png?text=Фото`;
+                let photoUrl = item.photo ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${item.photo}` : `https://via.placeholder.com/75x75.png?text=Фото`;
                 html += `
                     <div class="cart-item">
-                        <img src="${photoUrl}" alt="Фото">
+                        <img src="${photoUrl}" alt="Фото" onclick="toggleCartZoom(this)">
                         <div class="cart-item-info">
                             <div class="cart-item-price">${item.price.toFixed(0)} ${currencyCode}</div>
+                            <div class="cart-controls">
+                                <button onclick="updateQty('${id}', -1)">-</button>
+                                <input type="number" value="${item.qty}" onchange="setQty('${id}', this)">
+                                <button onclick="updateQty('${id}', 1)">+</button>
+                            </div>
                         </div>
-                        <div class="cart-controls" style="margin-top:0;">
-                            <button onclick="updateQty('${id}', -1)">-</button>
-                            <input type="number" value="${item.qty}" onchange="setQty('${id}', this)">
-                            <button onclick="updateQty('${id}', 1)">+</button>
-                        </div>
+                        <button onclick="removeFromCart('${id}')" class="cart-remove-btn"><i class="fas fa-trash"></i></button>
                     </div>
                 `;
             }
+            
             if(html === '') {
-                html = '<p style="text-align:center; opacity:0.7;">Корзина пуста</p>';
+                html = '<p style="text-align:center; opacity:0.7; font-size:1.1rem; margin-top:30px;">Ваша корзина пуста</p>';
                 totalContainer.innerHTML = '';
+                clearBtn.style.display = 'none';
+                checkoutForm.style.display = 'none';
             } else {
                 totalContainer.innerHTML = `Итого: ${total.toFixed(0)} ${currencyCode}`;
+                clearBtn.style.display = 'block';
+                checkoutForm.style.display = 'block';
             }
             container.innerHTML = html;
         }
@@ -1027,99 +1081,133 @@ ADMIN_TEMPLATE = '''
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Настройки Визитки - {{ settings.organization_name }}</title>
-        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
         <style>
             :root { --bg-light: #f4f6f9; --bg-medium: #135D66; --accent: #48D1CC; --accent-hover: #77E4D8; --text-dark: #333; --text-on-accent: #003C43; --danger: #E57373; --danger-hover: #EF5350; }
             * { box-sizing: border-box; }
-            body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-light); color: var(--text-dark); padding: 20px; line-height: 1.6; margin: 0; }
-            .container { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 30px; border-radius: 24px; box-shadow: 0 10px 40px rgba(0,0,0,0.04); }
-            .header { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px;}
-            .header .logo-title-container img { height: 56px; width: 56px; border-radius: 50%; object-fit: cover; border: 2px solid var(--bg-medium);}
-            h1, h2, h3 { font-weight: 600; color: var(--bg-medium); margin-bottom: 15px; }
-            h1 { font-size: 1.8rem; }
+            body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-light); color: var(--text-dark); padding: 20px; line-height: 1.6; margin: 0; font-size: 1.1rem; }
+            
+            .container { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 24px; box-shadow: 0 10px 40px rgba(0,0,0,0.04); }
+            
+            /* Header updates for mobile */
+            .header { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #f0f0f0; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 15px;}
+            .header .logo-title-container { display: flex; flex-direction: column; align-items: center; gap: 10px; }
+            .header .logo-title-container img { height: 70px; width: 70px; border-radius: 50%; object-fit: cover; border: 3px solid var(--bg-medium);}
+            .header-actions { display: flex; flex-direction: column; width: 100%; gap: 10px; margin-top: 10px; }
+            
+            @media (min-width: 768px) {
+                .header { flex-direction: row; justify-content: space-between; text-align: left; }
+                .header .logo-title-container { flex-direction: row; }
+                .header-actions { flex-direction: row; width: auto; margin-top: 0; }
+            }
+
+            h1, h2, h3 { font-weight: 700; color: var(--bg-medium); margin-bottom: 15px; }
+            h1 { font-size: 1.8rem; margin: 0; }
             h2 { font-size: 1.5rem; margin-top: 20px; display: flex; align-items: center; gap: 10px; }
-            h3 { font-size: 1.25rem; color: #004D40; margin-top: 20px; }
-            .section { margin-bottom: 35px; padding: 25px; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.02); }
-            form { margin-bottom: 20px; }
-            label { font-weight: 600; margin-top: 12px; display: block; color: #555; font-size: 0.95rem;}
-            input[type="text"], input[type="number"], input[type="password"], input[type="tel"], textarea, select { width: 100%; padding: 14px 16px; margin-top: 8px; border: 2px solid transparent; background: #f8f9fa; border-radius: 14px; font-size: 1rem; box-sizing: border-box; transition: all 0.3s ease; min-height: 52px;}
-            input:focus, textarea:focus, select:focus { border-color: var(--accent); background: #fff; outline: none; box-shadow: 0 0 0 4px rgba(72, 209, 204, 0.15); }
-            textarea { min-height: 100px; resize: vertical; }
-            input[type="file"] { padding: 10px; background-color: #f8f9fa; cursor: pointer; border: 1px dashed #ccc; border-radius: 14px;}
-            input[type="file"]::file-selector-button { padding: 10px 16px; border-radius: 10px; background-color: #e9ecef; border: none; cursor: pointer; margin-right: 12px; font-weight: 600; transition: background 0.2s;}
-            input[type="file"]::file-selector-button:hover { background-color: #dee2e6; }
-            input[type="checkbox"] { margin-right: 10px; vertical-align: middle; width: 22px; height: 22px; cursor: pointer; accent-color: var(--bg-medium);}
-            button, .button { padding: 12px 24px; border: none; border-radius: 14px; background-color: var(--accent); color: var(--text-on-accent); font-weight: 700; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; margin-top: 15px; font-size: 1.05rem; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; line-height: 1.2; min-height: 52px; justify-content: center;}
+            h3 { font-size: 1.3rem; color: #004D40; margin-top: 20px; }
+            
+            .section { margin-bottom: 30px; padding: 20px; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.02); }
+            
+            label { font-weight: 700; margin-top: 15px; display: block; color: #222; font-size: 1.1rem;}
+            input[type="text"], input[type="number"], input[type="password"], input[type="tel"], textarea, select { 
+                width: 100%; padding: 16px; margin-top: 8px; border: 2px solid #ccc; background: #fff; 
+                border-radius: 16px; font-size: 1.15rem; box-sizing: border-box; transition: all 0.3s ease; min-height: 60px;
+            }
+            input:focus, textarea:focus, select:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 4px rgba(72, 209, 204, 0.15); }
+            textarea { min-height: 120px; resize: vertical; }
+            input[type="file"] { padding: 15px; background-color: #f8f9fa; cursor: pointer; border: 2px dashed #ccc; border-radius: 16px; }
+            input[type="checkbox"] { margin-right: 12px; vertical-align: middle; width: 28px; height: 28px; cursor: pointer; accent-color: var(--bg-medium);}
+            
+            /* Big readable buttons */
+            button, .button { 
+                padding: 16px 20px; border: none; border-radius: 16px; background-color: var(--accent); 
+                color: var(--text-on-accent); font-weight: 700; cursor: pointer; transition: 0.2s ease; 
+                margin-top: 15px; font-size: 1.2rem; display: inline-flex; align-items: center; justify-content: center; 
+                gap: 10px; text-decoration: none; min-height: 60px; width: 100%;
+            }
+            @media (min-width: 768px) { button, .button { width: auto; } }
             button:hover, .button:hover { background-color: var(--accent-hover); }
             button:active, .button:active { transform: scale(0.98); }
+            
             .delete-button { background-color: var(--danger); color: white; }
             .delete-button:hover { background-color: var(--danger-hover); }
             .add-button { background-color: var(--bg-medium); color: white; }
             .add-button:hover { background-color: #003C43; }
+            
             .item-list { display: grid; gap: 20px; }
-            .item { background: #fff; padding: 20px; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); border: 1px solid #f0f0f0; transition: transform 0.2s; }
-            .item:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,0.06); }
-            .item p { margin: 6px 0; font-size: 0.95rem; color: #555; }
+            .item { background: #fff; padding: 25px; border-radius: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border: 2px solid #f0f0f0; }
+            .item p { margin: 8px 0; font-size: 1.1rem; color: #444; }
             .item strong { color: var(--text-dark); }
-            .item-actions { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
-            .edit-form-container { margin-top: 20px; padding: 20px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 16px; display: none; }
-            details { background-color: #fff; border: 1px solid #f0f0f0; border-radius: 16px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
-            details > summary { cursor: pointer; font-weight: 600; color: var(--bg-medium); display: block; padding: 20px 24px; list-style: none; position: relative; font-size: 1.15rem; }
-            details > summary:hover { background-color: #f8f9fa; border-radius: 16px;}
+            .item-actions { margin-top: 20px; display: flex; flex-direction: column; gap: 10px; }
+            @media (min-width: 768px) { .item-actions { flex-direction: row; } }
+            
+            .edit-form-container { margin-top: 25px; padding: 25px; background: #f8f9fa; border: 2px solid #e9ecef; border-radius: 20px; display: none; }
+            
+            /* Details as big interactive cards */
+            details { background-color: #fff; border: 2px solid #f0f0f0; border-radius: 20px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
+            details > summary { cursor: pointer; font-weight: 700; color: var(--bg-medium); display: block; padding: 25px 20px; list-style: none; position: relative; font-size: 1.3rem; }
+            details > summary:hover { background-color: #f8f9fa; border-radius: 20px;}
             details > summary::after { content: '\\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; color: var(--bg-medium); }
             details[open] > summary::after { transform: translateY(-50%) rotate(180deg); }
-            details[open] > summary { border-bottom: 1px solid #f0f0f0; border-radius: 16px 16px 0 0; }
-            details .form-content { padding: 24px; }
-            .photo-preview { display: flex; gap: 8px; flex-wrap: wrap; }
-            .photo-preview img { width: 90px; height: 90px; border-radius: 12px; border: 1px solid #e0e0e0; object-fit: cover;}
-            .message { padding: 16px 20px; border-radius: 14px; margin-bottom: 20px; font-size: 1rem; font-weight: 500;}
-            .message.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb;}
-            .message.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb;}
-            .current-avatar { max-width: 64px; max-height: 64px; border-radius: 50%; vertical-align: middle; margin-left: 12px; border: 2px solid var(--bg-medium);}
-            .block-item { display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 18px 24px; border: 1px solid #f0f0f0; border-radius: 16px; margin-bottom: 12px; flex-wrap: wrap; gap: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.02);}
-            .block-controls { display: flex; gap: 8px; }
-            .btn-small { padding: 10px 14px; font-size: 0.95rem; min-height: auto;}
-            .pagination { display: flex; justify-content: center; gap: 10px; margin-top: 35px; flex-wrap: wrap; align-items: center; }
-            .pagination .button { min-width: 48px; text-align: center; padding: 12px 16px; margin: 0; border-radius: 12px; }
+            details[open] > summary { border-bottom: 2px solid #f0f0f0; border-radius: 20px 20px 0 0; }
+            details .form-content { padding: 25px; }
+            
+            .photo-preview { display: flex; gap: 10px; flex-wrap: wrap; }
+            .photo-preview img { width: 120px; height: 120px; border-radius: 16px; border: 2px solid #e0e0e0; object-fit: cover;}
+            
+            .message { padding: 20px; border-radius: 16px; margin-bottom: 25px; font-size: 1.15rem; font-weight: 600;}
+            .message.success { background-color: #d4edda; color: #155724; border: 2px solid #c3e6cb;}
+            .message.error { background-color: #f8d7da; color: #721c24; border: 2px solid #f5c6cb;}
+            
+            .current-avatar { max-width: 80px; max-height: 80px; border-radius: 50%; vertical-align: middle; margin-left: 15px; border: 3px solid var(--bg-medium);}
+            
+            .block-item { display: flex; flex-direction: column; background: #fff; padding: 25px; border: 2px solid #f0f0f0; border-radius: 20px; margin-bottom: 15px; gap: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.03);}
+            @media (min-width: 768px) { .block-item { flex-direction: row; justify-content: space-between; align-items: center; } }
+            
+            .block-controls { display: flex; flex-direction: column; gap: 10px; width: 100%; }
+            @media (min-width: 768px) { .block-controls { flex-direction: row; width: auto; } }
+            
+            .btn-small { padding: 12px; font-size: 1.1rem; min-height: 50px;}
+            
+            .pagination { display: flex; justify-content: center; gap: 10px; margin-top: 40px; flex-wrap: wrap; align-items: center; }
+            .pagination .button { min-width: 60px; text-align: center; padding: 15px; margin: 0; border-radius: 16px; width: auto; }
+            
             #loadingOverlay {
                 display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
                 background: rgba(0,0,0,0.85); backdrop-filter: blur(5px); z-index: 10000; flex-direction: column;
                 justify-content: center; align-items: center; color: white; text-align: center;
             }
             .spinner {
-                width: 64px; height: 64px; border: 6px solid rgba(255,255,255,0.2);
+                width: 70px; height: 70px; border: 6px solid rgba(255,255,255,0.2);
                 border-top: 6px solid var(--accent); border-radius: 50%;
                 animation: spin 1s linear infinite; margin-bottom: 25px;
             }
             @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
-            @media (max-width: 600px) {
-                .header { flex-direction: column; align-items: flex-start; }
-            }
         </style>
     </head>
     <body>
         <div id="loadingOverlay">
             <div class="spinner"></div>
-            <h2 style="color:white; margin:0;">Обработка данных...</h2>
+            <h2 style="color:white; margin:0;">Пожалуйста, подождите...<br>Идёт сохранение данных</h2>
         </div>
         <div class="container">
             <div class="header">
-                <div class="logo-title-container" style="display: flex; align-items: center; gap: 15px;">
+                <div class="logo-title-container">
                      <img src="{{ chat_avatar_url }}" alt="Logo">
-                    <h1 style="margin:0;"><i class="fas fa-id-badge"></i> Настройки</h1>
+                    <h1 style="margin:0;"><i class="fas fa-id-badge"></i> Настройки сайта</h1>
                 </div>
-                <div style="display: flex; gap: 10px; flex-wrap: wrap;">
-                    <a href="{{ url_for('catalog', env_id=env_id) }}" class="button" style="background-color: var(--bg-medium); color: white;"><i class="fas fa-external-link-alt"></i> Открыть</a>
+                <div class="header-actions">
+                    <a href="{{ url_for('catalog', env_id=env_id) }}" class="button" style="background-color: var(--bg-medium); color: white;"><i class="fas fa-external-link-alt"></i> Открыть сайт</a>
                     <a href="{{ url_for('admin_orders', env_id=env_id) }}" class="button" style="background-color: {% if new_orders_count > 0 %}#E57373{% else %}var(--bg-medium){% endif %}; color: white; position: relative;">
                         <i class="fas fa-history"></i> Заказы
                         {% if new_orders_count > 0 %}
-                        <span style="background-color: white; color: #E57373; border-radius: 50%; padding: 2px 8px; font-size: 0.85rem; font-weight: bold; margin-left: 8px; border: 2px solid #E57373;">{{ new_orders_count }}</span>
+                        <span style="background-color: white; color: #E57373; border-radius: 50%; padding: 4px 10px; font-size: 1rem; font-weight: bold; margin-left: 8px; border: 2px solid #E57373;">{{ new_orders_count }}</span>
                         {% endif %}
                     </a>
-                    <button onclick="downloadQR()" class="button" style="background-color: #8A2BE2; color: white;"><i class="fas fa-qrcode"></i> QR</button>
+                    <button onclick="downloadQR()" class="button" style="background-color: #8A2BE2; color: white;"><i class="fas fa-qrcode"></i> Сохранить QR</button>
                     {% if settings.admin_password_enabled %}
-                    <a href="{{ url_for('admin_logout', env_id=env_id) }}" class="button" style="background-color: #6c757d; color: white;"><i class="fas fa-sign-out-alt"></i> Выход</a>
+                    <a href="{{ url_for('admin_logout', env_id=env_id) }}" class="button" style="background-color: #6c757d; color: white;"><i class="fas fa-sign-out-alt"></i> Выйти</a>
                     {% endif %}
                 </div>
             </div>
@@ -1150,80 +1238,80 @@ ADMIN_TEMPLATE = '''
                                 </div>
                              </div>
 
-                             <label>Должность / Специальность:</label>
+                             <label>Профессия / Должность:</label>
                              <input type="text" name="vcard_job" value="{{ settings.vcard_job }}">
 
                              <label>Название организации:</label>
                              <input type="text" name="organization_name" value="{{ settings.organization_name }}">
                              
-                             <label>Коротко о себе / Статус:</label>
+                             <label>Коротко о себе (описание):</label>
                              <textarea name="about_text" rows="3">{{ settings.about_text }}</textarea>
 
-                             <label>Аватар (Фото профиля):</label>
+                             <label>Ваша фотография (Аватар):</label>
                              <input type="file" name="chat_avatar" accept="image/*">
                              {% if settings.chat_avatar %}
-                                <p style="font-size: 0.95rem; margin-top: 10px;">Текущий аватар: <img src="{{ chat_avatar_url }}" class="current-avatar"></p>
+                                <p style="font-size: 1.1rem; margin-top: 15px; display: flex; align-items: center;">Текущая: <img src="{{ chat_avatar_url }}" class="current-avatar"></p>
                              {% endif %}
                              
-                             <label>Цветовая схема:</label>
+                             <label>Дизайн (Цветовая схема):</label>
                              <select name="color_scheme">
                                  {% for key, name in color_schemes.items() %}
                                  <option value="{{ key }}" {% if settings.color_scheme == key %}selected{% endif %}>{{ name }}</option>
                                  {% endfor %}
                              </select>
                              
-                             <label>Валюта (для товаров/услуг):</label>
+                             <label>Валюта цен на сайте:</label>
                              <select name="currency_code">
                                  {% for code, name in currencies.items() %}
                                  <option value="{{ code }}" {% if settings.currency_code == code %}selected{% endif %}>{{ name }} ({{ code }})</option>
                                  {% endfor %}
                              </select>
 
-                             <h4 style="margin-top: 30px; font-size:1.15rem;"><i class="fas fa-shopping-cart"></i> Настройки заказов</h4>
-                             <label style="display: flex; align-items: center; gap: 8px;">
+                             <h4 style="margin-top: 40px; font-size:1.3rem; color:var(--bg-medium);"><i class="fas fa-shopping-cart"></i> Прием заказов с сайта</h4>
+                             <label style="display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 10px 0;">
                                  <input type="checkbox" name="enable_cart" {% if settings.enable_cart %}checked{% endif %}>
-                                 Включить возможность заказа
+                                 Включить возможность заказа товаров
                              </label>
-                             <label>Мессенджер для приема заказов:</label>
+                             <label>Куда получать заказы:</label>
                              <select name="order_messenger">
-                                 <option value="whatsapp" {% if settings.order_messenger == 'whatsapp' %}selected{% endif %}>WhatsApp</option>
-                                 <option value="telegram" {% if settings.order_messenger == 'telegram' %}selected{% endif %}>Telegram</option>
+                                 <option value="whatsapp" {% if settings.order_messenger == 'whatsapp' %}selected{% endif %}>На WhatsApp</option>
+                                 <option value="telegram" {% if settings.order_messenger == 'telegram' %}selected{% endif %}>На Telegram</option>
                                  <option value="none" {% if settings.order_messenger == 'none' %}selected{% endif %}>Не принимать заказы</option>
                              </select>
-                             <label>Номер (WhatsApp) или Username без @ (Telegram):</label>
-                             <input type="text" name="order_contact" value="{{ settings.order_contact }}" placeholder="Например: 996555123456 или myusername">
+                             <label>Ваш номер (для WhatsApp) или логин (для Telegram):</label>
+                             <input type="text" name="order_contact" value="{{ settings.order_contact }}" placeholder="Например: 996555123456 или my_login">
 
-                             <div style="background: #f1f3f5; padding: 24px; border-radius: 16px; margin-top: 30px; border:1px solid #e9ecef;">
-                                 <h4 style="margin-top: 0; color: var(--bg-medium); font-size: 1.15rem;"><i class="fas fa-lock"></i> Пароль для входа сюда</h4>
-                                 <label style="display: flex; align-items: center; gap: 8px;"><input type="checkbox" name="admin_password_enabled" {% if settings.admin_password_enabled %}checked{% endif %}> Требовать пароль</label>
+                             <div style="background: #f1f3f5; padding: 25px; border-radius: 20px; margin-top: 40px; border:2px solid #e9ecef;">
+                                 <h4 style="margin-top: 0; color: var(--bg-medium); font-size: 1.3rem;"><i class="fas fa-lock"></i> Пароль для входа сюда</h4>
+                                 <label style="display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 10px 0;"><input type="checkbox" name="admin_password_enabled" {% if settings.admin_password_enabled %}checked{% endif %}> Включить запрос пароля</label>
                                  <label style="margin-top: 15px;">Пароль:</label>
                                  <input type="text" name="admin_password" value="{{ settings.admin_password }}" placeholder="Текущий пароль">
                              </div>
                              
-                             <button type="submit" class="add-button" style="margin-top: 25px;"><i class="fas fa-save"></i> Сохранить настройки</button>
+                             <button type="submit" class="add-button" style="margin-top: 30px;"><i class="fas fa-save"></i> Сохранить настройки</button>
                          </form>
                      </div>
                  </details>
             </div>
 
             <div class="section">
-                 <h2><i class="fas fa-link"></i> Ссылки и Блоки</h2>
+                 <h2><i class="fas fa-link"></i> Кнопки и Ссылки</h2>
                  <details>
-                     <summary><i class="fas fa-plus-circle"></i> Добавить блок</summary>
+                     <summary><i class="fas fa-plus-circle"></i> Создать новую кнопку</summary>
                      <div class="form-content">
                          <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" enctype="multipart/form-data" onsubmit="showLoadingOverlay()">
                              <input type="hidden" name="action" value="add_block">
-                             <label>Тип блока:</label>
+                             <label>Тип кнопки:</label>
                              <select name="block_type" id="add_block_type" onchange="toggleBlockFields('add_')">
-                                 <option value="link">Кнопка-ссылка</option>
-                                 <option value="text">Текстовый блок</option>
-                                 <option value="pdf">PDF Каталог</option>
+                                 <option value="link">Обычная ссылка/номер</option>
+                                 <option value="text">Текст (описание)</option>
+                                 <option value="pdf">Открыть PDF файл</option>
                              </select>
-                             <label>Заголовок / Текст кнопки:</label>
+                             <label>Надпись на кнопке (заголовок):</label>
                              <input type="text" name="block_title" required>
                              
                              <div id="add_block_icon_div">
-                                <label>Иконка:</label>
+                                <label>Иконка на кнопке:</label>
                                 <select name="block_icon">
                                     <option value="">-- Без иконки --</option>
                                     {% for icon_class, icon_name in icons.items() %}
@@ -1233,54 +1321,54 @@ ADMIN_TEMPLATE = '''
                              </div>
 
                              <div id="add_block_url_div">
-                                 <label>URL / Номер / Email (Вставьте ссылку, или телефон начиная с +):</label>
-                                 <input type="text" name="block_url" placeholder="https://... или +996... или mail@.com">
+                                 <label>Ссылка или номер телефона (с +):</label>
+                                 <input type="text" name="block_url" placeholder="https://... или +996...">
                              </div>
                              <div id="add_block_pdf_div" style="display: none;">
-                                 <label>Загрузить PDF:</label>
+                                 <label>Выберите PDF файл с телефона:</label>
                                  <input type="file" name="block_pdf" accept="application/pdf">
                              </div>
                              <div id="add_block_content_div" style="display: none;">
-                                 <label>Текст блока:</label>
+                                 <label>Текст сообщения:</label>
                                  <textarea name="block_content" rows="3"></textarea>
                              </div>
-                             <button type="submit" class="add-button"><i class="fas fa-plus"></i> Добавить</button>
+                             <button type="submit" class="add-button"><i class="fas fa-plus"></i> Добавить кнопку</button>
                          </form>
                      </div>
                  </details>
-                 <div style="margin-top: 15px;">
+                 <div style="margin-top: 20px;">
                      {% if blocks %}
                          {% for block in blocks %}
                          <div class="block-item">
                              <div style="flex-grow: 1;">
-                                 <strong style="font-size: 1.15rem;">
+                                 <strong style="font-size: 1.25rem;">
                                     {% if block.icon %}
                                         {% set prefix = 'fab' if block.icon in ['fa-whatsapp', 'fa-telegram', 'fa-instagram', 'fa-youtube', 'fa-tiktok'] else 'fas' %}
                                         <i class="{{ prefix }} {{ block.icon }}" style="color:var(--accent);"></i> 
                                     {% endif %}
                                     {{ block.title }}
                                  </strong> 
-                                 <span style="color: #888; font-size: 0.95rem; margin-left: 10px;">
+                                 <span style="color: #666; font-size: 1rem; margin-left: 10px; display:inline-block; margin-top:5px;">
                                     ({% if block.type == 'link' %}Ссылка{% elif block.type == 'pdf' %}PDF{% else %}Текст{% endif %})
                                  </span>
-                                 {% if block.type == 'link' %}<br><small style="font-size: 0.95rem; color: #666; margin-top: 5px; display: block;"><a href="{{ block.url }}" target="_blank" rel="noopener noreferrer">{{ block.url }}</a></small>{% endif %}
+                                 {% if block.type == 'link' %}<br><small style="font-size: 1.05rem; color: #444; margin-top: 8px; display: block; word-break:break-all;"><a href="{{ block.url }}" target="_blank" rel="noopener noreferrer">{{ block.url }}</a></small>{% endif %}
                              </div>
                              <div class="block-controls">
-                                 <button type="button" class="button btn-small" style="background: #1E90FF;" onclick="toggleEditForm('edit-block-{{ block.id }}'); toggleBlockFields('edit_{{ block.id }}_');"><i class="fas fa-edit"></i></button>
-                                 <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" style="margin: 0;">
+                                 <button type="button" class="button btn-small" style="background: #1E90FF;" onclick="toggleEditForm('edit-block-{{ block.id }}'); toggleBlockFields('edit_{{ block.id }}_');"><i class="fas fa-edit"></i> Редактировать</button>
+                                 <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" style="margin: 0; width:100%;">
                                      <input type="hidden" name="action" value="move_block_up">
                                      <input type="hidden" name="block_id" value="{{ block.id }}">
-                                     <button type="submit" class="button btn-small" style="background: #6c757d;" {% if loop.first %}disabled{% endif %}><i class="fas fa-arrow-up"></i></button>
+                                     <button type="submit" class="button btn-small" style="background: #6c757d;" {% if loop.first %}disabled{% endif %}><i class="fas fa-arrow-up"></i> Выше</button>
                                  </form>
-                                 <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" style="margin: 0;">
+                                 <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" style="margin: 0; width:100%;">
                                      <input type="hidden" name="action" value="move_block_down">
                                      <input type="hidden" name="block_id" value="{{ block.id }}">
-                                     <button type="submit" class="button btn-small" style="background: #6c757d;" {% if loop.last %}disabled{% endif %}><i class="fas fa-arrow-down"></i></button>
+                                     <button type="submit" class="button btn-small" style="background: #6c757d;" {% if loop.last %}disabled{% endif %}><i class="fas fa-arrow-down"></i> Ниже</button>
                                  </form>
-                                 <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" style="margin: 0;" onsubmit="if(!confirm('Удалить блок?')) return false; showLoadingOverlay(); return true;">
+                                 <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" style="margin: 0; width:100%;" onsubmit="if(!confirm('Удалить эту кнопку?')) return false; showLoadingOverlay(); return true;">
                                      <input type="hidden" name="action" value="delete_block">
                                      <input type="hidden" name="block_id" value="{{ block.id }}">
-                                     <button type="submit" class="button delete-button btn-small"><i class="fas fa-trash-alt"></i></button>
+                                     <button type="submit" class="button delete-button btn-small"><i class="fas fa-trash-alt"></i> Удалить</button>
                                  </form>
                              </div>
                          </div>
@@ -1290,13 +1378,13 @@ ADMIN_TEMPLATE = '''
                                  <input type="hidden" name="block_id" value="{{ block.id }}">
                                  <input type="hidden" name="old_block_url" value="{{ block.url }}">
                                  
-                                 <label>Тип блока:</label>
+                                 <label>Тип кнопки:</label>
                                  <select name="block_type" id="edit_{{ block.id }}_block_type" onchange="toggleBlockFields('edit_{{ block.id }}_')">
-                                     <option value="link" {% if block.type == 'link' %}selected{% endif %}>Кнопка-ссылка</option>
-                                     <option value="text" {% if block.type == 'text' %}selected{% endif %}>Текстовый блок</option>
-                                     <option value="pdf" {% if block.type == 'pdf' %}selected{% endif %}>PDF Каталог</option>
+                                     <option value="link" {% if block.type == 'link' %}selected{% endif %}>Обычная ссылка/номер</option>
+                                     <option value="text" {% if block.type == 'text' %}selected{% endif %}>Текст (описание)</option>
+                                     <option value="pdf" {% if block.type == 'pdf' %}selected{% endif %}>Открыть PDF файл</option>
                                  </select>
-                                 <label>Заголовок / Текст кнопки:</label>
+                                 <label>Надпись на кнопке (заголовок):</label>
                                  <input type="text" name="block_title" value="{{ block.title }}" required>
                                  
                                  <div id="edit_{{ block.id }}_block_icon_div">
@@ -1310,24 +1398,24 @@ ADMIN_TEMPLATE = '''
                                  </div>
 
                                  <div id="edit_{{ block.id }}_block_url_div">
-                                     <label>URL / Номер / Email (Вставьте ссылку, или телефон начиная с +):</label>
+                                     <label>Ссылка или номер телефона:</label>
                                      <input type="text" name="block_url" value="{{ block.url if block.type == 'link' else '' }}">
                                  </div>
                                  <div id="edit_{{ block.id }}_block_pdf_div" style="display: none;">
                                      <label>Текущий PDF: {% if block.type == 'pdf' and block.url %}{{ block.url }}{% else %}Нет{% endif %}</label>
-                                     <label>Загрузить новый PDF (заменит старый):</label>
+                                     <label>Загрузить новый PDF (старый удалится):</label>
                                      <input type="file" name="block_pdf" accept="application/pdf">
                                  </div>
                                  <div id="edit_{{ block.id }}_block_content_div" style="display: none;">
-                                     <label>Текст блока:</label>
+                                     <label>Текст сообщения:</label>
                                      <textarea name="block_content" rows="3">{{ block.content }}</textarea>
                                  </div>
-                                 <button type="submit" class="add-button"><i class="fas fa-save"></i> Сохранить</button>
+                                 <button type="submit" class="add-button"><i class="fas fa-save"></i> Сохранить изменения</button>
                              </form>
                          </div>
                          {% endfor %}
                      {% else %}
-                         <p style="font-size: 1.05rem; color:#888;">Блоки не добавлены.</p>
+                         <p style="font-size: 1.15rem; color:#888;">Кнопки еще не добавлены.</p>
                      {% endif %}
                  </div>
                  <script>
@@ -1352,117 +1440,122 @@ ADMIN_TEMPLATE = '''
             </div>
 
             <div class="section">
-                 <h2><i class="fas fa-tags"></i> Категории товаров/фото</h2>
+                 <h2><i class="fas fa-folder-open"></i> Папки (для группировки фото/товаров)</h2>
                   <details>
-                      <summary><i class="fas fa-plus-circle"></i> Добавить новую категорию</summary>
+                      <summary><i class="fas fa-plus-circle"></i> Создать новую папку</summary>
                       <div class="form-content">
                           <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}">
                               <input type="hidden" name="action" value="add_category">
-                              <label>Название новой категории:</label>
+                              <label>Название новой папки:</label>
                               <input type="text" name="category_name" required>
-                              <button type="submit" class="add-button"><i class="fas fa-plus"></i> Добавить</button>
+                              <button type="submit" class="add-button"><i class="fas fa-plus"></i> Создать папку</button>
                           </form>
                       </div>
                   </details>
                  {% if categories %}
-                 <div class="item-list" style="margin-top:20px;">
+                 <div class="item-list" style="margin-top:25px;">
                      {% for category in categories %}
-                     <div class="item" style="display: flex; justify-content: space-between; align-items: center;">
-                         <span style="font-size: 1.1rem; font-weight: 600;">{{ category }}</span>
-                         <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" style="margin: 0;" onsubmit="if(!confirm('Вы уверены? Товары этой категории будут помечены как \\'Без категории\\'.')) return false;">
+                     <div class="item" style="display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap; gap:15px;">
+                         <span style="font-size: 1.25rem; font-weight: 700; color: var(--bg-medium);">{{ category }}</span>
+                         <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" style="margin: 0; width:100%;" onsubmit="if(!confirm('Точно удалить папку? Все фото из неё останутся, но будут \\'Без папки\\'.')) return false;">
                              <input type="hidden" name="action" value="delete_category">
                              <input type="hidden" name="category_name" value="{{ category }}">
-                             <button type="submit" class="delete-button" style="margin: 0;"><i class="fas fa-trash-alt"></i></button>
+                             <button type="submit" class="delete-button" style="margin: 0;"><i class="fas fa-trash-alt"></i> Удалить папку</button>
                          </form>
                      </div>
                      {% endfor %}
                  </div>
                  {% else %}
-                 <p style="font-size: 1.05rem; margin-top:15px; color:#888;">Категорий пока нет.</p>
+                 <p style="font-size: 1.15rem; margin-top:20px; color:#888;">Папок пока нет.</p>
                  {% endif %}
             </div>
 
             <div class="section">
-                <h2><i class="fas fa-box-open"></i> Фото / Товары</h2>
+                <h2><i class="fas fa-camera"></i> Все фотографии и товары</h2>
                  <details open>
-                     <summary><i class="fas fa-images"></i> Массовая загрузка товаров (Фото)</summary>
+                     <summary><i class="fas fa-upload"></i> Загрузить много фото на сайт</summary>
                      <div class="form-content">
-                         <label>Категория для новых фото:</label>
+                         <label>В какую папку добавить фото:</label>
                          <select id="bulk_category">
-                             <option value="Без категории">Без категории</option>
+                             <option value="Без категории">Без папки</option>
                              {% for category in categories %}
                              <option value="{{ category }}">{{ category }}</option>
                              {% endfor %}
                          </select>
                          
-                         <label style="margin-top: 15px;">Выберите фото (можно много без ограничений):</label>
+                         <label style="margin-top: 20px;">Выберите фото с телефона (можно выбрать сразу несколько):</label>
                          <input type="file" id="bulk_photos" accept="image/*" multiple onchange="handleBulkSelect(event)">
                          
-                         <div id="bulk_preview" style="display: flex; flex-wrap: wrap; gap: 15px; margin-top: 20px;"></div>
+                         <div id="bulk_preview" style="display: flex; flex-wrap: wrap; gap: 15px; margin-top: 25px;"></div>
                          
-                         <div id="progress_container" style="display:none; margin-top:25px;">
-                             <div style="width:100%; background:#eee; border-radius:12px; overflow:hidden;">
-                                 <div id="progress_bar" style="width:0%; height:24px; background:var(--accent); transition:width 0.2s;"></div>
+                         <div id="progress_container" style="display:none; margin-top:30px;">
+                             <div style="width:100%; background:#eee; border-radius:16px; overflow:hidden;">
+                                 <div id="progress_bar" style="width:0%; height:30px; background:var(--accent); transition:width 0.2s;"></div>
                              </div>
-                             <p id="progress_text" style="text-align:center; font-weight:bold; margin-top:8px;">0%</p>
+                             <p id="progress_text" style="text-align:center; font-weight:bold; margin-top:10px; font-size:1.2rem;">0%</p>
                          </div>
                          
-                         <button type="button" class="add-button" style="margin-top: 25px; width:100%; font-size:1.1rem; min-height:56px;" onclick="uploadBulk()"><i class="fas fa-upload"></i> Загрузить на сайт</button>
+                         <button type="button" class="add-button" style="margin-top: 30px; width:100%; font-size:1.2rem; min-height:65px;" onclick="uploadBulk()"><i class="fas fa-cloud-upload-alt"></i> Опубликовать фото на сайте</button>
                      </div>
                 </details>
 
-                <h3 style="margin-top: 40px; margin-bottom: 20px;">Список фото / товаров:</h3>
+                <h3 style="margin-top: 45px; margin-bottom: 25px;">Загруженные фотографии:</h3>
                 {% if paginated_products %}
                 <div class="item-list" id="admin-products-list">
                     {% for product in paginated_products %}
                     <div class="item">
-                        <div style="display: flex; gap: 20px; align-items: flex-start;">
-                             <input type="checkbox" class="bulk-delete-checkbox" value="{{ product.product_id }}" onchange="updateBulkDeleteFab()" style="margin-top: 35px;">
-                             <div class="photo-preview" style="flex-shrink: 0; display:flex; flex-wrap:wrap; max-width:200px;">
+                        <div style="display: flex; gap: 20px; align-items: flex-start; flex-direction:column;">
+                             <div style="display: flex; align-items: center; gap: 15px;">
+                                 <input type="checkbox" class="bulk-delete-checkbox" value="{{ product.product_id }}" onchange="updateBulkDeleteFab()">
+                                 <span style="font-weight:700; color:#555;">Отметить</span>
+                             </div>
+                             
+                             <div class="photo-preview" style="display:flex; flex-wrap:wrap; width: 100%;">
                                 {% if product.get('photos') %}
                                     {% for p in product['photos'] %}
                                     <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ p }}" alt="Фото">
                                     {% endfor %}
                                 {% else %}
-                                <img src="https://via.placeholder.com/90x90.png?text=Нет+фото" alt="Нет фото">
+                                <img src="https://via.placeholder.com/120x120.png?text=Нет+фото" alt="Нет фото">
                                 {% endif %}
                             </div>
-                            <div style="flex-grow: 1;">
-                                <p style="font-size: 1.05rem;"><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
-                                <p style="font-size: 1.05rem;"><strong>Цена:</strong> {% if product.get('price', 0) > 0 %}{{ "%.2f"|format(product.get('price', 0)) }} {{ currency_code }}{% else %}0{% endif %}</p>
+                            
+                            <div style="flex-grow: 1; width: 100%;">
+                                <p style="font-size: 1.15rem;"><strong>Папка:</strong> {{ product.get('category', 'Без папки') if product.get('category') != 'Без категории' else 'Без папки' }}</p>
+                                <p style="font-size: 1.25rem; color: var(--bg-medium);"><strong>Цена:</strong> {% if product.get('price', 0) > 0 %}{{ "%.2f"|format(product.get('price', 0)) }} {{ currency_code }}{% else %}0{% endif %}</p>
                             </div>
                         </div>
 
                         <div class="item-actions">
-                             <button type="button" class="button" onclick="toggleEditForm('edit-form-{{ product.product_id }}')"><i class="fas fa-edit"></i> Редактировать</button>
-                            <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" style="margin:0;" onsubmit="if(!confirm('Удалить товар?')) return false; showLoadingOverlay(); return true;">
+                             <button type="button" class="button" onclick="toggleEditForm('edit-form-{{ product.product_id }}')"><i class="fas fa-edit"></i> Изменить</button>
+                            <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" style="margin:0; width:100%;" onsubmit="if(!confirm('Точно удалить это фото/товар?')) return false; showLoadingOverlay(); return true;">
                                 <input type="hidden" name="action" value="delete_product">
                                 <input type="hidden" name="product_id" value="{{ product.get('product_id', '') }}">
-                                <button type="submit" class="delete-button button"><i class="fas fa-trash-alt"></i></button>
+                                <button type="submit" class="delete-button button"><i class="fas fa-trash-alt"></i> Удалить</button>
                             </form>
                         </div>
 
                         <div id="edit-form-{{ product.product_id }}" class="edit-form-container">
-                            <h4 style="margin-top: 0; font-size: 1.15rem;"><i class="fas fa-edit"></i> Редактирование товара</h4>
+                            <h4 style="margin-top: 0; font-size: 1.25rem;"><i class="fas fa-edit"></i> Изменение товара</h4>
                             <form method="POST" action="{{ url_for('admin', env_id=env_id, p=page) }}" enctype="multipart/form-data" onsubmit="showLoadingOverlay()">
                                 <input type="hidden" name="action" value="edit_product">
                                 <input type="hidden" name="product_id" value="{{ product.get('product_id', '') }}">
                                 
-                                <label>Цена:</label>
+                                <label>Новая цена:</label>
                                 <input type="number" name="price" step="0.01" value="{{ product.get('price', 0) }}">
                                 
-                                <label>Категория:</label>
+                                <label>Перенести в папку:</label>
                                 <select name="category">
-                                    <option value="Без категории">Без категории</option>
+                                    <option value="Без категории">Без папки</option>
                                     {% for category in categories %}
                                     <option value="{{ category }}" {% if product.get('category') == category %}selected{% endif %}>{{ category }}</option>
                                     {% endfor %}
                                 </select>
                                 
-                                <label>Заменить фотографии (удалит старые, можно выбрать несколько):</label>
+                                <label>Загрузить другие фото вместо старых:</label>
                                 <input type="file" name="photos" accept="image/*" multiple>
 
-                                <button type="submit" class="add-button" style="margin-top: 25px;"><i class="fas fa-save"></i> Сохранить</button>
+                                <button type="submit" class="add-button" style="margin-top: 25px;"><i class="fas fa-save"></i> Сохранить изменения</button>
                             </form>
                         </div>
                     </div>
@@ -1472,25 +1565,25 @@ ADMIN_TEMPLATE = '''
                 {% if total_pages > 1 %}
                 <div class="pagination">
                     {% if page > 1 %}
-                        <a href="{{ url_for('admin', env_id=env_id, p=page-1) }}" class="button">&laquo;</a>
+                        <a href="{{ url_for('admin', env_id=env_id, p=page-1) }}" class="button" style="padding:15px; min-width:auto;"><i class="fas fa-chevron-left"></i> Назад</a>
                     {% endif %}
                     
                     {% for p_num in range(1, total_pages + 1) %}
                         {% if p_num == 1 or p_num == total_pages or (p_num >= page - 2 and p_num <= page + 2) %}
-                            <a href="{{ url_for('admin', env_id=env_id, p=p_num) }}" class="button {% if p_num == page %}active{% endif %}" style="{% if p_num == page %}background-color: var(--accent); color: var(--text-dark);{% else %}background-color: var(--bg-medium); color: white;{% endif %}">{{ p_num }}</a>
+                            <a href="{{ url_for('admin', env_id=env_id, p=p_num) }}" class="button {% if p_num == page %}active{% endif %}" style="padding:15px; min-width:50px; {% if p_num == page %}background-color: var(--accent); color: var(--text-dark);{% else %}background-color: var(--bg-medium); color: white;{% endif %}">{{ p_num }}</a>
                         {% elif p_num == page - 3 or p_num == page + 3 %}
-                            <span style="padding: 10px; color: var(--bg-medium); font-weight: bold;">...</span>
+                            <span style="padding: 15px; color: var(--bg-medium); font-weight: bold; font-size:1.2rem;">...</span>
                         {% endif %}
                     {% endfor %}
                     
                     {% if page < total_pages %}
-                        <a href="{{ url_for('admin', env_id=env_id, p=page+1) }}" class="button">&raquo;</a>
+                        <a href="{{ url_for('admin', env_id=env_id, p=page+1) }}" class="button" style="padding:15px; min-width:auto;">Вперед <i class="fas fa-chevron-right"></i></a>
                     {% endif %}
                 </div>
                 {% endif %}
                 
                 {% else %}
-                <p style="font-size: 1.15rem; text-align: center; padding: 50px; color:#888;">Товаров пока нет.</p>
+                <p style="font-size: 1.25rem; text-align: center; padding: 50px; color:#888;">Фотографии пока не добавлены.</p>
                 {% endif %}
             </div>
         </div>
@@ -1500,12 +1593,12 @@ ADMIN_TEMPLATE = '''
             <div id="bulk-delete-inputs"></div>
         </form>
         
-        <button id="bulk-delete-fab" class="button delete-button" style="display:none; position:fixed; bottom:24px; left:24px; z-index:999; border-radius:30px; box-shadow:0 6px 20px rgba(0,0,0,0.3); font-size:1.1rem; padding:16px 28px;" type="button" onclick="submitBulkDelete()">
-            <i class="fas fa-trash-alt"></i> Удалить (<span id="bulk-delete-count">0</span>)
+        <button id="bulk-delete-fab" class="button delete-button" style="display:none; position:fixed; bottom:24px; left:24px; z-index:999; border-radius:24px; box-shadow:0 6px 20px rgba(0,0,0,0.4); font-size:1.2rem; padding:18px 30px;" type="button" onclick="submitBulkDelete()">
+            <i class="fas fa-trash-alt"></i> Удалить выбранное (<span id="bulk-delete-count">0</span>)
         </button>
 
-        <button id="carousel-fab" class="button" style="display:none; position:fixed; bottom:24px; right:24px; z-index:999; border-radius:30px; box-shadow:0 6px 20px rgba(0,0,0,0.3); font-size:1.1rem; padding:16px 28px; background-color: var(--bg-medium);" type="button" onclick="mergeCarousel()">
-            <i class="fas fa-object-group"></i> В карусель (<span id="carousel-count">0</span>)
+        <button id="carousel-fab" class="button" style="display:none; position:fixed; bottom:24px; right:24px; z-index:999; border-radius:24px; box-shadow:0 6px 20px rgba(0,0,0,0.4); font-size:1.2rem; padding:18px 30px; background-color: var(--bg-medium);" type="button" onclick="mergeCarousel()">
+            <i class="fas fa-object-group"></i> Объединить в группу (<span id="carousel-count">0</span>)
         </button>
 
         <script>
@@ -1530,16 +1623,16 @@ ADMIN_TEMPLATE = '''
                 bulkFiles.forEach(item => {
                     const div = document.createElement('div');
                     div.id = 'preview_div_' + item.id;
-                    div.style.cssText = 'border:1px solid #e0e0e0; border-radius:16px; padding:12px; text-align:center; position:relative; width:150px; background:#fff; box-shadow:0 4px 15px rgba(0,0,0,0.02);';
+                    div.style.cssText = 'border:2px solid #e0e0e0; border-radius:20px; padding:15px; text-align:center; position:relative; width:160px; background:#fff; box-shadow:0 4px 15px rgba(0,0,0,0.05);';
                     
-                    let badge = item.files.length > 1 ? `<div style="position:absolute;top:-8px;right:-8px;background:var(--accent);color:var(--text-dark);border-radius:12px;padding:4px 8px;font-size:0.8rem;font-weight:bold;box-shadow:0 2px 8px rgba(0,0,0,0.2);"><i class="fas fa-images"></i> ${item.files.length}</div>` : '';
+                    let badge = item.files.length > 1 ? `<div style="position:absolute;top:-10px;right:-10px;background:var(--accent);color:var(--text-dark);border-radius:12px;padding:6px 12px;font-size:1rem;font-weight:bold;box-shadow:0 2px 8px rgba(0,0,0,0.3);"><i class="fas fa-images"></i> ${item.files.length}</div>` : '';
                     
                     div.innerHTML = `
-                        <input type="checkbox" class="carousel-group-checkbox" value="${item.id}" style="position:absolute; top:8px; left:8px; z-index:10; width:22px; height:22px; cursor:pointer;" onchange="updateCarouselFab()">
+                        <input type="checkbox" class="carousel-group-checkbox" value="${item.id}" style="position:absolute; top:12px; left:12px; z-index:10; width:28px; height:28px; cursor:pointer;" onchange="updateCarouselFab()">
                         ${badge}
-                        <img src="${item.previewUrl}" style="width:100%; height:120px; object-fit:cover; border-radius:10px; margin-bottom:12px;">
-                        <input type="number" id="price_${item.id}" placeholder="Цена" value="0" style="width:100%; padding:10px; box-sizing:border-box; margin-bottom:12px; font-size:1rem; border:2px solid transparent; border-radius:10px; background:#f1f3f5; outline:none; transition:0.3s;" onfocus="this.style.background='#fff';this.style.borderColor='var(--accent)';" onblur="this.style.background='#f1f3f5';this.style.borderColor='transparent';">
-                        <button type="button" class="button delete-button" style="width:100%; padding:10px; margin:0; border:none; border-radius:10px; cursor:pointer; font-size:0.95rem; min-height:auto;" onclick="removeBulk('${item.id}')"><i class="fas fa-trash"></i> Удалить</button>
+                        <img src="${item.previewUrl}" style="width:100%; height:130px; object-fit:cover; border-radius:12px; margin-bottom:15px;">
+                        <input type="number" id="price_${item.id}" placeholder="Цена" value="0" style="width:100%; padding:12px; box-sizing:border-box; margin-bottom:15px; font-size:1.15rem; border:2px solid transparent; border-radius:12px; background:#f1f3f5; outline:none; transition:0.3s;" onfocus="this.style.background='#fff';this.style.borderColor='var(--accent)';" onblur="this.style.background='#f1f3f5';this.style.borderColor='transparent';">
+                        <button type="button" class="button delete-button" style="width:100%; padding:12px; margin:0; border:none; border-radius:12px; cursor:pointer; font-size:1.05rem; min-height:auto;" onclick="removeBulk('${item.id}')"><i class="fas fa-times"></i> Убрать</button>
                     `;
                     container.appendChild(div);
                 });
@@ -1612,7 +1705,7 @@ ADMIN_TEMPLATE = '''
             }
 
             async function uploadBulk() {
-                if(bulkFiles.length === 0) return alert('Сначала выберите фото!');
+                if(bulkFiles.length === 0) return alert('Пожалуйста, сначала выберите фото!');
                 const category = document.getElementById('bulk_category').value;
                 const formData = new FormData();
                 formData.append('action', 'bulk_add');
@@ -1622,7 +1715,7 @@ ADMIN_TEMPLATE = '''
                 document.getElementById('progress_container').style.display = 'block';
                 const btn = document.querySelector('button[onclick="uploadBulk()"]');
                 btn.disabled = true;
-                btn.innerText = "Подготовка файлов...";
+                btn.innerText = "Подготовка файлов, подождите...";
                 
                 for(let i=0; i<bulkFiles.length; i++) {
                     let item = bulkFiles[i];
@@ -1634,7 +1727,7 @@ ADMIN_TEMPLATE = '''
                     }
                 }
                 
-                btn.innerText = "Загрузка...";
+                btn.innerText = "Идет загрузка...";
                 
                 const xhr = new XMLHttpRequest();
                 xhr.open('POST', '{{ url_for("admin", env_id=env_id) }}', true);
@@ -1649,17 +1742,17 @@ ADMIN_TEMPLATE = '''
                     if (xhr.status === 200) {
                         window.location.reload();
                     } else {
-                        alert('Ошибка при загрузке.');
+                        alert('Произошла ошибка при загрузке.');
                         document.getElementById('progress_container').style.display = 'none';
                         btn.disabled = false;
-                        btn.innerHTML = '<i class="fas fa-upload"></i> Загрузить на сайт';
+                        btn.innerHTML = '<i class="fas fa-cloud-upload-alt"></i> Опубликовать фото на сайте';
                     }
                 };
                 xhr.onerror = function() {
-                    alert('Сетевая ошибка');
+                    alert('Сетевая ошибка. Проверьте интернет.');
                     document.getElementById('progress_container').style.display = 'none';
                     btn.disabled = false;
-                    btn.innerHTML = '<i class="fas fa-upload"></i> Загрузить на сайт';
+                    btn.innerHTML = '<i class="fas fa-cloud-upload-alt"></i> Опубликовать фото на сайте';
                 };
                 xhr.send(formData);
             }
@@ -1676,7 +1769,7 @@ ADMIN_TEMPLATE = '''
             }
 
             function submitBulkDelete() {
-                if(confirm('Точно удалить выбранные товары?')) {
+                if(confirm('Вы точно уверены, что хотите удалить эти товары/фото?')) {
                     const checked = document.querySelectorAll('.bulk-delete-checkbox:checked');
                     const container = document.getElementById('bulk-delete-inputs');
                     container.innerHTML = '';
@@ -1717,7 +1810,7 @@ ADMIN_TEMPLATE = '''
                         link.click();
                         document.body.removeChild(link);
                     })
-                    .catch(err => alert('Ошибка при скачивании QR-кода'));
+                    .catch(err => alert('Произошла ошибка при сохранении QR-кода'));
             }
         </script>
     </body>
@@ -1827,38 +1920,38 @@ ADMIN_ORDERS_TEMPLATE = '''
     <style>
         :root { --bg-light: #f4f6f9; --bg-medium: #135D66; --accent: #48D1CC; --accent-hover: #77E4D8; --text-dark: #333; --text-on-accent: #003C43; --danger: #E57373; --danger-hover: #EF5350; }
         * { box-sizing: border-box; }
-        body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-light); color: var(--text-dark); padding: 20px; line-height: 1.6; margin: 0; }
+        body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-light); color: var(--text-dark); padding: 20px; line-height: 1.6; margin: 0; font-size: 1.1rem; }
         .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 30px; border-radius: 24px; box-shadow: 0 10px 40px rgba(0,0,0,0.04); }
-        .header { padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
-        h1, h2 { font-weight: 600; color: var(--bg-medium); margin-bottom: 15px; }
+        .header { padding-bottom: 20px; margin-bottom: 25px; border-bottom: 2px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
+        h1, h2 { font-weight: 700; color: var(--bg-medium); margin-bottom: 15px; }
         h1 { font-size: 1.8rem; margin: 0; }
-        .button { padding: 12px 20px; border: none; border-radius: 14px; background-color: var(--accent); color: var(--text-on-accent); font-weight: 700; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; justify-content: center; min-height: 48px; }
+        .button { padding: 16px 20px; border: none; border-radius: 16px; background-color: var(--accent); color: var(--text-on-accent); font-weight: 700; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; justify-content: center; min-height: 56px; font-size: 1.15rem; }
         .button:hover { background-color: var(--accent-hover); }
         .button:active { transform: scale(0.98); }
-        .back-button { background-color: #6c757d; color: white; }
+        .back-button { background-color: #6c757d; color: white; width:100%;}
+        @media (min-width: 768px) { .back-button { width:auto; } }
         .back-button:hover { background-color: #5a6268; }
-        .delete-button { background-color: var(--danger); color: white; padding: 10px 14px; font-size: 0.95rem; min-height: 42px; }
+        .delete-button { background-color: var(--danger); color: white; padding: 12px 16px; font-size: 1.1rem; min-height: 50px; }
         .delete-button:hover { background-color: var(--danger-hover); }
-        .order-item { background: #fff; padding: 25px; border: 1px solid #f0f0f0; border-radius: 16px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: transform 0.2s; }
-        .order-item:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,0.06); }
-        .order-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; margin-bottom: 15px; }
-        .order-id { font-weight: 700; color: var(--bg-medium); font-size: 1.15rem; }
-        .order-date { color: #888; font-size: 0.95rem; margin-left: 10px;}
-        .customer-info p { margin: 5px 0; font-size: 1rem; }
+        .order-item { background: #fff; padding: 25px; border: 2px solid #f0f0f0; border-radius: 20px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: transform 0.2s; }
+        .order-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; border-bottom: 2px solid #f0f0f0; padding-bottom: 15px; margin-bottom: 15px; }
+        .order-id { font-weight: 700; color: var(--bg-medium); font-size: 1.25rem; }
+        .order-date { color: #888; font-size: 1.05rem; margin-left: 10px;}
+        .customer-info p { margin: 8px 0; font-size: 1.1rem; }
         .customer-info strong { color: var(--bg-medium); }
-        .order-details { margin-top: 20px; background: #f8f9fa; border: 1px solid #f0f0f0; border-radius: 14px; padding: 20px; }
-        .product-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px dashed #e0e0e0; font-size: 1.05rem; gap:15px; }
+        .order-details { margin-top: 25px; background: #f8f9fa; border: 2px solid #f0f0f0; border-radius: 16px; padding: 20px; }
+        .product-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px dashed #e0e0e0; font-size: 1.1rem; gap:15px; }
         .product-row:last-child { border-bottom: none; }
-        .order-total { text-align: right; font-weight: 700; color: var(--bg-medium); font-size: 1.3rem; margin-top: 20px; }
+        .order-total { text-align: right; font-weight: 700; color: var(--bg-medium); font-size: 1.4rem; margin-top: 20px; }
         .empty-state { text-align: center; padding: 60px 20px; color: #888; }
-        .empty-state i { font-size: 3.5rem; margin-bottom: 20px; color: #ddd; }
+        .empty-state i { font-size: 4rem; margin-bottom: 20px; color: #ddd; }
     </style>
 </head>
 <body>
     <div class="container">
         <div class="header">
             <h1><i class="fas fa-history"></i> История заказов</h1>
-            <a href="{{ url_for('admin', env_id=env_id) }}" class="button back-button"><i class="fas fa-arrow-left"></i> Назад</a>
+            <a href="{{ url_for('admin', env_id=env_id) }}" class="button back-button"><i class="fas fa-arrow-left"></i> Вернуться к настройкам</a>
         </div>
         {% if orders %}
             {% for order in orders %}
@@ -1868,8 +1961,8 @@ ADMIN_ORDERS_TEMPLATE = '''
                         <span class="order-id">Заказ #{{ order['id'] }}</span>
                         <span class="order-date">{{ order['date'] }}</span>
                     </div>
-                    <div style="display: flex; gap: 10px; align-items: center;">
-                        <a href="{{ url_for('order_invoice', env_id=env_id, order_id=order['id']) }}" target="_blank" class="button" style="padding: 10px 16px; font-size: 0.95rem; min-height: 42px;"><i class="fas fa-file-invoice"></i> Накладная</a>
+                    <div style="display: flex; gap: 10px; align-items: center; width:100%; justify-content:space-between; margin-top:10px;">
+                        <a href="{{ url_for('order_invoice', env_id=env_id, order_id=order['id']) }}" target="_blank" class="button" style="padding: 12px 20px; font-size: 1.1rem; min-height: 50px;"><i class="fas fa-file-invoice"></i> Накладная</a>
                         <form method="POST" action="{{ url_for('delete_order', env_id=env_id, order_id=order['id']) }}" style="margin: 0;" onsubmit="return confirm('Вы уверены, что хотите удалить этот заказ из истории?');">
                             <button type="submit" class="button delete-button"><i class="fas fa-trash-alt"></i></button>
                         </form>
@@ -1877,17 +1970,17 @@ ADMIN_ORDERS_TEMPLATE = '''
                 </div>
                 <div class="customer-info">
                     <p><strong>Покупатель:</strong> {{ order['customer_name'] }}</p>
-                    <p><strong>Телефон:</strong> <a href="tel:{{ order['customer_phone'] }}" style="color:var(--accent); font-weight:600; text-decoration:none;">{{ order['customer_phone'] }}</a></p>
+                    <p><strong>Телефон:</strong> <a href="tel:{{ order['customer_phone'] }}" style="color:var(--accent); font-weight:700; text-decoration:none;">{{ order['customer_phone'] }}</a></p>
                 </div>
                 <div class="order-details">
                     {% for pid, item in order['items'].items() %}
                     <div class="product-row">
                         {% if item['photo'] %}
-                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ item['photo'] }}" style="width:65px; height:65px; object-fit:cover; border-radius:10px;">
+                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ item['photo'] }}" style="width:75px; height:75px; object-fit:cover; border-radius:12px;">
                         {% else %}
-                        <div style="width:65px; height:65px; background:#e0e0e0; display:flex; align-items:center; justify-content:center; border-radius:10px; font-size:0.85rem; color:#888;">Фото</div>
+                        <div style="width:75px; height:75px; background:#e0e0e0; display:flex; align-items:center; justify-content:center; border-radius:12px; font-size:1rem; color:#888;">Фото</div>
                         {% endif %}
-                        <span style="flex-grow:1; font-weight:600;">{{ item['qty'] }} шт.</span>
+                        <span style="flex-grow:1; font-weight:700;">{{ item['qty'] }} шт.</span>
                         <span style="font-weight:700;">{{ "%.2f"|format(item['price']|float * item['qty']|int) }} {{ currency }}</span>
                     </div>
                     {% endfor %}
@@ -1900,7 +1993,7 @@ ADMIN_ORDERS_TEMPLATE = '''
         {% else %}
             <div class="empty-state">
                 <i class="fas fa-shopping-cart"></i>
-                <p style="font-size: 1.1rem;">История заказов пуста.</p>
+                <p style="font-size: 1.25rem;">История заказов пуста.</p>
             </div>
         {% endif %}
     </div>
@@ -2228,7 +2321,7 @@ def admin(env_id):
                         
                     data['products'] = new_products
                     save_env_data(env_id, data)
-                    flash(f"Удалено {len(product_ids)} товаров.", 'success')
+                    flash(f"Успешно удалено.", 'success')
 
             elif action == 'add_block':
                 b_type = request.form.get('block_type')
@@ -2272,7 +2365,7 @@ def admin(env_id):
                 })
                 data['blocks'] = blocks
                 save_env_data(env_id, data)
-                flash("Блок добавлен.", "success")
+                flash("Кнопка добавлена.", "success")
             
             elif action == 'edit_block':
                 b_id = request.form.get('block_id')
@@ -2327,7 +2420,7 @@ def admin(env_id):
                         break
                 data['blocks'] = blocks
                 save_env_data(env_id, data)
-                flash("Блок обновлен.", "success")
+                flash("Кнопка сохранена.", "success")
                 
             elif action == 'delete_block':
                 b_id = request.form.get('block_id')
@@ -2340,7 +2433,7 @@ def admin(env_id):
                     blocks = [b for b in blocks if b.get('id') != b_id]
                     data['blocks'] = blocks
                     save_env_data(env_id, data)
-                    flash("Блок удален.", "success")
+                    flash("Кнопка успешно удалена.", "success")
             
             elif action == 'move_block_up':
                 b_id = request.form.get('block_id')
@@ -2349,7 +2442,7 @@ def admin(env_id):
                     blocks[idx], blocks[idx-1] = blocks[idx-1], blocks[idx]
                     data['blocks'] = blocks
                     save_env_data(env_id, data)
-                    flash("Блок перемещен.", "success")
+                    flash("Порядок изменён.", "success")
             
             elif action == 'move_block_down':
                 b_id = request.form.get('block_id')
@@ -2358,7 +2451,7 @@ def admin(env_id):
                     blocks[idx], blocks[idx+1] = blocks[idx+1], blocks[idx]
                     data['blocks'] = blocks
                     save_env_data(env_id, data)
-                    flash("Блок перемещен.", "success")
+                    flash("Порядок изменён.", "success")
             
             elif action == 'add_category':
                 category_name = request.form.get('category_name', '').strip()
@@ -2366,11 +2459,11 @@ def admin(env_id):
                     categories.append(category_name)
                     data['categories'] = categories
                     save_env_data(env_id, data)
-                    flash(f"Категория добавлена.", 'success')
+                    flash(f"Папка успешно создана.", 'success')
                 elif not category_name:
-                     flash("Название категории пустое.", 'error')
+                     flash("Название папки не может быть пустым.", 'error')
                 else:
-                     flash(f"Категория уже существует.", 'error')
+                     flash(f"Такая папка уже существует.", 'error')
 
             elif action == 'delete_category':
                 category_to_delete = request.form.get('category_name')
@@ -2382,7 +2475,7 @@ def admin(env_id):
                     data['categories'] = categories
                     data['products'] = products
                     save_env_data(env_id, data)
-                    flash(f"Категория удалена.", 'success')
+                    flash(f"Папка удалена.", 'success')
             
             elif action == 'update_settings':
                 settings['admin_password_enabled'] = 'admin_password_enabled' in request.form
@@ -2421,7 +2514,7 @@ def admin(env_id):
                     except Exception: pass
                 data['settings'] = settings
                 save_env_data(env_id, data)
-                flash("Настройки обновлены.", 'success')
+                flash("Настройки успешно сохранены.", 'success')
 
             elif action == 'edit_product':
                 product_id = request.form.get('product_id')
@@ -2462,7 +2555,7 @@ def admin(env_id):
                     
                     data['products'] = products
                     save_env_data(env_id, data)
-                    flash("Обновлено.", 'success')
+                    flash("Товар изменён.", 'success')
 
             elif action == 'delete_product':
                 product_id = request.form.get('product_id')
@@ -2477,11 +2570,11 @@ def admin(env_id):
                         except Exception: pass
                     data['products'] = products
                     save_env_data(env_id, data)
-                    flash("Удалено.", 'success')
+                    flash("Товар удалён.", 'success')
             
             return redirect(url_for('admin', env_id=env_id, p=page))
         except Exception as e:
-             flash(f"Ошибка: {e}", 'error')
+             flash(f"Произошла ошибка: {e}", 'error')
              return redirect(url_for('admin', env_id=env_id, p=page))
 
     filtered_products = list(reversed(products))
@@ -2538,7 +2631,7 @@ def delete_order(env_id, order_id):
     orders = data.get('orders', [])
     data['orders'] = [o for o in orders if o.get('id') != order_id]
     save_env_data(env_id, data)
-    flash("Заказ удален из истории.", "success")
+    flash("Заказ успешно удален из истории.", "success")
     return redirect(url_for('admin_orders', env_id=env_id))
 
 if __name__ == '__main__':