diff --git "a/app.py" "b/app.py"
--- "a/app.py"
+++ "b/app.py"
@@ -1,5 +1,5 @@
 
-# -*- coding: utf-8 -*-
+
 from flask import Flask, render_template_string, request, redirect, url_for, session, send_file, flash
 import json
 import os
@@ -8,23 +8,16 @@ import threading
 import time
 from datetime import datetime
 from huggingface_hub import HfApi, hf_hub_download
-from huggingface_hub.utils import RepositoryNotFoundError, HfHubHTTPError # Import specific HF errors
+from huggingface_hub.utils import RepositoryNotFoundError
 from werkzeug.utils import secure_filename
 # Импортируем dotenv для загрузки переменных окружения из .env файла
 from dotenv import load_dotenv
 
 # Загружаем переменные окружения из файла .env (если он есть)
-# Убедитесь, что у вас есть файл .env в той же директории, что и этот скрипт
-# Пример .env файла:
-# HF_TOKEN="hf_YOUR_WRITE_TOKEN_HERE"
-# HF_TOKEN_READ="hf_YOUR_READ_TOKEN_HERE" # Может быть таким же или другим
 load_dotenv()
 
 app = Flask(__name__)
-# ВАЖНО: Замените 'your_unique_secret_key_soola_cosmetics_67890' на действительно случайную и секретную строку!
-# Можно сгенерировать, например, с помощью: import secrets; secrets.token_hex(16)
-app.secret_key = os.getenv('FLASK_SECRET_KEY', 'your_unique_secret_key_soola_cosmetics_67890') # Используем env переменную или дефолт
-
+app.secret_key = 'your_unique_secret_key_soola_cosmetics_67890'  # Новый уникальный секретный ключ
 DATA_FILE = 'data_soola.json'
 USERS_FILE = 'users_soola.json'
 
@@ -45,14 +38,8 @@ CURRENCY_CODE = 'KGS'
 CURRENCY_NAME = 'Кыргызский сом (с)'
 
 # Настройка логирования
-logging.basicConfig(
-    level=logging.INFO,
-    format='%(asctime)s - %(levelname)s - %(threadName)s - %(message)s',
-    handlers=[
-        logging.FileHandler("app_soola.log", encoding='utf-8'), # Лог в файл
-        logging.StreamHandler() # Лог в консоль
-    ]
-)
+# Уровни: DEBUG, INFO, WARNING, ERROR, CRITICAL
+logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
 
 # --- Функции работы с данными и пользователями ---
 
@@ -60,31 +47,50 @@ def load_data():
     """Загрузка данных о товарах и категориях."""
     try:
         # Попытка скачать актуальные данные перед чтением локальных
-        download_db_from_hf(specific_file=DATA_FILE) # Пытаемся скачать свежий файл
+        download_db_from_hf()
         with open(DATA_FILE, 'r', encoding='utf-8') as file:
             data = json.load(file)
-            logging.info(f"Данные успешно загружены из локального {DATA_FILE}")
+            logging.info(f"Данные успешно загружены из {DATA_FILE}")
             # Проверка базовой структуры
             if not isinstance(data, dict):
                  logging.warning(f"{DATA_FILE} не является словарем. Инициализация пустой структурой.")
                  return {'products': [], 'categories': []}
             if 'products' not in data:
-                logging.warning(f"Ключ 'products' отсутствует в {DATA_FILE}. Добавлен пустой список.")
                 data['products'] = []
             if 'categories' not in data:
-                logging.warning(f"Ключ 'categories' отсутствует в {DATA_FILE}. Добавлен пустой список.")
                 data['categories'] = []
             return data
     except FileNotFoundError:
-        logging.warning(f"Локальный файл {DATA_FILE} не найден после попытки скачивания. Создание пустой структуры.")
-        # Создаем пустой файл, если он все еще не существует
-        if not os.path.exists(DATA_FILE):
-             with open(DATA_FILE, 'w', encoding='utf-8') as f: json.dump({'products': [], 'categories': []}, f)
-             logging.info(f"Создан пустой файл {DATA_FILE}")
-        return {'products': [], 'categories': []}
+        logging.warning(f"Локальный файл {DATA_FILE} не найден. Попытка скачать с HF.")
+        try:
+            # download_db_from_hf() # Уже вызывали выше, избегаем повторного вызова при первой ошибке
+            # Если скачивание не удалось выше, пытаемся просто создать пустые файлы
+            if not os.path.exists(DATA_FILE):
+                with open(DATA_FILE, 'w', encoding='utf-8') as f: json.dump({'products': [], 'categories': []}, f)
+                logging.info(f"Создан пустой файл {DATA_FILE}")
+                return {'products': [], 'categories': []}
+            else: # Если файл появился после download_db_from_hf
+                 with open(DATA_FILE, 'r', encoding='utf-8') as file:
+                    data = json.load(file)
+                    logging.info(f"Данные успешно загружены из {DATA_FILE} после попытки скачивания.")
+                    if not isinstance(data, dict): return {'products': [], 'categories': []}
+                    if 'products' not in data: data['products'] = []
+                    if 'categories' not in data: data['categories'] = []
+                    return data
+        except (FileNotFoundError, RepositoryNotFoundError) as e: # Ловим ошибку репозитория при скачивании
+             logging.warning(f"Файл {DATA_FILE} не найден локально и ошибка при доступе к репозиторию HF ({e}). Создание пустой структуры.")
+             if not os.path.exists(DATA_FILE):
+                 with open(DATA_FILE, 'w', encoding='utf-8') as f: json.dump({'products': [], 'categories': []}, f)
+             return {'products': [], 'categories': []}
+        except json.JSONDecodeError:
+            logging.error(f"Ошибка декодирования JSON в {DATA_FILE} после попытки скачивания.")
+            return {'products': [], 'categories': []}
+        except Exception as e:
+            logging.error(f"Неизвестная ошибка при загрузке данных после попытки скачивания: {e}")
+            return {'products': [], 'categories': []}
     except json.JSONDecodeError:
         logging.error(f"Ошибка декодирования JSON в локальном {DATA_FILE}. Файл может быть поврежден. Возврат пустой структуры.")
-        # Попытка восстановить из бэкапа или создать пустой, если нужно
+        # Можно добавить логику восстановления из бэкапа или HF, если нужно
         return {'products': [], 'categories': []}
     except Exception as e:
         logging.error(f"Неизвестная ошибка при загрузке данных ({DATA_FILE}): {e}", exc_info=True)
@@ -94,35 +100,45 @@ def load_data():
 def save_data(data):
     """Сохранение данных о товарах и категориях."""
     try:
-        # Сортировка перед сохранением для консистентности
-        data.get('products', []).sort(key=lambda x: x.get('name', '').lower())
-        data.get('categories', []).sort()
         with open(DATA_FILE, 'w', encoding='utf-8') as file:
             json.dump(data, file, ensure_ascii=False, indent=4)
         logging.info(f"Данные успешно сохранены в {DATA_FILE}")
         # Загрузка на HF после сохранения (можно сделать опциональной)
-        # Вызываем в отдельном потоке, чтобы не блокировать основной запрос
-        upload_thread = threading.Thread(target=upload_db_to_hf, args=(DATA_FILE,), name="HFUploadDataThread")
-        upload_thread.start()
+        upload_db_to_hf(specific_file=DATA_FILE)
     except Exception as e:
         logging.error(f"Ошибка при сохранении данных в {DATA_FILE}: {e}", exc_info=True)
-        flash("Ошибка при сохранении данных. См. лог сервера.", "error")
-
+        # В реальном приложении можно добавить механизм повторной попытки или уведомления
+        # raise # Перевыброс исключения может остановить приложение, если не обработан выше
 
 def load_users():
     """Загрузка данных пользователей."""
     try:
-        download_db_from_hf(specific_file=USERS_FILE) # Пытаемся скачать свежий файл
+        # Опционально: скачать файл пользователей перед чтением
+        # download_db_from_hf(specific_file=USERS_FILE) # Раскомментировать, если нужно всегда свежие пользователи
         with open(USERS_FILE, 'r', encoding='utf-8') as file:
             users = json.load(file)
-            logging.info(f"Данные пользователей успешно загружены из локального {USERS_FILE}")
+            logging.info(f"Данные пользователей успешно загружены из {USERS_FILE}")
             return users if isinstance(users, dict) else {}
     except FileNotFoundError:
-        logging.warning(f"Локальный файл {USERS_FILE} не найден после попытки скачивания. Создание пустого файла.")
-        if not os.path.exists(USERS_FILE):
-            with open(USERS_FILE, 'w', encoding='utf-8') as f: json.dump({}, f)
-            logging.info(f"Создан пустой файл {USERS_FILE}")
-        return {}
+        logging.warning(f"Локальный файл {USERS_FILE} не найден. Попытка скачать с HF.")
+        try:
+            download_db_from_hf(specific_file=USERS_FILE) # Явный вызов для файла пользователей
+            # Повторная попытка чтения после скачивания
+            with open(USERS_FILE, 'r', encoding='utf-8') as file:
+                 users = json.load(file)
+                 logging.info(f"Данные пользователей загружены из {USERS_FILE} после скачивания.")
+                 return users if isinstance(users, dict) else {}
+        except (FileNotFoundError, RepositoryNotFoundError):
+             logging.warning(f"Файл {USERS_FILE} не найден локально и в репозитории HF. Создание пустого файла.")
+             # Создаем пустой файл, если его нет
+             with open(USERS_FILE, 'w', encoding='utf-8') as f: json.dump({}, f)
+             return {}
+        except json.JSONDecodeError:
+             logging.error(f"Ошибка декодирования JSON в {USERS_FILE} после скачивания.")
+             return {}
+        except Exception as e:
+             logging.error(f"Неизвестная ошибка при загрузке пользователей после скачивания: {e}", exc_info=True)
+             return {}
     except json.JSONDecodeError:
         logging.error(f"Ошибка декодирования JSON в локальном {USERS_FILE}. Файл может быть поврежден. Возврат пустого словаря.")
         return {}
@@ -133,37 +149,26 @@ def load_users():
 def save_users(users):
     """Сохранение данных пользователей."""
     try:
-        # Сортировка пользователей по логину для консистентности
-        sorted_users = dict(sorted(users.items()))
         with open(USERS_FILE, 'w', encoding='utf-8') as file:
-            json.dump(sorted_users, file, ensure_ascii=False, indent=4)
+            json.dump(users, file, ensure_ascii=False, indent=4)
         logging.info(f"Данные пользователей успешно сохранены в {USERS_FILE}")
         # Загрузка на HF после сохранения
-        upload_thread = threading.Thread(target=upload_db_to_hf, args=(USERS_FILE,), name="HFUploadUsersThread")
-        upload_thread.start()
+        upload_db_to_hf(specific_file=USERS_FILE)
     except Exception as e:
         logging.error(f"Ошибка при сохранении данных пользователей в {USERS_FILE}: {e}", exc_info=True)
-        flash("Ошибка при сохранении данных пользователей. См. лог сервера.", "error")
 
 # --- Функции синхронизации с Hugging Face ---
 
-# Используем Lock для предотвращения одновременной записи/чтения во время синхронизации, если нужно
-# hf_lock = threading.Lock() # Раскомментировать, если возникают проблемы с гонкой состояний
-
 def upload_db_to_hf(specific_file=None):
     """Загрузка файлов данных на Hugging Face.
        Если specific_file указан, загружает только его.
     """
     if not HF_TOKEN_WRITE:
         logging.warning("Переменная окружения HF_TOKEN (для записи) не установлена. Загрузка на Hugging Face пропущена.")
-        return False # Возвращаем статус неудачи
-
-    files_to_upload = [specific_file] if specific_file else SYNC_FILES
-    success = True # Флаг общего успеха
-
-    # with hf_lock: # Раскомментировать, если используется блокировка
+        return
     try:
         api = HfApi()
+        files_to_upload = [specific_file] if specific_file else SYNC_FILES
         logging.info(f"Начало загрузки файлов {files_to_upload} на HF репозиторий {REPO_ID}...")
 
         for file_name in files_to_upload:
@@ -180,27 +185,30 @@ def upload_db_to_hf(specific_file=None):
                     logging.info(f"Файл {file_name} успешно загружен на Hugging Face.")
                 except Exception as e:
                      logging.error(f"Ошибка при загрузке файла {file_name} на Hugging Face: {e}")
-                     success = False # Отмечаем неудачу, если хоть один файл не загрузился
                      # Продолжаем пытаться загрузить другие файлы
             else:
                 logging.warning(f"Файл {file_name} не найден локально, пропуск загрузки.")
-                success = False # Считаем это тоже неполным успехом
         logging.info("Загрузка файлов на HF завершена.")
-        return success
     except Exception as e:
         logging.error(f"Общая ошибка при инициализации или загрузке на Hugging Face: {e}", exc_info=True)
-        return False
 
 def download_db_from_hf(specific_file=None):
     """Скачивание файлов данных с Hugging Face.
        Если specific_file указан, скачивает только его.
-       Возвращает True, если хотя бы один файл был успешно скачан, иначе False.
     """
+    if not HF_TOKEN_READ:
+        # Можно использовать и без токена для публичных репозиториев, но лучше предупредить
+        logging.warning("Переменная окружения HF_TOKEN_READ не установлена. Попытка скачивания с Hugging Face без токена (может не сработать для приватных репо).")
+        # Не выходим, пытаемся скачать анонимно
+
     files_to_download = [specific_file] if specific_file else SYNC_FILES
     logging.info(f"Начало скачивания файлов {files_to_download} с HF репозитория {REPO_ID}...")
     downloaded_files_count = 0
-    # with hf_lock: # Раскомментировать, если используется блокировка
     try:
+        # HfApi() не нужен для hf_hub_download, но можно использовать для проверки существования репо
+        # api = HfApi()
+        # api.dataset_info(repo_id=REPO_ID, token=HF_TOKEN_READ) # Проверка доступности репо
+
         for file_name in files_to_download:
             try:
                 # Скачиваем в текущую директорию, перезаписывая существующие файлы
@@ -208,48 +216,37 @@ def download_db_from_hf(specific_file=None):
                     repo_id=REPO_ID,
                     filename=file_name,
                     repo_type="dataset",
-                    token=HF_TOKEN_READ, # Передаем токен, если он есть (может быть None)
-                    local_dir=".", # Скачиваем в текущую директорию
-                    local_dir_use_symlinks=False, # Избегаем символических ссылок
-                    force_download=True, # Принудительно скачивать свежую версию
-                    resume_download=False # Отключаем возобновление для простоты
+                    token=HF_TOKEN_READ, # Передаем токен, если он есть
+                    local_dir=".",
+                    local_dir_use_symlinks=False,
+                    force_download=True # Принудительно скачивать свежую версию
                 )
-                # Переименовываем скачанный файл из кеша в нужное место
-                # hf_hub_download возвращает путь в кеше, нужно скопировать/переместить
-                if os.path.exists(local_path):
-                    os.replace(local_path, file_name) # Перемещаем с заменой
-                    logging.info(f"Файл {file_name} успешно скачан из Hugging Face и сохранен как {file_name}.")
-                    downloaded_files_count += 1
-                else:
-                    logging.error(f"hf_hub_download вернул путь {local_path}, но файл не найден.")
-
-            except HfHubHTTPError as e:
-                # Проверяем, является ли ошибка 'Not Found' для конкретного файла
-                if e.response.status_code == 404:
-                     logging.warning(f"Файл {file_name} не найден в репозитории {REPO_ID}. Пропуск скачивания этого файла.")
-                else:
-                    logging.error(f"HTTP ошибка при скачивании файла {file_name} с Hugging Face: {e}", exc_info=True)
+                logging.info(f"Файл {file_name} успешно скачан из Hugging Face в {local_path}.")
+                downloaded_files_count += 1
             except RepositoryNotFoundError:
                  logging.error(f"Репозиторий {REPO_ID} не найден на Hugging Face. Скачивание прервано.")
                  break # Прерываем цикл, если репозиторий не найден
-            except Exception as e:
-                # Логируем другие ошибки
-                logging.error(f"Общая ошибка при скачивании файла {file_name} с Hugging Face: {e}", exc_info=True)
-
-        logging.info(f"Скачивание файлов с HF завершено. Успешно скачано: {downloaded_files_count}/{len(files_to_download)}.")
-        return downloaded_files_count > 0 # Успех, если хоть что-то скачали
-
+            except Exception as e: # Ловим исключения для каждого файла отдельно
+                # Проверяем, является ли ошибка 'Not Found' для конкретного файла
+                # hf_hub_download часто возвращает HTTPError или FileNotFoundError внутри
+                if "404" in str(e) or isinstance(e, FileNotFoundError):
+                     logging.warning(f"Файл {file_name} не найден в репозитории {REPO_ID} или ошибка доступа. Пропуск скачивания этого файла.")
+                else:
+                    # Логируем другие, возможно, более серьезные ошибки
+                    logging.error(f"Ошибка при скачивании файла {file_name} с Hugging Face: {e}", exc_info=True)
+        logging.info(f"Скачивание файлов с HF завершено. Скачано файлов: {downloaded_files_count}/{len(files_to_download)}.")
     except RepositoryNotFoundError:
+        # Эта ошибка ловится и выше, но может возникнуть при первой проверке репо, если раскомментировать
         logging.error(f"Репозиторий {REPO_ID} не найден на Hugging Face. Скачивание не выполнено.")
-        return False
     except Exception as e:
-        logging.error(f"Критическая ошибка при попытке скачивания с Hugging Face: {e}", exc_info=True)
-        return False
+        # Общая ошибка, если не удалось даже инициализировать Api() или что-то глобальное
+        logging.error(f"Общая ошибка при попытке скачивания с Hugging Face: {e}", exc_info=True)
+        # Не прерываем работу приложения, будем использовать локальные файлы, если они есть
 
 
 def periodic_backup():
     """Периодическая загрузка данных на HF."""
-    backup_interval = 1800 # 30 минут = 1800 секунд
+    backup_interval = 1800 # 30 минут
     logging.info(f"Настройка периодического резервного копирования каждые {backup_interval} секунд.")
     while True:
         time.sleep(backup_interval)
@@ -257,177 +254,151 @@ def periodic_backup():
         upload_db_to_hf() # Загружает все SYNC_FILES
         logging.info("Периодическое резервное копирование завершено.")
 
-# --- HTML Шаблоны ---
 
-CATALOG_TEMPLATE = '''
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Soola Cosmetics - Каталог</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
-    <style>
-        /* Общие стили */
-        * { margin: 0; padding: 0; box-sizing: border-box; }
-        body { font-family: 'Poppins', sans-serif; background: #f0f9f4; color: #2d332f; line-height: 1.6; transition: background 0.3s, color 0.3s; font-weight: 400; }
-        body.dark-mode { background: #1a2b26; color: #c8d8d3; }
-        .container { max-width: 1300px; margin: 0 auto; padding: 20px; }
-        .header { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #d1e7dd; margin-bottom: 20px; }
-        body.dark-mode .header { border-bottom-color: #2c4a41; }
-        .header h1 { font-size: 1.8rem; font-weight: 600; color: #1C6758; user-select: none; } /* Логотип Soola - Темно-зеленый */
-        body.dark-mode .header h1 { color: #55a683; }
-        .auth-links { display: flex; gap: 15px; align-items: center; }
-        .auth-links a { color: #3D8361; text-decoration: none; font-weight: 500; transition: color 0.2s; } /* Ссылки - Средне-зеленый */
-        .auth-links a:hover { text-decoration: underline; color: #1C6758; }
-        body.dark-mode .auth-links a { color: #7bc0a0; } /* Ссылки в темной теме */
-        body.dark-mode .auth-links a:hover { color: #a3d4be; }
-        .auth-links span { font-weight: 500; }
-        body.dark-mode .auth-links span { color: #b0c8c1;}
-        .theme-toggle { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #7a8d85; transition: color 0.3s ease; margin-left: 10px; }
-        .theme-toggle:hover { color: #3D8361; }
-        body.dark-mode .theme-toggle { color: #8aa39a; }
-        body.dark-mode .theme-toggle:hover { color: #55a683; }
-        .store-address { padding: 12px 20px; text-align: center; background-color: #ffffff; margin: 0 0 20px 0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); font-size: 1rem; color: #44524c; border: 1px solid #e1f0e9; }
-        body.dark-mode .store-address { background-color: #253f37; color: #b0c8c1; border-color: #2c4a41; }
-
-        /* Фильтры и поиск */
-        .controls-container { display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px; }
-        .filters-container { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
-        .search-container { text-align: center; }
-        #search-input { width: 100%; max-width: 600px; padding: 12px 18px; font-size: 1rem; border: 1px solid #d1e7dd; border-radius: 25px; outline: none; box-shadow: 0 2px 5px rgba(0,0,0,0.05); transition: all 0.3s ease; }
-        body.dark-mode #search-input { background-color: #253f37; border-color: #2c4a41; color: #c8d8d3; }
-        #search-input:focus { border-color: #1C6758; box-shadow: 0 0 0 3px rgba(28, 103, 88, 0.2); } /* Фокус - темно-зеленый */
-        body.dark-mode #search-input:focus { border-color: #3D8361; box-shadow: 0 0 0 3px rgba(61, 131, 97, 0.3); } /* Фокус в темной теме */
-        .category-filter { padding: 8px 16px; border: 1px solid #d1e7dd; border-radius: 20px; background-color: #fff; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-size: 0.9rem; font-weight: 500; color: #1C6758; user-select: none; } /* Цвет текста кнопки фильтра */
-        body.dark-mode .category-filter { background-color: #253f37; border-color: #2c4a41; color: #97b7ae; }
-        .category-filter.active, .category-filter:hover { background-color: #1C6758; color: white; border-color: #1C6758; box-shadow: 0 2px 10px rgba(28, 103, 88, 0.3); transform: translateY(-1px); } /* Активный/ховер фильтр - темно-зеленый */
-        body.dark-mode .category-filter.active, body.dark-mode .category-filter:hover { background-color: #3D8361; border-color: #3D8361; color: #1a2b26; box-shadow: 0 2px 10px rgba(61, 131, 97, 0.4); } /* Активный/ховер в темной теме */
-
-        /* Сетка товаров */
-        .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; padding: 10px 0; }
-        @media (min-width: 600px) { .products-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }
-        .product { background: #fff; border-radius: 15px; padding: 0; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 100%; border: 1px solid #e1f0e9;}
-        body.dark-mode .product { background: #253f37; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); border-color: #2c4a41; }
-        .product:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); }
-        body.dark-mode .product:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); }
-        .product-image { width: 100%; aspect-ratio: 1 / 1; background-color: #fff; border-radius: 10px 10px 0 0; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 0; padding: 10px; /* Добавим паддинг */}
-        .product-image img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s ease; }
-        .product-image img:hover { transform: scale(1.08); }
-        .product-info { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; text-align: center; }
-        .product h2 { font-size: 1.05rem; font-weight: 600; margin: 0 0 8px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #2d332f; }
-        body.dark-mode .product h2 { color: #c8d8d3; }
-        .product-price { font-size: 1.15rem; color: #1C6758; font-weight: 700; margin: 5px 0; } /* Цена - темно-зеленая */
-        body.dark-mode .product-price { color: #55a683; } /* Цена в темной теме */
-        .product-description { font-size: 0.85rem; color: #7a8d85; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 2.5em; /* примерно 2 строки */ }
-        body.dark-mode .product-description { color: #8aa39a; }
-        .product-actions { padding: 0 15px 15px 15px; display: flex; flex-direction: column; gap: 8px; }
-        .product-button { display: block; width: 100%; padding: 10px; border: none; border-radius: 8px; background-color: #1C6758; color: white; font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-align: center; text-decoration: none; } /* Кнопка - темно-зеленая */
-        .product-button:hover { background-color: #164B41; box-shadow: 0 4px 15px rgba(22, 75, 65, 0.4); transform: translateY(-2px); } /* Ховер кнопки - еще темнее зеленый */
-        .product-button:active { transform: translateY(0); }
-        .product-button i { margin-right: 6px; }
-        .product-button.add-to-cart { background-color: #38a169; } /* Зеленый для корзины */
-        .product-button.add-to-cart:hover { background-color: #2f855a; box-shadow: 0 4px 15px rgba(47, 133, 90, 0.4); }
-
-        /* Стили корзины */
-        #cart-button { position: fixed; bottom: 25px; right: 25px; background-color: #1C6758; color: white; border: none; border-radius: 50%; width: 55px; height: 55px; font-size: 1.5rem; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(28, 103, 88, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; } /* Плавающая кнопка - темно-зеленая */
-         #cart-button:hover { transform: scale(1.05); background-color: #164B41; }
-         #cart-button .fa-shopping-cart { margin-right: 0; }
-         #cart-count { position: absolute; top: -5px; right: -5px; background-color: #e53e3e; color: white; border-radius: 50%; padding: 2px 6px; font-size: 0.7rem; font-weight: bold; line-height: 1; min-width: 18px; text-align: center; } /* Счетчик - красный */
-
-        /* Модальные окна */
-        .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); overflow-y: auto; }
-        .modal-content { background: #f8fcfb; margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); animation: slideIn 0.3s ease-out; position: relative; }
-        body.dark-mode .modal-content { background: #253f37; color: #c8d8d3; }
-        @keyframes slideIn { from { transform: translateY(-30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
-        .modal .close { position: absolute; top: 15px; right: 15px; font-size: 1.8rem; color: #aaa; cursor: pointer; transition: color 0.3s; line-height: 1; background: none; border: none; padding: 0 5px;}
-        .modal .close:hover { color: #333; }
-        body.dark-mode .modal .close { color: #7a8d85; }
-        body.dark-mode .modal .close:hover { color: #b0c8c1; }
-        .modal-content h2 { margin-top: 0; margin-bottom: 20px; color: #1C6758; display: flex; align-items: center; gap: 10px; font-size: 1.4rem;} /* Заголовок модалки - темно-зеленый */
-        body.dark-mode .modal-content h2 { color: #55a683; } /* Заголовок модалки в темной теме */
-        .cart-item { display: grid; grid-template-columns: auto 1fr auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #d1e7dd; }
-        body.dark-mode .cart-item { border-bottom-color: #2c4a41; }
-         .cart-item:last-child { border-bottom: none; }
-        .cart-item img { width: 60px; height: 60px; object-fit: contain; border-radius: 8px; background-color: #fff; padding: 5px; grid-column: 1; }
-         .cart-item-details { grid-column: 2; font-size: 0.95rem; }
-         .cart-item-details strong { display: block; margin-bottom: 5px; font-weight: 500; }
-         .cart-item-price { font-size: 0.9rem; color: #44524c; }
-         body.dark-mode .cart-item-price { color: #8aa39a; }
-         .cart-item-total { font-weight: bold; text-align: right; grid-column: 3; white-space: nowrap; }
-         .cart-item-remove { grid-column: 4; background:none; border:none; color:#f56565; cursor:pointer; font-size: 1.3em; padding: 5px; line-height: 1; } /* Удаление - красный */
-         .cart-item-remove:hover { color: #c53030; }
-        .quantity-input, .color-select { width: 100%; max-width: 180px; padding: 10px; border: 1px solid #d1e7dd; border-radius: 8px; font-size: 1rem; margin: 10px 0 15px 0; box-sizing: border-box; }
-         body.dark-mode .quantity-input, body.dark-mode .color-select { background-color: #1a2b26; border-color: #2c4a41; color: #c8d8d3; }
-         .modal-content label { font-weight: 500; margin-bottom: 5px; display: block; }
-        .cart-summary { margin-top: 20px; text-align: right; border-top: 1px solid #d1e7dd; padding-top: 15px; }
-        body.dark-mode .cart-summary { border-top-color: #2c4a41; }
-        .cart-summary strong { font-size: 1.2rem; }
-        .cart-actions { margin-top: 25px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
-         .cart-actions .product-button { width: auto; flex-grow: 1; padding: 12px 15px; font-size: 1rem; } /* Кнопки растягиваются */
-        .clear-cart { background-color: #7a8d85; } /* Кнопка очистки - серо-зеленый */
-        .clear-cart:hover { background-color: #5e6e68; box-shadow: 0 4px 15px rgba(94, 110, 104, 0.4); }
-        .order-button { background-color: #25D366; } /* Кнопка WhatsApp - фирменный зеленый */
-        .order-button:hover { background-color: #1DAE54; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4); }
-
-        /* Уведомления и сообщения */
-        #notification-placeholder { position: fixed; bottom: 90px; /* Выше кнопки корзины */ left: 50%; transform: translateX(-50%); z-index: 1002; width: 90%; max-width: 400px; pointer-events: none; }
-        .notification { background-color: rgba(45, 51, 47, 0.9); /* Полупрозрачный темный */ color: white; padding: 12px 20px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); opacity: 0; transition: opacity 0.5s ease, transform 0.5s ease; font-size: 0.9rem; margin-top: 10px; transform: translateY(20px); pointer-events: auto; text-align: center; backdrop-filter: blur(3px); }
-        body.dark-mode .notification { background-color: rgba(200, 216, 211, 0.9); color: #1a2b26; }
-        .notification.show { opacity: 1; transform: translateY(0); }
-        .no-results-message { grid-column: 1 / -1; text-align: center; padding: 40px 20px; font-size: 1.1rem; color: #5e6e68; }
-        body.dark-mode .no-results-message { color: #8aa39a; }
-
-        /* Стили для Swiper в модальном окне */
-        #productModal .swiper-container { max-width: 450px; margin: 0 auto 20px; border-radius: 10px; overflow: hidden; background-color: #fff; }
-        #productModal .swiper-wrapper { align-items: center; } /* Центрируем слайды вертикально */
-        #productModal .swiper-slide { display: flex; justify-content: center; align-items: center; padding: 10px; aspect-ratio: 1 / 1; } /* Делаем слайд квадратным */
-        #productModal .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; }
-        #productModal .swiper-slide img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; margin: auto; cursor: grab; }
-        #productModal .swiper-pagination { position: relative; bottom: 5px; margin-top: 10px; }
-        #productModal .swiper-pagination-bullet { background-color: #3D8361; opacity: 0.6; }
-        #productModal .swiper-pagination-bullet-active { background-color: #1C6758; opacity: 1; }
-        #productModal .swiper-button-next, #productModal .swiper-button-prev { color: #1C6758; transition: color 0.2s; }
-        #productModal .swiper-button-next:hover, #productModal .swiper-button-prev:hover { color: #164B41; }
-        body.dark-mode #productModal .swiper-container { background-color: #2c4a41; }
-        body.dark-mode #productModal .swiper-pagination-bullet { background-color: #7bc0a0; }
-        body.dark-mode #productModal .swiper-pagination-bullet-active { background-color: #a3d4be; }
-        body.dark-mode #productModal .swiper-button-next, body.dark-mode #productModal .swiper-button-prev { color: #a3d4be; }
-        body.dark-mode #productModal .swiper-button-next:hover, body.dark-mode #productModal .swiper-button-prev:hover { color: #c8d8d3; }
-        #productModal .product-details { margin-top: 20px; font-size: 1rem; line-height: 1.7; text-align: left; }
-        #productModal .product-details p { margin-bottom: 10px; }
-        #productModal .product-details strong { font-weight: 600; color: #164B41; margin-right: 5px; }
-        body.dark-mode #productModal .product-details strong { color: #7bc0a0; }
-        #productModal .product-details .price { font-size: 1.2rem; font-weight: bold; color: #1C6758; }
-        body.dark-mode #productModal .product-details .price { color: #55a683; }
-        #productModal .product-details .login-link { color: #3D8361; text-decoration: underline; }
-        body.dark-mode #productModal .product-details .login-link { color: #7bc0a0; }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <header class="header">
-            <h1>Soola Cosmetics</h1>
-            <div class="auth-links">
-                {% if is_authenticated %}
+# --- Маршруты Flask ---
+
+@app.route('/')
+def catalog():
+    """Главная страница каталога товаров."""
+    data = load_data()
+    products = data.get('products', [])
+    categories = data.get('categories', [])
+    is_authenticated = 'user' in session
+
+    # Уб��раем артефакты {/**/} из HTML шаблона
+    catalog_html = '''
+    <!DOCTYPE html>
+    <html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Soola Cosmetics - Каталог</title>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
+        <style>
+            /* Общие стили */
+            * { margin: 0; padding: 0; box-sizing: border-box; }
+            body { font-family: 'Poppins', sans-serif; background: #f0f9f4; color: #2d332f; line-height: 1.6; transition: background 0.3s, color 0.3s; }
+            body.dark-mode { background: #1a2b26; color: #c8d8d3; }
+            .container { max-width: 1300px; margin: 0 auto; padding: 20px; }
+            .header { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #d1e7dd; }
+            body.dark-mode .header { border-bottom-color: #2c4a41; }
+            .header h1 { font-size: 1.8rem; font-weight: 600; color: #1C6758; } /* Логотип Soola - Темно-зеленый */
+            .auth-links { display: flex; gap: 15px; align-items: center; }
+            .auth-links a { color: #3D8361; text-decoration: none; font-weight: 500; } /* Ссылки - Средне-зеленый */
+            .auth-links a:hover { text-decoration: underline; }
+            body.dark-mode .auth-links a { color: #55a683; } /* Ссылки в темной теме */
+            .auth-links span { font-weight: 500; }
+            body.dark-mode .auth-links span { color: #b0c8c1;}
+            .theme-toggle { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #7a8d85; transition: color 0.3s ease; }
+            .theme-toggle:hover { color: #3D8361; }
+            body.dark-mode .theme-toggle { color: #8aa39a; }
+            body.dark-mode .theme-toggle:hover { color: #55a683; }
+            .store-address { padding: 15px; text-align: center; background-color: #ffffff; margin: 20px 0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); font-size: 1rem; color: #44524c; }
+            body.dark-mode .store-address { background-color: #253f37; color: #b0c8c1; }
+
+            /* Фильтры и поиск */
+            .filters-container { margin: 20px 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
+            .search-container { margin: 20px 0; text-align: center; }
+            #search-input { width: 90%; max-width: 600px; padding: 12px 18px; font-size: 1rem; border: 1px solid #d1e7dd; border-radius: 25px; outline: none; box-shadow: 0 2px 5px rgba(0,0,0,0.05); transition: all 0.3s ease; }
+            body.dark-mode #search-input { background-color: #253f37; border-color: #2c4a41; color: #c8d8d3; }
+            #search-input:focus { border-color: #1C6758; box-shadow: 0 0 0 3px rgba(28, 103, 88, 0.2); } /* Фокус - темно-зеленый */
+            body.dark-mode #search-input:focus { border-color: #3D8361; box-shadow: 0 0 0 3px rgba(61, 131, 97, 0.3); } /* Фокус в темной теме */
+            .category-filter { padding: 8px 16px; border: 1px solid #d1e7dd; border-radius: 20px; background-color: #fff; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-size: 0.9rem; font-weight: 400; color: #1C6758; } /* Цвет текста кнопки фильтра */
+            body.dark-mode .category-filter { background-color: #253f37; border-color: #2c4a41; color: #97b7ae; }
+            .category-filter.active, .category-filter:hover { background-color: #1C6758; color: white; border-color: #1C6758; box-shadow: 0 2px 10px rgba(28, 103, 88, 0.3); } /* Активный/ховер фильтр - темно-зеленый */
+            body.dark-mode .category-filter.active, body.dark-mode .category-filter:hover { background-color: #3D8361; border-color: #3D8361; color: #1a2b26; box-shadow: 0 2px 10px rgba(61, 131, 97, 0.4); } /* Активный/ховер в темной теме */
+
+            /* Сетка товаров */
+            .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; padding: 10px; }
+            @media (min-width: 600px) { .products-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } }
+            .product { background: #fff; border-radius: 15px; padding: 0; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 100%; border: 1px solid #e1f0e9;}
+            body.dark-mode .product { background: #253f37; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); border-color: #2c4a41; }
+            .product:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); }
+            body.dark-mode .product:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); }
+            .product-image { width: 100%; aspect-ratio: 1 / 1; background-color: #fff; border-radius: 10px 10px 0 0; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 0; }
+            .product-image img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s ease; }
+            .product-image img:hover { transform: scale(1.08); }
+            .product-info { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
+            .product h2 { font-size: 1.1rem; font-weight: 600; margin: 0 0 8px 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #2d332f; }
+            body.dark-mode .product h2 { color: #c8d8d3; }
+            .product-price { font-size: 1.2rem; color: #1C6758; font-weight: 700; text-align: center; margin: 5px 0; } /* Цена - темно-зеленая */
+            body.dark-mode .product-price { color: #55a683; } /* Цена в темной теме */
+            .product-description { font-size: 0.85rem; color: #7a8d85; text-align: center; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+            body.dark-mode .product-description { color: #8aa39a; }
+            .product-actions { padding: 0 15px 15px 15px; display: flex; flex-direction: column; gap: 8px; }
+            .product-button { display: block; width: 100%; padding: 10px; border: none; border-radius: 8px; background-color: #1C6758; color: white; font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-align: center; text-decoration: none; } /* Кнопка - темно-зеленая */
+            .product-button:hover { background-color: #164B41; box-shadow: 0 4px 15px rgba(22, 75, 65, 0.4); transform: translateY(-2px); } /* Ховер кнопки - еще темнее зеленый */
+            .product-button i { margin-right: 5px; }
+
+            /* Стили корзины */
+            .add-to-cart { background-color: #38a169; } /* Зеленый для корзины (можно оставить) */
+            .add-to-cart:hover { background-color: #2f855a; box-shadow: 0 4px 15px rgba(47, 133, 90, 0.4); }
+            #cart-button { position: fixed; bottom: 25px; right: 25px; background-color: #1C6758; color: white; border: none; border-radius: 50%; width: 55px; height: 55px; font-size: 1.5rem; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(28, 103, 88, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; } /* Плавающая кнопка - темно-зеленая */
+             #cart-button .fa-shopping-cart { margin-right: 0; }
+             #cart-button span { position: absolute; top: -5px; right: -5px; background-color: #38a169; color: white; border-radius: 50%; padding: 2px 6px; font-size: 0.7rem; font-weight: bold; } /* Счетчик остается зеленым */
+
+            /* Модальные окна */
+            .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); overflow-y: auto; }
+            .modal-content { background: #f8fcfb; margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); animation: slideIn 0.3s ease-out; position: relative; }
+            body.dark-mode .modal-content { background: #253f37; color: #c8d8d3; }
+            @keyframes slideIn { from { transform: translateY(-30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
+            .close { position: absolute; top: 15px; right: 15px; font-size: 1.8rem; color: #aaa; cursor: pointer; transition: color 0.3s; line-height: 1; }
+            .close:hover { color: #333; }
+            body.dark-mode .close { color: #7a8d85; }
+            body.dark-mode .close:hover { color: #b0c8c1; }
+            .modal-content h2 { margin-top: 0; margin-bottom: 20px; color: #1C6758; display: flex; align-items: center; gap: 10px;} /* Заголовок модалки - темно-зеленый */
+             body.dark-mode .modal-content h2 { color: #55a683; } /* Заголовок модалки в темной теме */
+            .cart-item { display: grid; grid-template-columns: auto 1fr auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #d1e7dd; }
+            body.dark-mode .cart-item { border-bottom-color: #2c4a41; }
+             .cart-item:last-child { border-bottom: none; }
+            .cart-item img { width: 60px; height: 60px; object-fit: contain; border-radius: 8px; background-color: #fff; padding: 5px; grid-column: 1; }
+             .cart-item-details { grid-column: 2; }
+             .cart-item-details strong { display: block; margin-bottom: 5px; }
+             .cart-item-price { font-size: 0.9rem; color: #44524c; }
+             body.dark-mode .cart-item-price { color: #8aa39a; }
+             .cart-item-total { font-weight: bold; text-align: right; grid-column: 3; }
+             .cart-item-remove { grid-column: 4; background:none; border:none; color:#f56565; cursor:pointer; font-size: 1.3em; padding: 5px; line-height: 1; } /* Удаление - красный */
+             .cart-item-remove:hover { color: #c53030; }
+            .quantity-input, .color-select { width: 100%; max-width: 180px; padding: 10px; border: 1px solid #d1e7dd; border-radius: 8px; font-size: 1rem; margin: 10px 0; box-sizing: border-box; }
+             body.dark-mode .quantity-input, body.dark-mode .color-select { background-color: #1a2b26; border-color: #2c4a41; color: #c8d8d3; }
+            .cart-summary { margin-top: 20px; text-align: right; border-top: 1px solid #d1e7dd; padding-top: 15px; }
+            body.dark-mode .cart-summary { border-top-color: #2c4a41; }
+            .cart-summary strong { font-size: 1.2rem; }
+            .cart-actions { margin-top: 25px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
+             .cart-actions .product-button { width: auto; flex-grow: 1; } /* Кнопки растягиваются */
+            .clear-cart { background-color: #7a8d85; } /* Кнопка очистки - серо-зеленый */
+            .clear-cart:hover { background-color: #5e6e68; box-shadow: 0 4px 15px rgba(94, 110, 104, 0.4); }
+            .order-button { background-color: #38a169; } /* Кнопка заказа остается ярко-зеленой */
+            .order-button:hover { background-color: #2f855a; box-shadow: 0 4px 15px rgba(47, 133, 90, 0.4); }
+
+            /* Уведомления и сообщения */
+            .notification { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background-color: #38a169; color: white; padding: 10px 20px; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 1002; opacity: 0; transition: opacity 0.5s ease; font-size: 0.9rem;} /* Уведомление - ярко-зеленое */
+            .notification.show { opacity: 1;}
+            .no-results-message { grid-column: 1 / -1; text-align: center; padding: 40px; font-size: 1.1rem; color: #5e6e68; }
+            body.dark-mode .no-results-message { color: #8aa39a; }
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <div class="header">
+                <h1>Soola Cosmetics</h1>
+                <div class="auth-links">
+                    {% if is_authenticated %}
                     <span>Привет, {{ session.get('user_info', {}).get('first_name', session['user']) }}!</span>
-                    <a href="{{ url_for('admin') }}" title="Админ-панель"><i class="fas fa-cogs"></i></a>
                     <a href="{{ url_for('logout') }}">Выйти</a>
-                {% else %}
+                    {% else %}
                     <a href="{{ url_for('login') }}">Войти</a>
-                    {# <a href="{{ url_for('register') }}">Регистрация</a> #} {# Добавить, если будет регистрация #}
-                {% endif %}
+                    {% endif %}
+                </div>
                 <button class="theme-toggle" onclick="toggleTheme()" aria-label="Переключить тему">
                     <i class="fas fa-moon"></i>
                 </button>
             </div>
-        </header>
 
-        <div class="store-address"><i class="fas fa-map-marker-alt" style="margin-right: 5px; color: #3D8361;"></i>Наш адрес: {{ store_address }}</div>
+            <div class="store-address">Наш адрес: {{ store_address }}</div>
 
-        <div class="controls-container">
             <div class="filters-container">
                 <button class="category-filter active" data-category="all">Все категории</button>
                 {% for category in categories %}
@@ -436,712 +407,594 @@ CATALOG_TEMPLATE = '''
             </div>
 
             <div class="search-container">
-                <input type="text" id="search-input" placeholder="Поиск по названию или описанию..." aria-label="Поиск товаров">
+                <input type="text" id="search-input" placeholder="Поиск по названию или описанию...">
             </div>
-        </div>
 
-        <div class="products-grid" id="products-grid">
-            {% for product in products %}
-            <div class="product"
-                 data-name="{{ product['name']|lower }}"
-                 data-description="{{ product.get('description', '')|lower }}"
-                 data-category="{{ product.get('category', 'Без категории') }}">
-                <div class="product-image">
-                    {% if product.get('photos') and product['photos']|length > 0 %}
-                        {# Используем правильный URL для Hugging Face Datasets #}
-                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}"
-                             alt="{{ product['name'] }}"
-                             loading="lazy"
-                             onerror="this.onerror=null; this.src='https://via.placeholder.com/250x250.png?text=Error+Loading';" >
-                    {% else %}
-                        <img src="https://via.placeholder.com/250x250.png?text=No+Image" alt="No Image" loading="lazy">
-                    {% endif %}
-                </div>
-                <div class="product-info">
-                    <h2>{{ product['name'] }}</h2>
-                    {% if is_authenticated %}
-                    <div class="product-price">{{ "%.2f"|format(product['price']) }} {{ currency_code }}</div>
-                    {% else %}
-                    <div class="product-price" style="font-size: 0.9rem; color: #7a8d85;">Цена доступна после входа</div>
-                    {% endif %}
-                    <p class="product-description">{{ product.get('description', '') }}</p>
-                </div>
-                <div class="product-actions">
-                    <button class="product-button" onclick="openModal({{ loop.index0 }})"><i class="fas fa-info-circle"></i> Подробнее</button>
-                    {% if is_authenticated %}
-                    <button class="product-button add-to-cart" onclick="openQuantityModal({{ loop.index0 }})">
-                       <i class="fas fa-cart-plus"></i> В корзину
-                    </button>
-                    {% endif %}
+            <div class="products-grid" id="products-grid">
+                {% for product in products %}
+                <div class="product"
+                     data-name="{{ product['name']|lower }}"
+                     data-description="{{ product.get('description', '')|lower }}"
+                     data-category="{{ product.get('category', 'Без категории') }}">
+                    <div class="product-image">
+                        {% if product.get('photos') and product['photos']|length > 0 %}
+                            <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}"
+                                 alt="{{ product['name'] }}"
+                                 loading="lazy">
+                        {% else %}
+                            <img src="https://via.placeholder.com/250x250.png?text=No+Image" alt="No Image" loading="lazy">
+                        {% endif %}
+                    </div>
+                    <div class="product-info">
+                        <h2>{{ product['name'] }}</h2>
+                        {% if is_authenticated %}
+                        <div class="product-price">{{ "%.2f"|format(product['price']) }} {{ currency_code }}</div>
+                        {% else %}
+                        <div class="product-price">Цена доступна после входа</div>
+                        {% endif %}
+                        <p class="product-description">{{ product.get('description', '')[:50] }}{% if product.get('description', '')|length > 50 %}...{% endif %}</p>
+                    </div>
+                    <div class="product-actions">
+                        <button class="product-button" onclick="openModal({{ loop.index0 }})">Подробнее</button>
+                        {% if is_authenticated %}
+                        <button class="product-button add-to-cart" onclick="openQuantityModal({{ loop.index0 }})">
+                           <i class="fas fa-cart-plus"></i> В корзину
+                        </button>
+                        {% endif %}
+                    </div>
                 </div>
+                {% endfor %}
+                 {# Сообщение, если нет товаров ПОСЛЕ фильтрации, будет добавлено через JS #}
+                 {% if not products %}
+                 <p class="no-results-message">Товары пока не добавлены.</p>
+                 {% endif %}
             </div>
-            {% endfor %}
-             {# Сообщение, если нет товаров ПОСЛЕ фильтрации, будет добавлено через JS #}
-             {% if not products %}
-             <p class="no-results-message">Товары пока не добавлены.</p>
-             {% endif %}
         </div>
-    </div>
 
-    <!-- Product Modal -->
-    <div id="productModal" class="modal" onclick="closeModalIfOutside(event, 'productModal')">
-        <div class="modal-content">
-            <button class="close" onclick="closeModal('productModal')" aria-label="Закрыть">&times;</button>
-            <div id="modalContent">
-                <p style="text-align:center; padding: 40px;">Загрузка...</p>
+        <!-- Product Modal -->
+        <div id="productModal" class="modal">
+            <div class="modal-content">
+                <span class="close" onclick="closeModal('productModal')" aria-label="Закрыть">×</span>
+                <div id="modalContent">Загрузка...</div>
             </div>
         </div>
-    </div>
 
-    <!-- Quantity and Color Modal -->
-    <div id="quantityModal" class="modal" onclick="closeModalIfOutside(event, 'quantityModal')">
-        <div class="modal-content">
-            <button class="close" onclick="closeModal('quantityModal')" aria-label="Закрыть">&times;</button>
-            <h2><i class="fas fa-shopping-basket" style="margin-right: 5px;"></i>Укажите детали</h2>
-            <label for="quantityInput">Количество:</label>
-            <input type="number" id="quantityInput" class="quantity-input" min="1" value="1">
-            <label for="colorSelect" style="display: none;">Цвет/Вариант:</label>
-            <select id="colorSelect" class="color-select" style="display: none;"></select>
-            <button class="product-button add-to-cart" onclick="confirmAddToCart()" style="width: 100%; margin-top: 15px;"><i class="fas fa-check"></i> Добавить в корзину</button>
+        <!-- Quantity and Color Modal -->
+        <div id="quantityModal" class="modal">
+            <div class="modal-content">
+                <span class="close" onclick="closeModal('quantityModal')" aria-label="Закрыть">×</span>
+                <h2>Укажите количество и цвет</h2>
+                <label for="quantityInput">Количество:</label>
+                <input type="number" id="quantityInput" class="quantity-input" min="1" value="1">
+                <label for="colorSelect">Цвет/Вариант:</label>
+                <select id="colorSelect" class="color-select"></select>
+                <button class="product-button add-to-cart" onclick="confirmAddToCart()"><i class="fas fa-check"></i> Добавить в корзину</button>
+            </div>
         </div>
-    </div>
 
-    <!-- Cart Modal -->
-    <div id="cartModal" class="modal" onclick="closeModalIfOutside(event, 'cartModal')">
-        <div class="modal-content">
-            <button class="close" onclick="closeModal('cartModal')" aria-label="Закрыть">&times;</button>
-            <h2><i class="fas fa-shopping-cart"></i> Ваша корзина</h2>
-            <div id="cartContent"><p style="text-align: center; padding: 20px;">Ваша корзина пуста.</p></div>
-            <div class="cart-summary">
-                <strong>Итого: <span id="cartTotal">0.00</span> {{ currency_code }}</strong>
-            </div>
-            <div class="cart-actions">
-                <button class="product-button clear-cart" onclick="clearCart()">
-                   <i class="fas fa-trash"></i> Очистить корзину
-                </button>
-                <button class="product-button order-button" onclick="orderViaWhatsApp()">
-                   <i class="fab fa-whatsapp"></i> Заказать WhatsApp
-                </button>
+        <!-- Cart Modal -->
+        <div id="cartModal" class="modal">
+            <div class="modal-content">
+                <span class="close" onclick="closeModal('cartModal')" aria-label="Закрыть">×</span>
+                <h2><i class="fas fa-shopping-cart"></i> Ваша корзина</h2>
+                <div id="cartContent"><p style="text-align: center; padding: 20px;">Ваша корзина пуста.</p></div>
+                <div class="cart-summary">
+                    <strong>Итого: <span id="cartTotal">0.00</span> {{ currency_code }}</strong>
+                </div>
+                <div class="cart-actions">
+                    <button class="product-button clear-cart" onclick="clearCart()">
+                       <i class="fas fa-trash"></i> Очистить корзину
+                    </button>
+                    <button class="product-button order-button" onclick="orderViaWhatsApp()">
+                       <i class="fab fa-whatsapp"></i> Заказать через WhatsApp
+                    </button>
+                </div>
             </div>
         </div>
-    </div>
 
-    <!-- Cart Floating Button -->
-    <button id="cart-button" onclick="openCartModal()" aria-label="Открыть корзину">
-       <i class="fas fa-shopping-cart"></i>
-       <span id="cart-count">0</span>
-    </button>
-
-    <!-- Notification Placeholder -->
-    <div id="notification-placeholder"></div>
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"></script>
-    <script>
-        // --- Global Variables ---
-        const products = {{ products|tojson }};
-        const repoId = '{{ repo_id }}';
-        const currencyCode = '{{ currency_code }}';
-        const isAuthenticated = {{ is_authenticated|tojson }};
-        let selectedProductIndex = null;
-        let cart = JSON.parse(localStorage.getItem('soolaCart') || '[]');
-        let notificationTimeout; // Для удаления таймера уведомлений
-
-        // --- Theme ---
-        function toggleTheme() {
-            document.body.classList.toggle('dark-mode');
-            const icon = document.querySelector('.theme-toggle i');
-            const isDarkMode = document.body.classList.contains('dark-mode');
-            icon.classList.toggle('fa-moon', !isDarkMode);
-            icon.classList.toggle('fa-sun', isDarkMode);
-            localStorage.setItem('soolaTheme', isDarkMode ? 'dark' : 'light');
-        }
-
-        function applyInitialTheme() {
-            const savedTheme = localStorage.getItem('soolaTheme');
-            if (savedTheme === 'dark') {
-                document.body.classList.add('dark-mode');
+        <!-- Cart Floating Button -->
+        <button id="cart-button" onclick="openCartModal()" aria-label="Открыть корзину">
+           <i class="fas fa-shopping-cart"></i>
+           <span id="cart-count">0</span>
+        </button>
+
+        <!-- Notification Placeholder -->
+        <div id="notification-placeholder"></div>
+
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"></script>
+        <script>
+            // --- Global Variables ---
+            const products = {{ products|tojson }};
+            const repoId = '{{ repo_id }}';
+            const currencyCode = '{{ currency_code }}';
+            const isAuthenticated = {{ is_authenticated|tojson }};
+            let selectedProductIndex = null;
+            let cart = JSON.parse(localStorage.getItem('soolaCart') || '[]');
+
+            // --- Theme ---
+            function toggleTheme() {
+                document.body.classList.toggle('dark-mode');
                 const icon = document.querySelector('.theme-toggle i');
-                if (icon) icon.classList.replace('fa-moon', 'fa-sun');
-            } else {
-                 // Убедимся, что иконка по умолчанию - луна
-                 const icon = document.querySelector('.theme-toggle i');
-                 if (icon) icon.classList.replace('fa-sun', 'fa-moon');
+                const isDarkMode = document.body.classList.contains('dark-mode');
+                icon.classList.toggle('fa-moon', !isDarkMode);
+                icon.classList.toggle('fa-sun', isDarkMode);
+                localStorage.setItem('soolaTheme', isDarkMode ? 'dark' : 'light');
             }
-        }
-
-        // --- Auto Login ---
-        function attemptAutoLogin() {
-            const storedUser = localStorage.getItem('soolaUser');
-            // Только если в localStorage есть юзер, а в сессии нет
-            if (storedUser && !isAuthenticated) {
-                console.log('Attempting auto-login for:', storedUser);
-                fetch('/auto_login', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
-                    body: JSON.stringify({ login: storedUser })
-                })
-                .then(response => {
-                    if (response.ok) {
-                        console.log('Auto-login successful, reloading...');
-                        window.location.reload(); // Перезагрузка для обновления состояния сессии
-                    } else {
-                         // Не удалось автоматически войти, удаляем невалидный ключ
-                        response.text().then(text => console.log(`Auto-login failed: ${response.status} ${text}`));
+
+            function applyInitialTheme() {
+                const savedTheme = localStorage.getItem('soolaTheme');
+                if (savedTheme === 'dark') {
+                    document.body.classList.add('dark-mode');
+                    const icon = document.querySelector('.theme-toggle i');
+                    if (icon) icon.classList.replace('fa-moon', 'fa-sun');
+                }
+            }
+
+            // --- Auto Login ---
+            function attemptAutoLogin() {
+                const storedUser = localStorage.getItem('soolaUser');
+                if (storedUser && !isAuthenticated) {
+                    console.log('Attempting auto-login for:', storedUser);
+                    fetch('/auto_login', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ login: storedUser })
+                    })
+                    .then(response => {
+                        if (response.ok) {
+                            console.log('Auto-login successful, reloading...');
+                            window.location.reload();
+                        } else {
+                            response.text().then(text => console.log(`Auto-login failed: ${response.status} ${text}`));
+                            localStorage.removeItem('soolaUser');
+                        }
+                    })
+                    .catch(error => {
+                        console.error('Auto-login fetch error:', error);
                         localStorage.removeItem('soolaUser');
-                    }
-                })
-                .catch(error => {
-                    console.error('Auto-login fetch error:', error);
-                    localStorage.removeItem('soolaUser'); // Удаляем ключ при ошибке сети
-                });
+                    });
+                }
             }
-        }
 
-        // --- Modals ---
-        function openModal(indexOrId) {
-             let modalId;
-             let modal;
+            // --- Modals ---
+            function openModal(index) {
+                loadProductDetails(index);
+                const modal = document.getElementById('productModal');
+                if (modal) {
+                    modal.style.display = "block";
+                    document.body.style.overflow = 'hidden';
+                }
+            }
 
-             if (typeof indexOrId === 'number') { // Product modal by index
-                 modalId = 'productModal';
-                 modal = document.getElementById(modalId);
+            function closeModal(modalId) {
+                const modal = document.getElementById(modalId);
                  if (modal) {
-                     loadProductDetails(indexOrId);
+                     modal.style.display = "none";
                  }
-             } else { // Other modals by ID
-                 modalId = indexOrId;
-                 modal = document.getElementById(modalId);
-             }
-
-             if (modal) {
-                 modal.style.display = "block";
-                 // Небольшая задержка перед добавлением класса для анимации
-                 setTimeout(() => modal.classList.add('show'), 10);
-                 document.body.style.overflow = 'hidden'; // Блокируем прокрутку фона
-             } else {
-                 console.error(`Modal with ID ${modalId} not found.`);
-             }
-        }
-
-        function closeModal(modalId) {
-            const modal = document.getElementById(modalId);
-             if (modal) {
-                 modal.classList.remove('show'); // Для анимации исчезновения, если она есть
-                 modal.style.display = "none";
-             }
-             // Проверяем, остались ли открытые модальные окна
-             const anyModalOpen = document.querySelector('.modal[style*="display: block"]');
-             if (!anyModalOpen) {
-                document.body.style.overflow = 'auto'; // Восстанавливаем прокрутку
-             }
-        }
+                 const anyModalOpen = document.querySelector('.modal[style*="display: block"]');
+                 if (!anyModalOpen) {
+                    document.body.style.overflow = 'auto';
+                 }
+            }
 
-        // Закрытие модалки при клике вне контента
-        function closeModalIfOutside(event, modalId) {
-            const modal = document.getElementById(modalId);
-            if (event.target === modal) {
-                closeModal(modalId);
+            function loadProductDetails(index) {
+                const modalContent = document.getElementById('modalContent');
+                if (!modalContent) return;
+                modalContent.innerHTML = '<p style="text-align:center; padding: 40px;">Загрузка...</p>';
+                fetch('/product/' + index)
+                    .then(response => {
+                        if (!response.ok) throw new Error(`Ошибка ${response.status}: ${response.statusText}`);
+                        return response.text();
+                    })
+                    .then(data => {
+                        modalContent.innerHTML = data;
+                        initializeSwiper();
+                    })
+                    .catch(error => {
+                        console.error('Ошибка загрузки деталей продукта:', error);
+                        modalContent.innerHTML = `<p style="color: red; text-align:center; padding: 40px;">Не удалось загрузить информацию о товаре. ${error.message}</p>`;
+                    });
             }
-        }
-
-        function loadProductDetails(index) {
-            const modalContent = document.getElementById('modalContent');
-            if (!modalContent) return;
-            modalContent.innerHTML = '<p style="text-align:center; padding: 40px;"><i class="fas fa-spinner fa-spin"></i> Загрузка...</p>'; // Индикатор загрузки
-            fetch('/product/' + index)
-                .then(response => {
-                    if (!response.ok) throw new Error(`Ошибка ${response.status}: ${response.statusText}`);
-                    return response.text(); // Получаем HTML как текст
-                })
-                .then(htmlData => {
-                    modalContent.innerHTML = htmlData;
-                    initializeSwiper(); // Инициализируем Swiper после загрузки контента
-                })
-                .catch(error => {
-                    console.error('Ошибка загрузки деталей продукта:', error);
-                    modalContent.innerHTML = `<p style="color: red; text-align:center; padding: 40px;">Не удалось загрузить информацию о товаре. ${error.message}</p>`;
-                });
-        }
-
-        function initializeSwiper() {
-            // Ищем контейнер Swiper внутри *только что обновленного* #modalContent
-            const swiperContainer = document.querySelector('#modalContent .swiper-container');
-            if (swiperContainer) {
-                // Проверяем, нет ли уже инициализированного Swiper на этом элементе
-                if (swiperContainer.swiper) {
-                    swiperContainer.swiper.destroy(true, true); // Уничтожаем старый экземпляр
+
+            function initializeSwiper() {
+                const swiperContainer = document.querySelector('#productModal .swiper-container');
+                if (swiperContainer) {
+                    new Swiper(swiperContainer, {
+                        slidesPerView: 1,
+                        spaceBetween: 20,
+                        loop: true,
+                        grabCursor: true,
+                        pagination: { el: '.swiper-pagination', clickable: true },
+                        navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },
+                        zoom: { maxRatio: 3, containerClass: 'swiper-zoom-container' },
+                        autoplay: { delay: 5000, disableOnInteraction: true, }, // Автопрокрутка
+                    });
                 }
-                new Swiper(swiperContainer, {
-                    slidesPerView: 1,
-                    spaceBetween: 20,
-                    loop: swiperContainer.querySelectorAll('.swiper-slide').length > 1, // Цикл только если больше 1 слайда
-                    grabCursor: true,
-                    pagination: {
-                        el: '.swiper-pagination',
-                        clickable: true,
-                        type: 'bullets', // Стандартные точки
-                    },
-                    navigation: {
-                        nextEl: '.swiper-button-next',
-                        prevEl: '.swiper-button-prev',
-                    },
-                    zoom: { // Включаем зум
-                         maxRatio: 3,
-                         containerClass: 'swiper-zoom-container', // Класс для контейнера зума
-                     },
-                    autoplay: { // Автопрокрутка
-                        delay: 5000,
-                        disableOnInteraction: true, // Останавливать при взаимодействии
-                    },
-                     keyboard: { // Управление с клавиатуры
-                         enabled: true,
-                     },
-                     preloadImages: false, // Не предзагружать все сразу
-                     lazy: true, // Ленивая загрузка, если добавить класс swiper-lazy к img
-                });
-            }
-        }
-
-        // --- Cart Logic ---
-        function openQuantityModal(index) {
-            if (!isAuthenticated) {
-                showNotification('Пожалуйста, войдите, чтобы добавить товар.', 4000, true); // isError=true
-                // Можно добавить редирект на логин: setTimeout(() => window.location.href = '/login', 1500);
-                return;
-            }
-            selectedProductIndex = index;
-            const product = products[index];
-            if (!product) {
-                console.error("Product not found for index:", index);
-                showNotification("Ошибка: товар не найден.", 3000, true);
-                return;
             }
 
-            const quantityInput = document.getElementById('quantityInput');
-            const colorSelect = document.getElementById('colorSelect');
-            const colorLabel = document.querySelector('#quantityModal label[for="colorSelect"]');
+            // --- Cart Logic ---
+            function openQuantityModal(index) {
+                if (!isAuthenticated) {
+                    alert('Пожалуйста, войдите в систему, чтобы добавить товар в корзину.');
+                    window.location.href = '/login';
+                    return;
+                }
+                selectedProductIndex = index;
+                const product = products[index];
+                if (!product) {
+                    console.error("Product not found for index:", index);
+                    alert("Ошибка: товар не найден.");
+                    return;
+                }
 
-            if (!quantityInput || !colorSelect || !colorLabel) {
-                 console.error("Элементы модального окна количества не найдены");
-                 return;
+                const colorSelect = document.getElementById('colorSelect');
+                const colorLabel = document.querySelector('label[for="colorSelect"]');
+                colorSelect.innerHTML = ''; // Clear previous options
+
+                const validColors = product.colors ? product.colors.filter(c => c && c.trim() !== "") : [];
+
+                if (validColors.length > 0) {
+                    validColors.forEach(color => {
+                         const option = document.createElement('option');
+                         option.value = color.trim();
+                         option.text = color.trim();
+                         colorSelect.appendChild(option);
+                    });
+                    colorSelect.style.display = 'block';
+                    if(colorLabel) colorLabel.style.display = 'block';
+                } else {
+                    colorSelect.style.display = 'none';
+                    if(colorLabel) colorLabel.style.display = 'none';
+                }
+
+                document.getElementById('quantityInput').value = 1;
+                const modal = document.getElementById('quantityModal');
+                 if(modal) {
+                    modal.style.display = 'block';
+                    document.body.style.overflow = 'hidden';
+                 }
             }
 
-            quantityInput.value = 1; // Сбрасываем количество
-            colorSelect.innerHTML = ''; // Очищаем опции цвета
+            function confirmAddToCart() {
+                if (selectedProductIndex === null) return;
 
-            const validColors = product.colors ? product.colors.filter(c => c && c.trim() !== "") : [];
+                const quantityInput = document.getElementById('quantityInput');
+                const quantity = parseInt(quantityInput.value);
+                const colorSelect = document.getElementById('colorSelect');
+                const color = colorSelect.style.display !== 'none' && colorSelect.value ? colorSelect.value : 'N/A';
 
-            if (validColors.length > 0) {
-                validColors.forEach(color => {
-                     const option = document.createElement('option');
-                     option.value = color.trim();
-                     option.text = color.trim();
-                     colorSelect.appendChild(option);
-                });
-                colorSelect.style.display = 'block';
-                colorLabel.style.display = 'block';
-            } else {
-                colorSelect.style.display = 'none';
-                colorLabel.style.display = 'none';
-            }
+                if (isNaN(quantity) || quantity <= 0) {
+                    alert("Пожалуйста, укажите корректное количество (больше 0).");
+                    quantityInput.focus();
+                    return;
+                }
 
-            openModal('quantityModal'); // Открываем модальное окно по ID
-        }
+                const product = products[selectedProductIndex];
+                 if (!product) {
+                    alert("Ошибка добавления: товар не найден.");
+                    return;
+                 }
 
-        function confirmAddToCart() {
-            if (selectedProductIndex === null) return;
+                const cartItemId = `${product.name}-${color}`;
+                const existingItemIndex = cart.findIndex(item => item.id === cartItemId);
 
-            const quantityInput = document.getElementById('quantityInput');
-            const quantity = parseInt(quantityInput.value);
-            const colorSelect = document.getElementById('colorSelect');
-            const color = colorSelect.style.display !== 'none' && colorSelect.value ? colorSelect.value : 'N/A';
+                if (existingItemIndex > -1) {
+                    cart[existingItemIndex].quantity += quantity;
+                } else {
+                    cart.push({
+                        id: cartItemId,
+                        name: product.name,
+                        price: product.price,
+                        photo: product.photos && product.photos.length > 0 ? product.photos[0] : null,
+                        quantity: quantity,
+                        color: color
+                    });
+                }
 
-            if (isNaN(quantity) || quantity <= 0) {
-                showNotification("Укажите количество больше 0.", 3000, true);
-                quantityInput.focus();
-                return;
+                localStorage.setItem('soolaCart', JSON.stringify(cart));
+                closeModal('quantityModal');
+                updateCartButton();
+                showNotification(`${product.name} добавлен в корзину!`);
             }
 
-            const product = products[selectedProductIndex];
-             if (!product) {
-                showNotification("Ошибка добавления: товар не найден.", 3000, true);
-                return;
-             }
+            function updateCartButton() {
+                 const cartCountElement = document.getElementById('cart-count');
+                 const cartButton = document.getElementById('cart-button');
+                 if (!cartCountElement || !cartButton) return;
 
-            // Используем комбинацию ID товара (если он есть) или имени и цвета для уникальности
-            const productId = product.id || product.name; // Предположим, у товара может быть ID
-            const cartItemId = `${productId}-${color}`;
-            const existingItemIndex = cart.findIndex(item => item.id === cartItemId);
-
-            if (existingItemIndex > -1) {
-                // Увеличиваем количество существующего товара
-                cart[existingItemIndex].quantity += quantity;
-            } else {
-                // Добавляем новый товар в корзину
-                cart.push({
-                    id: cartItemId, // Уникальный ID для элемента корзины
-                    productId: productId, // Ссылка на ID продукта (если есть)
-                    name: product.name,
-                    price: product.price,
-                    photo: product.photos && product.photos.length > 0 ? product.photos[0] : null,
-                    quantity: quantity,
-                    color: color
-                });
-            }
+                 let totalItems = 0;
+                 cart.forEach(item => { totalItems += item.quantity; });
 
-            localStorage.setItem('soolaCart', JSON.stringify(cart));
-            closeModal('quantityModal');
-            updateCartButton();
-            showNotification(`"${product.name}" добавлен в корзину!`);
-        }
-
-        function updateCartButton() {
-             const cartCountElement = document.getElementById('cart-count');
-             const cartButton = document.getElementById('cart-button');
-             if (!cartCountElement || !cartButton) return;
-
-             let totalItems = 0;
-             cart.forEach(item => { totalItems += item.quantity; });
-
-             cartCountElement.textContent = totalItems;
-             if (totalItems > 0) {
-                 cartButton.style.display = 'flex'; // Используем flex для центрирования иконки
-             } else {
-                 cartButton.style.display = 'none';
-             }
-        }
+                 if (totalItems > 0) {
+                     cartCountElement.textContent = totalItems;
+                     cartButton.style.display = 'flex';
+                 } else {
+                     cartCountElement.textContent = '0';
+                     cartButton.style.display = 'none';
+                 }
+            }
 
-        function openCartModal() {
-            const cartContent = document.getElementById('cartContent');
-            const cartTotalElement = document.getElementById('cartTotal');
-            if (!cartContent || !cartTotalElement) return;
+            function openCartModal() {
+                const cartContent = document.getElementById('cartContent');
+                const cartTotalElement = document.getElementById('cartTotal');
+                if (!cartContent || !cartTotalElement) return;
 
-            let total = 0;
+                let total = 0;
 
-            if (cart.length === 0) {
-                cartContent.innerHTML = '<p style="text-align: center; padding: 20px;">Ваша корзина пуста.</p>';
-                cartTotalElement.textContent = '0.00';
-            } else {
-                cartContent.innerHTML = cart.map(item => {
-                    const itemTotal = item.price * item.quantity;
-                    total += itemTotal;
-                    // Формируем URL фото
-                    const photoUrl = item.photo
-                        ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${item.photo}`
-                        : 'https://via.placeholder.com/60x60.png?text=N/A';
-                    // Формируем текст цвета/варианта
-                    const colorText = item.color !== 'N/A' ? ` <span style="font-size:0.85em; color: #555;">(${item.color})</span>` : '';
-                    // Используем item.id для кнопки удаления
-                    return `
-                        <div class="cart-item">
-                            <img src="${photoUrl}" alt="${item.name}" loading="lazy" onerror="this.onerror=null; this.src='https://via.placeholder.com/60x60.png?text=Err';">
-                            <div class="cart-item-details">
-                                <strong>${item.name}${colorText}</strong>
-                                <p class="cart-item-price">${item.price.toFixed(2)} ${currencyCode} &times; ${item.quantity}</p>
+                if (cart.length === 0) {
+                    cartContent.innerHTML = '<p style="text-align: center; padding: 20px;">Ваша корзина пуста.</p>';
+                    cartTotalElement.textContent = '0.00';
+                } else {
+                    cartContent.innerHTML = cart.map(item => {
+                        const itemTotal = item.price * item.quantity;
+                        total += itemTotal;
+                        const photoUrl = item.photo
+                            ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${item.photo}`
+                            : 'https://via.placeholder.com/60x60.png?text=N/A';
+                        const colorText = item.color !== 'N/A' ? ` (Цвет: ${item.color})` : '';
+
+                        return `
+                            <div class="cart-item">
+                                <img src="${photoUrl}" alt="${item.name}">
+                                <div class="cart-item-details">
+                                    <strong>${item.name}${colorText}</strong>
+                                    <p class="cart-item-price">${item.price.toFixed(2)} ${currencyCode} × ${item.quantity}</p>
+                                </div>
+                                <span class="cart-item-total">${itemTotal.toFixed(2)} ${currencyCode}</span>
+                                <button class="cart-item-remove" onclick="removeFromCart('${item.id}')" title="Удалить товар">×</button>
                             </div>
-                            <span class="cart-item-total">${itemTotal.toFixed(2)} ${currencyCode}</span>
-                            <button class="cart-item-remove" onclick="removeFromCart('${item.id}')" title="Удалить товар">&times;</button>
-                        </div>
-                    `;
-                }).join('');
-                cartTotalElement.textContent = total.toFixed(2);
-            }
-             openModal('cartModal'); // Открываем модальное окно корзины
-        }
-
-         function removeFromCart(itemId) {
-            cart = cart.filter(item => item.id !== itemId);
-            localStorage.setItem('soolaCart', JSON.stringify(cart));
-            openCartModal(); // Обновляем содержимое модального окна корзины
-            updateCartButton(); // Обновляем счетчик на кнопке
-            showNotification("Товар удален из корзины.");
-         }
-
-        function clearCart() {
-            if (cart.length > 0 && confirm("Вы уверены, что хотите очистить корзину?")) {
-                cart = [];
-                localStorage.removeItem('soolaCart');
-                openCartModal(); // Обновляем модальное окно (покажет "корзина пуста")
-                updateCartButton(); // Скрываем кнопку корзины
-                showNotification("Корзина очищена.");
-            } else if (cart.length === 0) {
-                 showNotification("Корзина уже пуста.", 2000);
+                        `;
+                    }).join('');
+                    cartTotalElement.textContent = total.toFixed(2);
+                }
+                 const modal = document.getElementById('cartModal');
+                 if (modal) {
+                    modal.style.display = 'block';
+                    document.body.style.overflow = 'hidden';
+                 }
             }
-        }
 
-        function orderViaWhatsApp() {
-            console.log("orderViaWhatsApp called. Current cart:", cart); // Отладка
-            if (!cart || cart.length === 0) {
-                showNotification("Корзина пуста! Добавьте товары.", 3000, true);
-                return;
-            }
+             function removeFromCart(itemId) {
+                cart = cart.filter(item => item.id !== itemId);
+                localStorage.setItem('soolaCart', JSON.stringify(cart));
+                openCartModal(); // Refresh cart modal content
+                updateCartButton(); // Refresh cart icon
+             }
 
-            let total = 0;
-            let orderText = "Здравствуйте! Новый Заказ от Soola Cosmetics:\n\n"; // Заголовок
-
-            cart.forEach((item, index) => {
-                const itemTotal = item.price * item.quantity;
-                total += itemTotal;
-                const colorText = item.color !== 'N/A' ? ` (Вариант: ${item.color})` : '';
-                // Форматирование строки заказа - используем \n для переноса строки в WhatsApp
-                orderText += `${index + 1}. ${item.name}${colorText}\n`;
-                orderText += `   Цена: ${item.price.toFixed(2)} ${currencyCode}\n`;
-                orderText += `   Кол-во: ${item.quantity}\n`;
-                orderText += `   Сумма: ${itemTotal.toFixed(2)} ${currencyCode}\n\n`;
-            });
-            orderText += `*Итого: ${total.toFixed(2)} ${currencyCode}*\n\n`; // Итоговая сумма
-
-            // Информация о пользователе, если авторизован
-            // Сессионные данные пользователя передаются из Flask/Jinja
-            const userInfo = {{ session.get('user_info', {})|tojson }};
-            if (userInfo && userInfo.login) {
-                 orderText += `Заказчик:\n`;
-                 if(userInfo.first_name || userInfo.last_name) {
-                    orderText += `  Имя: ${userInfo.first_name || ''} ${userInfo.last_name || ''}\n`;
-                 }
-                 orderText += `  Логин: ${userInfo.login}\n`;
-                 if(userInfo.city || userInfo.country) {
-                    orderText += `  Локация: ${userInfo.city || 'Не указан'}, ${userInfo.country || 'Не указана'}\n`;
-                 }
-            } else {
-                 orderText += `Заказчик: (Не авторизован)\n`;
+            function clearCart() {
+                if (confirm("Вы уверены, что хотите очистить корзину?")) {
+                    cart = [];
+                    localStorage.removeItem('soolaCart');
+                    openCartModal(); // Update modal to show empty cart message
+                    updateCartButton();
+                    // closeModal('cartModal'); // Можно закрыть или оставить открытой
+                }
             }
 
-            // Добавляем текущую дату и время
-            const now = new Date();
-            // Формат даты/времени, подходящий для чтения
-            const dateTimeString = now.toLocaleString('ru-RU', { dateStyle: 'short', timeStyle: 'short' });
-            orderText += `\nДата заказа: ${dateTimeString}\n`;
-            orderText += `Адрес магазина: ${'{{ store_address }}'}`; // Добавляем адрес
-
-            // ВАЖНО: Убедитесь, что номер указан правильно (код страны + номер, БЕЗ + и пробелов)
-            const whatsappNumber = "996997703090"; // Замените на ваш реальный номер!
-            // Кодируем текст для URL
-            const encodedOrderText = encodeURIComponent(orderText);
-            // Формируем URL для WhatsApp API
-            const whatsappUrl = `https://api.whatsapp.com/send?phone=${whatsappNumber}&text=${encodedOrderText}`;
-
-            console.log("Generated WhatsApp URL:", whatsappUrl); // Отладка
-
-            // Открываем WhatsApp в новой вкладке
-            // Это стандартный и рекомендуемый способ
-            const whatsappWindow = window.open(whatsappUrl, '_blank');
-
-            // Проверка, было ли окно заблокировано (не всегда надежно)
-             setTimeout(() => {
-                if(!whatsappWindow || whatsappWindow.closed || typeof whatsappWindow.closed=='undefined') {
-                    // Окно не открылось (возможно, заблокировано)
-                    showNotification("Не удалось открыть WhatsApp. Проверьте блокировщик всплывающих окон.", 5000, true);
-                    console.warn("WhatsApp window might be blocked.");
-                 }
-             }, 1000); // Даем время окну открыться
-        }
-
-        // --- Filtering and Search ---
-        function filterProducts() {
-            const searchTerm = document.getElementById('search-input').value.toLowerCase().trim();
-            const activeCategoryButton = document.querySelector('.category-filter.active');
-            const activeCategory = activeCategoryButton ? activeCategoryButton.dataset.category : 'all';
-            const grid = document.getElementById('products-grid');
-            const productElements = grid.querySelectorAll('.product');
-            let visibleProducts = 0;
-
-            // Удаляем старое сообщение "не найдено", если оно есть
-            const existingNoResults = grid.querySelector('.no-results-message');
-            if (existingNoResults) existingNoResults.remove();
-
-            productElements.forEach(productElement => {
-                // Убедимся, что атрибуты существуют
-                const name = productElement.dataset.name || '';
-                const description = productElement.dataset.description || '';
-                const category = productElement.dataset.category || 'Без категории';
-
-                const matchesSearch = !searchTerm || name.includes(searchTerm) || description.includes(searchTerm);
-                const matchesCategory = activeCategory === 'all' || category === activeCategory;
-
-                if (matchesSearch && matchesCategory) {
-                    productElement.style.display = 'flex'; // Используем flex, т.к. в стилях .product display: flex
-                    visibleProducts++;
+            function orderViaWhatsApp() {
+                if (cart.length === 0) {
+                    alert("Корзина пуста! Добавьте товары перед заказом.");
+                    return;
+                }
+                let total = 0;
+                let orderText = "Новый Заказ от Soola Cosmetics:%0A%0A"; // Заголовок
+                cart.forEach((item, index) => {
+                    const itemTotal = item.price * item.quantity;
+                    total += itemTotal;
+                    const colorText = item.color !== 'N/A' ? ` (Цвет: ${item.color})` : '';
+                    // Форматирование строки заказа
+                    orderText += `${index + 1}. ${item.name}${colorText} - ${item.price.toFixed(2)} ${currencyCode} × ${item.quantity} = ${itemTotal.toFixed(2)} ${currencyCode}%0A`;
+                });
+                orderText += `%0A*Итого: ${total.toFixed(2)} ${currencyCode}*%0A%0A`; // Итоговая сумма
+
+                // Информация о пользователе, если авторизован
+                const userInfo = {{ session.get('user_info', {})|tojson }};
+                if (userInfo && userInfo.login) {
+                     orderText += `Заказчик: ${userInfo.get('first_name', '')} ${userInfo.get('last_name', '')}%0A`;
+                     orderText += `Логин: ${userInfo.login}%0A`;
+                     orderText += `Страна: ${userInfo.get('country', 'Не указана')}%0A`;
+                     orderText += `Город: ${userInfo.get('city', 'Не указан')}%0A`;
                 } else {
-                    productElement.style.display = 'none';
+                     orderText += `Заказчик: (Не авторизован)%0A`;
                 }
-            });
 
-             // Показать сообщение "товары не найдены", если 0 видимых товаров и были активны фильтры/поиск
-             if (visibleProducts === 0 && productElements.length > 0 && (searchTerm || activeCategory !== 'all')) {
-                const p = document.createElement('p');
-                p.className = 'no-results-message';
-                p.textContent = 'По вашему запросу товары не найдены.';
-                grid.appendChild(p);
-             }
-        }
+                // Добавляем текущую дату и время
+                const now = new Date();
+                const dateTimeString = now.toLocaleString('ru-RU'); // Формат даты/времени
+                orderText += `%0AДата заказа: ${dateTimeString}`;
+
+                // *** ИЗМЕНЕНО: Новый номер WhatsApp ***
+                const whatsappNumber = "996997703090"; // Указываем номер без '+' и пробелов
+                // Формируем URL для WhatsApp API
+                const whatsappUrl = `https://api.whatsapp.com/send?phone=${whatsappNumber}&text=${encodeURIComponent(orderText)}`;
+                // Открываем WhatsApp в новой вкладке
+                window.open(whatsappUrl, '_blank');
+            }
 
-        function setupFilters() {
-             const searchInput = document.getElementById('search-input');
-             const categoryFilters = document.querySelectorAll('.category-filter');
+            // --- Filtering and Search ---
+            function filterProducts() {
+                const searchTerm = document.getElementById('search-input').value.toLowerCase().trim();
+                const activeCategoryButton = document.querySelector('.category-filter.active');
+                const activeCategory = activeCategoryButton ? activeCategoryButton.dataset.category : 'all';
+                const grid = document.getElementById('products-grid');
+                let visibleProducts = 0;
+
+                // Удаляем старое сообщение "не найдено", если оно есть
+                const existingNoResults = grid.querySelector('.no-results-message');
+                if (existingNoResults) existingNoResults.remove();
+
+                document.querySelectorAll('.products-grid .product').forEach(productElement => {
+                    const name = productElement.getAttribute('data-name');
+                    const description = productElement.getAttribute('data-description');
+                    const category = productElement.getAttribute('data-category');
+
+                    const matchesSearch = !searchTerm || name.includes(searchTerm) || description.includes(searchTerm);
+                    const matchesCategory = activeCategory === 'all' || category === activeCategory;
+
+                    if (matchesSearch && matchesCategory) {
+                        productElement.style.display = 'flex';
+                        visibleProducts++;
+                    } else {
+                        productElement.style.display = 'none';
+                    }
+                });
 
-             if(searchInput) {
-                 searchInput.addEventListener('input', debounce(filterProducts, 300)); // Добавляем debounce для поиска
-             }
+                 // Показать сообщение "товары не найдены", если 0 видимых товаров и был поиск/фильтр
+                 if (visibleProducts === 0 && (searchTerm || activeCategory !== 'all')) {
+                    const p = document.createElement('p');
+                    p.className = 'no-results-message';
+                    p.textContent = 'По вашему запросу товары не найдены.';
+                    grid.appendChild(p);
+                 }
+            }
+
+             function setupFilters() {
+                 const searchInput = document.getElementById('search-input');
+                 const categoryFilters = document.querySelectorAll('.category-filter');
 
-             categoryFilters.forEach(filter => {
-                 filter.addEventListener('click', function() {
-                     if (!this.classList.contains('active')) {
+                 if(searchInput) searchInput.addEventListener('input', filterProducts);
+
+                 categoryFilters.forEach(filter => {
+                     filter.addEventListener('click', function() {
                          categoryFilters.forEach(f => f.classList.remove('active'));
                          this.classList.add('active');
-                         filterProducts(); // Фильтруем сразу при клике на категорию
-                     }
+                         filterProducts();
+                     });
                  });
-             });
-         }
-
-         // --- Notifications ---
-         function showNotification(message, duration = 3000, isError = false) {
-            const placeholder = document.getElementById('notification-placeholder');
-            if (!placeholder) {
-                console.error("Notification placeholder not found!");
-                alert(message); // Fallback
-                return;
-            }
-
-             // Удаляем предыдущий таймер, если он есть
-             clearTimeout(notificationTimeout);
-
-            const notification = document.createElement('div');
-            notification.className = 'notification';
-            notification.textContent = message;
-            if(isError) {
-                 notification.style.backgroundColor = 'rgba(229, 62, 62, 0.9)'; // Red for errors
-                 notification.style.color = 'white';
-                 if(document.body.classList.contains('dark-mode')) {
-                     notification.style.backgroundColor = 'rgba(252, 129, 129, 0.9)';
-                     notification.style.color = '#1A237E';
-                 }
-            }
-
-            // Удаляем старые уведомления перед добавлением нового
-             while (placeholder.firstChild) {
-                 placeholder.removeChild(placeholder.firstChild);
              }
 
-            placeholder.appendChild(notification);
+             // --- Notifications ---
+             function showNotification(message, duration = 3000) {
+                const placeholder = document.getElementById('notification-placeholder');
+                if (!placeholder) return;
+
+                const notification = document.createElement('div');
+                notification.className = 'notification';
+                notification.textContent = message;
+                placeholder.appendChild(notification);
 
-            // Trigger transition
-            setTimeout(() => { notification.classList.add('show'); }, 10);
+                // Trigger transition
+                setTimeout(() => { notification.classList.add('show'); }, 10);
 
-            // Set timeout to remove notification
-            notificationTimeout = setTimeout(() => {
-                notification.classList.remove('show');
-                // Remove from DOM after fade out transition (500ms)
+                // Remove after duration
                 setTimeout(() => {
-                    if (notification.parentNode === placeholder) { // Убедимся, что это все еще наше уведомление
-                         placeholder.removeChild(notification);
+                    notification.classList.remove('show');
+                    setTimeout(() => { notification.remove(); }, 500); // Remove from DOM after fade out
+                }, duration);
+             }
+
+            // --- Event Listeners and Initial Setup ---
+            document.addEventListener('DOMContentLoaded', () => {
+                applyInitialTheme();
+                attemptAutoLogin(); // Try auto-login first
+                updateCartButton(); // Initialize cart button state
+                setupFilters();     // Setup search and category filters
+
+                // Global click listener for closing modals
+                window.addEventListener('click', function(event) {
+                    if (event.target.classList.contains('modal')) {
+                        closeModal(event.target.id);
                     }
-                 }, 500);
-            }, duration);
-         }
-
-         // --- Utility: Debounce ---
-         function debounce(func, wait) {
-             let timeout;
-             return function executedFunction(...args) {
-                 const later = () => {
-                     clearTimeout(timeout);
-                     func(...args);
-                 };
-                 clearTimeout(timeout);
-                 timeout = setTimeout(later, wait);
-             };
-         }
-
-
-        // --- Event Listeners and Initial Setup ---
-        document.addEventListener('DOMContentLoaded', () => {
-            applyInitialTheme();
-            attemptAutoLogin(); // Попытка авто-входа ПЕРЕД инициализацией корзины
-            updateCartButton(); // Инициализируем состояние кнопки корзины
-            setupFilters();     // Настраиваем поиск и фильтры категорий
-
-            // Глобальный слушатель кликов для закрытия модальных окон по клику вне их
-            // window.addEventListener('click', function(event) {
-            //     document.querySelectorAll('.modal').forEach(modal => {
-            //         if (event.target === modal) {
-            //             closeModal(modal.id);
-            //         }
-            //     });
-            // });
-            // Заменено на onclick в самих modal div
-
-            // Глобальный слушатель для закрытия модалок по Escape
-            window.addEventListener('keydown', function(event) {
-                if (event.key === 'Escape' || event.key === 'Esc') {
-                     // Закрываем самое верхнее видимое модальное окно
-                     const openModals = document.querySelectorAll('.modal[style*="display: block"]');
-                     if (openModals.length > 0) {
-                         closeModal(openModals[openModals.length - 1].id); // Закрываем последнее открытое
-                     }
-                }
+                });
+
+                // Global keydown listener for closing modals with Escape key
+                window.addEventListener('keydown', function(event) {
+                    if (event.key === 'Escape') {
+                         document.querySelectorAll('.modal[style*="display: block"]').forEach(modal => {
+                             closeModal(modal.id);
+                         });
+                    }
+                });
             });
-        });
 
-    </script>
-</body>
-</html>
-'''
+        </script>
+    </body>
+    </html>
+    '''
+    return render_template_string(
+        catalog_html,
+        products=products,
+        categories=categories,
+        repo_id=REPO_ID,
+        is_authenticated=is_authenticated,
+        store_address=STORE_ADDRESS,
+        session=session, # session доступен в Jinja2 по умолчанию, но передать явно не помешает
+        currency_code=CURRENCY_CODE
+    )
 
-PRODUCT_DETAIL_TEMPLATE = '''
-{# Используем Jinja комментарий, а не HTML #}
-<div class="product-details-modal"> {# Добавлен класс для специфичных стилей, если нужно #}
-    <h2 style="font-size: 1.6rem; font-weight: 600; margin-bottom: 15px; text-align: center; color: #1C6758;">{{ product['name'] }}</h2> {# Темно-зеленый заголовок #}
-
-    {# Swiper Slider for Photos #}
-    <div class="swiper-container"> {# Убраны инлайн-стили, управляются через CSS #}
-        <div class="swiper-wrapper">
-            {% if product.get('photos') and product['photos']|length > 0 %}
-                {% for photo in product['photos'] %}
-                <div class="swiper-slide">
-                     <div class="swiper-zoom-container"> {# Контейнер д��я зума #}
-                         <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}"
-                              alt="{{ product['name'] }} - фото {{ loop.index }}"
-                              loading="lazy"
-                              onerror="this.onerror=null; this.src='https://via.placeholder.com/400x400.png?text=Error';" >
-                     </div>
-                </div>
-                {% endfor %}
-            {% else %}
-                <div class="swiper-slide">
-                    <div class="swiper-zoom-container">
-                     <img src="https://via.placeholder.com/400x400.png?text=No+Image" alt="Изображение отсутствует">
+
+@app.route('/product/<int:index>')
+def product_detail(index):
+    """Отдает HTML с деталями одного продукта для модального окна."""
+    data = load_data()
+    products = data.get('products', [])
+    is_authenticated = 'user' in session
+    try:
+        product = products[index]
+    except IndexError:
+        logging.warning(f"Попытка доступа к несуществующему продукту с индексом {index}")
+        return "Товар не найден", 404
+
+    # HTML для деталей продукта с темно-зелеными акцентами
+    detail_html = '''
+    {# Используем Jinja комментарий #}
+    <div style="padding: 10px;">
+        <h2 style="font-size: 1.6rem; font-weight: 600; margin-bottom: 15px; text-align: center; color: #1C6758;">{{ product['name'] }}</h2> {# Темно-зеленый заголовок #}
+        {# Swiper Slider for Photos #}
+        <div class="swiper-container" style="max-width: 450px; margin: 0 auto 20px; border-radius: 10px; overflow: hidden; background-color: #fff;">
+            <div class="swiper-wrapper">
+                {% if product.get('photos') and product['photos']|length > 0 %}
+                    {% for photo in product['photos'] %}
+                    <div class="swiper-slide" style="display: flex; justify-content: center; align-items: center; padding: 10px;">
+                         <div class="swiper-zoom-container"> {# Контейнер для зума #}
+                             <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}"
+                                  alt="{{ product['name'] }} - фото {{ loop.index }}"
+                                  style="max-width: 100%; max-height: 400px; object-fit: contain; display: block; margin: auto; cursor: grab;">
+                         </div>
                     </div>
-                </div>
+                    {% endfor %}
+                {% else %}
+                    <div class="swiper-slide" style="display: flex; justify-content: center; align-items: center;">
+                         <img src="https://via.placeholder.com/400x400.png?text=No+Image" alt="Изображение отсутствует" style="max-width: 100%; max-height: 400px; object-fit: contain;">
+                    </div>
+                {% endif %}
+            </div>
+            {# Элементы управления Swiper (показываем только если фото больше 1) #}
+            {% if product.get('photos') and product['photos']|length > 1 %}
+            <div class="swiper-pagination" style="position: relative; bottom: 5px;"></div>
+            <div class="swiper-button-next" style="color: #1C6758;"></div> {# Темно-зеленые стрелки #}
+            <div class="swiper-button-prev" style="color: #1C6758;"></div> {# Темно-зеленые стрелки #}
             {% endif %}
         </div>
-        {# Элементы управления Swiper (показываем только если фото больше 1) #}
-        {% if product.get('photos') and product['photos']|length > 1 %}
-            <div class="swiper-pagination"></div>
-            <div class="swiper-button-next"></div>
-            <div class="swiper-button-prev"></div>
-        {% endif %}
-    </div>
 
-    {# Product Details - Используем классы вместо инлайн-стилей #}
-    <div class="product-details">
-        <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
-        {% if is_authenticated %}
-            <p><strong class="price">Цена:</strong> <span class="price">{{ "%.2f"|format(product['price']) }} {{ currency_code }}</span></p>
-        {% else %}
-            <p><strong>Цена:</strong> <a href="{{ url_for('login') }}" class="login-link">Доступна после входа</a></p>
-        {% endif %}
-        {# Используем safe фильтр для рендеринга <br> тегов из описания #}
-        <p><strong>Описание:</strong><br> {{ product.get('description', 'Описание отсутствует.')|replace('\\n', '<br>')|safe }}</p>
-        {% set colors = product.get('colors', [])|select('ne', '')|list %} {# Фильтруем пустые строки сразу #}
-        {% if colors %}
-            <p><strong>Доступные цвета/варианты:</strong> {{ colors|join(', ') }}</p>
-        {% endif %}
+        {# Product Details #}
+        <div style="margin-top: 20px; font-size: 1rem; line-height: 1.7;">
+            <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
+            {% if is_authenticated %}
+                <p style="font-size: 1.2rem; font-weight: bold; color: #1C6758;"><strong>Цена:</strong> {{ "%.2f"|format(product['price']) }} {{ currency_code }}</p> {# Темно-зеленая цена #}
+            {% else %}
+                <p><strong>Цена:</strong> <a href="{{ url_for('login') }}" style="color: #3D8361; text-decoration: underline;">Доступна после входа</a></p> {# Средне-зеленая ссылка #}
+            {% endif %}
+            {# Используем safe фильтр для рендеринга <br> тегов из описания #}
+            <p><strong>Описание:</strong><br> {{ product.get('description', 'Описание отсутствует.')|replace('\n', '<br>')|safe }}</p>
+            {% set colors = product.get('colors', []) %}
+            {% if colors and colors|select('ne', '')|list|length > 0 %} {# Проверяем, что список не пуст и не содержит только пустые строки #}
+                <p><strong>Доступные цвета/варианты:</strong> {{ colors|select('ne', '')|join(', ') }}</p>
+            {% endif %}
+        </div>
     </div>
-</div>
-'''
+    '''
+    return render_template_string(
+        detail_html,
+        product=product,
+        repo_id=REPO_ID,
+        is_authenticated=is_authenticated,
+        currency_code=CURRENCY_CODE
+    )
 
+# --- Маршруты аутентификации ---
+
+# Шаблон для страницы входа с темно-зелеными акцентами
 LOGIN_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
@@ -1149,677 +1002,541 @@ LOGIN_TEMPLATE = '''
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Вход - Soola Cosmetics</title>
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
     <style>
-        body { font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, #e9f5f0, #d1e7dd); display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; } /* Светло-зеленый градиент */
-        .container { max-width: 400px; width: 100%; background: #fff; padding: 35px 45px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); text-align: center; }
-        h2 { color: #1C6758; margin-bottom: 30px; font-weight: 600; font-size: 1.6rem; } /* Темно-зеленый заголовок */
-        label { display: block; text-align: left; margin: 15px 0 5px; font-weight: 500; color: #44524c; font-size: 0.95rem;}
-        input[type="text"], input[type="password"] { width: 100%; padding: 12px 15px; margin-bottom: 15px; border: 1px solid #c4d9d1; border-radius: 8px; box-sizing: border-box; font-size: 1rem; transition: border-color 0.3s, box-shadow 0.3s; }
-        input:focus { border-color: #1C6758; outline: none; box-shadow: 0 0 0 3px rgba(28, 103, 88, 0.2); } /* Фокус - темно-зеленый */
-        button { width: 100%; padding: 12px; background-color: #1C6758; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 1rem; font-weight: 600; transition: background-color 0.3s ease, transform 0.1s ease; margin-top: 15px; } /* Кнопка - темно-зеленая */
+        body { font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, #d1e7dd, #e9f5f0); display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; } /* Светло-зеленый градиент */
+        .container { max-width: 400px; width: 100%; background: #fff; padding: 30px 40px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); text-align: center; }
+        h2 { color: #1C6758; margin-bottom: 25px; font-weight: 600; } /* Темно-зеленый заголовок */
+        label { display: block; text-align: left; margin: 15px 0 5px; font-weight: 500; color: #44524c; }
+        input[type="text"], input[type="password"] { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #c4d9d1; border-radius: 8px; box-sizing: border-box; font-size: 1rem; }
+        input:focus { border-color: #1C6758; outline: none; box-shadow: 0 0 0 2px rgba(28, 103, 88, 0.2); } /* Фокус - темно-зеленый */
+        button { width: 100%; padding: 12px; background-color: #1C6758; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 1rem; font-weight: 600; transition: background-color 0.3s ease; margin-top: 10px; } /* Кнопка - темно-зеленая */
         button:hover { background-color: #164B41; } /* Ховер кнопки - темнее */
-        button:active { transform: scale(0.98); }
-        .flash-message { padding: 12px 15px; border-radius: 8px; margin-bottom: 20px; font-size: 0.9rem; text-align: left; border: 1px solid transparent; }
-        .flash-message.error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;} /* Ошибка - красный */
-        .flash-message.warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } /* Предупреждение - желтый */
-        .flash-message.success { color: #155724; background-color: #d4edda; border-color: #c3e6cb;} /* Успех - зеленый */
-        .back-link { display: inline-block; margin-top: 25px; color: #3D8361; text-decoration: none; font-size: 0.9rem; } /* Ссылка назад - средне-зеленая */
+        .error { color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; padding: 10px; border-radius: 8px; margin-bottom: 15px; font-size: 0.9rem; text-align: left;} /* Ошибка - красный */
+        .back-link { display: inline-block; margin-top: 20px; color: #3D8361; text-decoration: none; font-size: 0.9rem; } /* Ссылка назад - средне-зеленая */
         .back-link:hover { text-decoration: underline; }
     </style>
 </head>
 <body>
     <div class="container">
         <h2>Вход в Soola Cosmetics</h2>
-        {# Используем стандартные flash сообщения Flask #}
-        {% with messages = get_flashed_messages(with_categories=true) %}
-            {% if messages %}
-                {% for category, message in messages %}
-                    {# Исправляем баг - используем category как класс #}
-                    <div class="flash-message {{ category }}">{{ message }}</div>
-                {% endfor %}
-            {% endif %}
-        {% endwith %}
-
-        {# Вывод ошибки из переменной error (если она передана, для совместимости) #}
         {% if error %}
-             <div class="flash-message error">{{ error }}</div>
+            <p class="error">{{ error }}</p>
         {% endif %}
-
-        <form method="POST" action="{{ url_for('login') }}">
+        <form method="POST">
             <label for="login">Логин:</label>
-            <input type="text" id="login" name="login" required value="{{ request.form.login if request and request.form else '' }}">
+            <input type="text" id="login" name="login" required>
             <label for="password">Пароль:</label>
             <input type="password" id="password" name="password" required>
             <button type="submit">Войти</button>
         </form>
-        <a href="{{ url_for('catalog') }}" class="back-link">&larr; Вернуться в каталог</a>
-    </div>
-</body>
-</html>
-'''
-
-ADMIN_TEMPLATE = '''
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Админ-панель - Soola Cosmetics</title>
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-        body { font-family: 'Poppins', sans-serif; background-color: #e9f5f0; color: #2d332f; padding: 20px; line-height: 1.6; font-size: 14px; } /* Базовый размер шрифта */
-        .container { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 3px 15px rgba(0,0,0,0.07); }
-        .header { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #d1e7dd; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
-        h1, h2, h3, h4 { font-weight: 600; color: #1C6758; margin-bottom: 15px; } /* Темно-зеленые заголовки */
-        h1 { font-size: 1.8rem; }
-        h2 { font-size: 1.5rem; margin-top: 30px; display: flex; align-items: center; gap: 8px; border-bottom: 2px solid #e1f0e9; padding-bottom: 8px;}
-        h3 { font-size: 1.2rem; color: #164B41; margin-top: 20px; margin-bottom: 10px; } /* Темнее зеленый для подзаголовков */
-        h4 { font-size: 1.1rem; color: #1C6758; margin-top: 15px; margin-bottom: 10px; }
-        .section { margin-bottom: 30px; padding: 20px; background-color: #f8fcfb; border: 1px solid #d1e7dd; border-radius: 8px; }
-        form { margin-bottom: 20px; }
-        label { font-weight: 500; margin-top: 10px; display: block; color: #44524c; font-size: 0.9rem;}
-        input[type="text"], input[type="number"], input[type="password"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #c4d9d1; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; transition: border-color 0.3s ease, box-shadow 0.2s ease; background-color: #fff; }
-        input:focus, textarea:focus, select:focus { border-color: #1C6758; outline: none; box-shadow: 0 0 0 3px rgba(28, 103, 88, 0.15); } /* Фокус - темно-зеленый */
-        textarea { min-height: 80px; resize: vertical; }
-        input[type="file"] { padding: 8px; background-color: #f0f9f4; cursor: pointer; border: 1px solid #c4d9d1; font-size: 0.9rem;}
-        input[type="file"]::file-selector-button { padding: 6px 12px; border-radius: 4px; background-color: #e0f0e9; border: 1px solid #c4d9d1; cursor: pointer; margin-right: 10px; font-size: 0.85rem; transition: background-color 0.2s;}
-        input[type="file"]::file-selector-button:hover { background-color: #c4d9d1;}
-        button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: #1C6758; color: white; font-weight: 500; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease, box-shadow 0.2s ease; margin-top: 15px; font-size: 0.95rem; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; line-height: 1.2; user-select: none;} /* Кнопка - темно-зеленая */
-        button:hover, .button:hover { background-color: #164B41; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } /* Ховер кнопки - темнее */
-        button:active, .button:active { transform: scale(0.97); }
-        button[type="submit"] { min-width: 120px; justify-content: center; }
-        .delete-button { background-color: #f56565; } /* Удаление - красный */
-        .delete-button:hover { background-color: #e53e3e; }
-        .add-button { background-color: #38a169; } /* Добавить - ярко-зеленый */
-        .add-button:hover { background-color: #2f855a; }
-        .item-list { display: grid; gap: 20px; }
-        .item { background: #fff; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.07); border: 1px solid #e1f0e9; }
-        .item p { margin: 5px 0; font-size: 0.9rem; color: #44524c; line-height: 1.5; }
-        .item strong { color: #2d332f; font-weight: 500;}
-        .item .description { font-size: 0.85rem; color: #5e6e68; max-height: 60px; overflow: hidden; text-overflow: ellipsis; }
-        .item-actions { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; }
-        /* Кнопка редактирования - основной темно-зеленый */
-        .item-actions button:not(.delete-button), .item-actions .button:not(.delete-button) { background-color: #3D8361; } /* Средне-зеленый для редактирования */
-        .item-actions button:not(.delete-button):hover, .item-actions .button:not(.delete-button):hover { background-color: #1C6758; }
-        .edit-form-container { margin-top: 15px; padding: 20px; background: #f0f9f4; border: 1px dashed #c4d9d1; border-radius: 6px; display: none; /* Скрыто по умолчанию */ animation: fadeIn 0.5s; }
-         @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
-         details { background-color: #f8fcfb; border: 1px solid #d1e7dd; border-radius: 8px; margin-bottom: 20px; }
-         details > summary { cursor: pointer; font-weight: 600; color: #164B41; display: block; padding: 15px; border-bottom: 1px solid transparent; list-style: none; /* Убрать стандартный маркер */ position: relative; transition: background-color 0.2s; } /* Заголовок details - темнее зеленый */
-         details > summary:hover { background-color: #e9f5f0; }
-         details > summary::before { content: '\\f078'; /* FontAwesome chevron-down */ font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(-90deg); transition: transform 0.3s ease; color: #1C6758; font-size: 0.9em; } /* Стрелка - темно-зеленая, повернута влево */
-         details[open] > summary { border-bottom: 1px solid #d1e7dd; background-color: #e9f5f0;}
-         details[open] > summary::before { transform: translateY(-50%) rotate(0deg); } /* Стрелка вниз при открытии */
-         details .form-content { padding: 5px 20px 20px 20px; }
-         .color-input-group { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
-         .color-input-group input { flex-grow: 1; margin: 0; }
-         .remove-color-btn { background-color: #f56565; padding: 6px 10px; font-size: 0.8rem; margin-top: 0; line-height: 1; } /* Удалить цвет - красный */
-         .remove-color-btn:hover { background-color: #e53e3e; }
-         /* Кнопка "Добавить поле цвета" - синяя для контраста */
-         .add-color-btn { background-color: #63b3ed; font-size: 0.9rem; padding: 8px 15px; }
-         .add-color-btn:hover { background-color: #4299e1; }
-         .photo-preview { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
-         .photo-preview img { max-width: 70px; max-height: 70px; border-radius: 5px; border: 1px solid #d1e7dd; object-fit: cover; background-color: #fff; padding: 2px;}
-         .sync-buttons { display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
-         /* Кнопка "Скачать с HF" - более мягкий цвет */
-         .download-hf-button { background-color: #63b3ed; } /* Синий для скачивания */
-         .download-hf-button:hover { background-color: #4299e1; }
-         .upload-hf-button { background-color: #38a169; } /* Зеленый для загрузки */
-         .upload-hf-button:hover { background-color: #2f855a; }
-         .flex-container { display: flex; flex-wrap: wrap; gap: 20px; }
-         .flex-item { flex: 1; min-width: 350px; /* Минимальная ширина колонки */ }
-         .message { padding: 12px 18px; border-radius: 6px; margin-bottom: 20px; font-size: 0.95rem; border: 1px solid transparent; }
-         .message.success { background-color: #d4edda; color: #155724; border-color: #c3e6cb;} /* Успех - зеленый */
-         .message.error { background-color: #f8d7da; color: #721c24; border-color: #f5c6cb;} /* Ошибка - красный */
-         .message.warning { background-color: #fff3cd; color: #856404; border-color: #ffeeba; } /* Предупреждение - желтый */
-    </style>
-</head>
-<body>
-    <div class="container">
-        <header class="header">
-            <h1><i class="fas fa-tools"></i> Админ-панель Soola Cosmetics</h1>
-            <a href="{{ url_for('catalog') }}" class="button" style="background-color: #3D8361;"><i class="fas fa-store"></i> Перейти в каталог</a> {# Средне-зеленая кнопка каталога #}
-        </header>
-
-         {# Сообщения об успехе/ошибке #}
-        {% with messages = get_flashed_messages(with_categories=true) %}
-            {% if messages %}
-                {% for category, message in messages %}
-                    <div class="message {{ category }}">{{ message }}</div>
-                {% endfor %}
-            {% endif %}
-        {% endwith %}
-
-        <section class="section">
-            <h2><i class="fas fa-sync-alt"></i> Синхронизация с Hugging Face</h2>
-            <div class="sync-buttons">
-                <form method="POST" action="{{ url_for('force_upload') }}" style="display: inline;" onsubmit="return confirm('Загрузить локальные данные на сервер? Это перезапишет файлы на сервере.');">
-                    <button type="submit" class="button upload-hf-button" title="Загрузить локальные файлы data_soola.json и users_soola.json на Hugging Face"><i class="fas fa-upload"></i> Загрузить на HF</button>
-                </form>
-                <form method="POST" action="{{ url_for('force_download') }}" style="display: inline;" onsubmit="return confirm('Скачать данные с сервера? Это перезапишет ваши локальные файлы data_soola.json и users_soola.json.');">
-                    <button type="submit" class="button download-hf-button" title="Скачать файлы data_soola.json и users_soola.json с Hugging Face (перезапишет локальные)"><i class="fas fa-download"></i> Скачать с HF</button>
-                </form>
-            </div>
-             <p style="font-size: 0.85rem; color: #5e6e68; margin-top: 5px;">Резервное копирование на Hugging Face происходит автоматически каждые 30 минут, а также после сохранения товаров, категорий или пользователей. Используйте эти кнопки для немедленной ручной синхронизации.</p>
-        </section>
-
-
-        <div class="flex-container">
-             <div class="flex-item"> {# Колонка Категории #}
-                 <section class="section">
-                     <h2><i class="fas fa-tags"></i> Категории</h2>
-                      <details>
-                          <summary><i class="fas fa-plus-circle" style="margin-right: 5px;"></i> Добавить новую категорию</summary>
-                          <div class="form-content">
-                              <form method="POST">
-                                  <input type="hidden" name="action" value="add_category">
-                                  <label for="add_category_name">Название новой категории:</label>
-                                  <input type="text" id="add_category_name" name="category_name" required>
-                                  <button type="submit" class="add-button"><i class="fas fa-plus"></i> Добавить</button>
-                              </form>
-                          </div>
-                      </details>
-
-                     <h3>Существующие категории:</h3>
-                     {% if categories %}
-                     <div class="item-list" style="display: block;"> {# Используем block для простого списка #}
-                         {% for category in categories %}
-                         <div class="item" style="display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; margin-bottom: 10px;">
-                             <span>{{ category }}</span>
-                             <form method="POST" style="margin: 0;" onsubmit="return confirm('Удалить категорию \'{{ category }}\'? Товары этой категории будут помечены как \'Без категории\'.');">
-                                 <input type="hidden" name="action" value="delete_category">
-                                 <input type="hidden" name="category_name" value="{{ category }}">
-                                 <button type="submit" class="delete-button" style="padding: 5px 10px; font-size: 0.8rem; margin: 0;" title="Удалить категорию"><i class="fas fa-trash-alt"></i></button>
-                             </form>
-                         </div>
-                         {% endfor %}
-                     </div>
-                     {% else %}
-                     <p>Категорий пока нет.</p>
-                     {% endif %}
-                 </section>
-             </div>
-
-             <div class="flex-item"> {# Колонка Пользователи #}
-                  <section class="section">
-                    <h2><i class="fas fa-users"></i> Пользователи</h2>
-                     <details>
-                        <summary><i class="fas fa-user-plus" style="margin-right: 5px;"></i> Добавить нового пользователя</summary>
-                        <div class="form-content">
-                            <form method="POST">
-                                <input type="hidden" name="action" value="add_user">
-                                <label for="login">Логин *:</label>
-                                <input type="text" id="login" name="login" required>
-                                <label for="password">Пароль *:</label>
-                                <input type="password" id="password" name="password" required title="Пароль будет сохранен в открытом виде. Рекомендуется использовать менеджер паролей для генерации сложных паролей.">
-                                <p style="font-size: 0.8rem; color: #e53e3e; margin-top: 2px;">Внимание: пароль хранится в незашифрованном виде!</p>
-                                <label for="first_name">Имя:</label>
-                                <input type="text" id="first_name" name="first_name">
-                                <label for="last_name">Фамилия:</label>
-                                <input type="text" id="last_name" name="last_name">
-                                <label for="country">Страна:</label>
-                                <input type="text" id="country" name="country">
-                                <label for="city">Город:</label>
-                                <input type="text" id="city" name="city">
-                                <button type="submit" class="add-button"><i class="fas fa-save"></i> Сохранить пользователя</button>
-                            </form>
-                        </div>
-                     </details>
-
-                     <h3>Список пользователей:</h3>
-                     {% if users %}
-                     <div class="item-list">
-                         {% for login, user_data in users.items() %}
-                         <div class="item">
-                             <p><strong>Логин:</strong> {{ login }}</p>
-                             <p><strong>Имя:</strong> {{ user_data.get('first_name', 'N/A') }} {{ user_data.get('last_name', '') }}</p>
-                             <p><strong>Локация:</strong> {{ user_data.get('city', 'N/A') }}, {{ user_data.get('country', 'N/A') }}</p>
-                             {# Пароль не отображаем! #}
-                             <div class="item-actions">
-                                 <form method="POST" style="margin: 0;" onsubmit="return confirm('Вы уверены, что хотите удалить пользователя \'{{ login }}\'?');">
-                                     <input type="hidden" name="action" value="delete_user">
-                                     <input type="hidden" name="login" value="{{ login }}">
-                                     <button type="submit" class="delete-button"><i class="fas fa-user-slash"></i> Удалить</button>
-                                 </form>
-                                 {# Кнопка Редактировать пользователя (если понадобится)
-                                 <button type="button" class="button" onclick="alert('Редактирование пользователя пока не реализовано');"><i class="fas fa-user-edit"></i> Редактировать</button>
-                                 #}
-                             </div>
-                         </div>
-                         {% endfor %}
-                     </div>
-                     {% else %}
-                     <p>Пользователей пока нет.</p>
-                     {% endif %}
-                 </section>
-             </div>
-        </div>
-
-
-        <section class="section"> {# Секция Товары #}
-            <h2><i class="fas fa-box-open"></i> Товары</h2>
-             <details>
-                 <summary><i class="fas fa-plus-circle" style="margin-right: 5px;"></i> Добавить новый товар</summary>
-                 <div class="form-content">
-                     <form method="POST" enctype="multipart/form-data">
-                         <input type="hidden" name="action" value="add_product">
-                         <label for="add_name">Название товара *:</label>
-                         <input type="text" id="add_name" name="name" required>
-                         <label for="add_price">Цена ({{ currency_code }}) *:</label>
-                         <input type="number" id="add_price" name="price" step="0.01" min="0" required>
-                         <label for="add_description">Описание:</label>
-                         <textarea id="add_description" name="description" rows="4" placeholder="Подробное описание товара... Можно использовать переносы строк."></textarea>
-                         <label for="add_category">Категория:</label>
-                         <select id="add_category" name="category">
-                             <option value="Без категории">Без категории</option>
-                             {% for category in categories %}
-                             <option value="{{ category }}">{{ category }}</option>
-                             {% endfor %}
-                         </select>
-                         <label for="add_photos">Фотографии (JPG, PNG, GIF, WebP - до 10 шт.):</label>
-                         <input type="file" id="add_photos" name="photos" accept="image/*" multiple>
-                         <label>Цвета/Варианты (оставьте пустым, если нет):</label>
-                         <div id="add-color-inputs">
-                             <div class="color-input-group">
-                                 <input type="text" name="colors" placeholder="Например: Розовый">
-                                 <button type="button" class="remove-color-btn button" onclick="removeColorInput(this)" title="Удалить поле"><i class="fas fa-times"></i></button>
-                             </div>
-                         </div>
-                         <button type="button" class="button add-color-btn" style="margin-top: 5px;" onclick="addColorInput('add-color-inputs')"><i class="fas fa-palette"></i> Добавить поле</button>
-                         <br>
-                         <button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Добавить товар</button>
-                     </form>
-                 </div>
-            </details>
-
-            <h3>Список товаров:</h3>
-            {% if products %}
-            <div class="item-list">
-                {% for product in products %}
-                <div class="item">
-                    <div style="display: flex; gap: 15px; align-items: flex-start;">
-                         {# Превью первого фото #}
-                         <div class="photo-preview" style="flex-shrink: 0; margin-top: 0;"> {# Убираем верхний отступ у превью #}
-                            {% if product.get('photos') and product['photos']|length > 0 %}
-                            <a href="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" target="_blank" title="Посмотреть первое фото">
-                               <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" alt="Фото" onerror="this.onerror=null; this.src='https://via.placeholder.com/70x70.png?text=Err';">
-                            </a>
-                            {% else %}
-                            <img src="https://via.placeholder.com/70x70.png?text=N/A" alt="Нет фото">
-                            {% endif %}
-                        </div>
-                        {# Информация о товаре #}
-                        <div style="flex-grow: 1;">
-                            <h4 style="margin-top: 0; margin-bottom: 5px; color: #2d332f;">{{ product['name'] }}</h4>
-                            <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
-                            <p><strong>Цена:</strong> {{ "%.2f"|format(product['price']) }} {{ currency_code }}</p>
-                            <p class="description" title="{{ product.get('description', '') }}"><strong>Описание:</strong> {{ product.get('description', 'N/A')[:150] }}{% if product.get('description', '')|length > 150 %}...{% endif %}</p>
-                            {% set colors = product.get('colors', [])|select('ne', '')|list %} {# Фильтруем пустые строки #}
-                            <p><strong>Цвета/Вар-ты:</strong> {{ colors|join(', ') if colors else 'Нет' }}</p>
-                            {% if product.get('photos') and product['photos']|length > 1 %}
-                                <p style="font-size: 0.8rem; color: #5e6e68;">(Всего фото: {{ product['photos']|length }})</p>
-                            {% elif product.get('photos') and product['photos']|length == 1 %}
-                                <p style="font-size: 0.8rem; color: #5e6e68;">(1 фото)</p>
-                            {% endif %}
-                        </div>
-                    </div>
-
-                    <div class="item-actions">
-                         <button type="button" class="button" onclick="toggleEditForm('edit-form-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button>
-                        <form method="POST" style="margin:0;" onsubmit="return confirm('Вы уверены, что хотите удалить товар \'{{ product['name'] }}\'? Фотографии товара также будут удалены с сервера.');">
-                            <input type="hidden" name="action" value="delete_product">
-                            <input type="hidden" name="index" value="{{ loop.index0 }}">
-                            <button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button>
-                        </form>
-                    </div>
-
-                    {# Форма редактирования (скрыта по умолчанию) #}
-                    <div id="edit-form-{{ loop.index0 }}" class="edit-form-container">
-                        <h4><i class="fas fa-edit"></i> Редактирование: {{ product['name'] }}</h4>
-                        <form method="POST" enctype="multipart/form-data">
-                            <input type="hidden" name="action" value="edit_product">
-                            <input type="hidden" name="index" value="{{ loop.index0 }}">
-                            <label>Название *:</label>
-                            <input type="text" name="name" value="{{ product['name'] }}" required>
-                            <label>Цена ({{ currency_code }}) *:</label>
-                            <input type="number" name="price" step="0.01" min="0" value="{{ product['price'] }}" required>
-                            <label>Описание:</label>
-                            <textarea name="description" rows="4" placeholder="Подробное описание товара...">{{ product.get('description', '') }}</textarea>
-                            <label>Категория:</label>
-                            <select name="category">
-                                <option value="Без категории" {% if product.get('category', 'Без категории') == 'Без категории' %}selected{% endif %}>Без категории</option>
-                                {% for category in categories %}
-                                <option value="{{ category }}" {% if product.get('category') == category %}selected{% endif %}>{{ category }}</option>
-                                {% endfor %}
-                            </select>
-                            <label>Заменить фотографии (выберите новые файлы, до 10 шт.):</label>
-                            <input type="file" name="photos" accept="image/*" multiple>
-                             {% if product.get('photos') %}
-                                <p style="font-size: 0.85rem; margin-top: 10px; margin-bottom: 5px;">Текущие фото (при выборе новых файлов они будут заменены):</p>
-                                <div class="photo-preview">
-                                    {% for photo in product['photos'] %}
-                                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}" alt="Фото {{ loop.index }}" onerror="this.onerror=null; this.src='https://via.placeholder.com/70x70.png?text=Err';">
-                                    {% endfor %}
-                                </div>
-                             {% else %}
-                                <p style="font-size: 0.85rem; margin-top: 10px; margin-bottom: 5px;">У товара нет текущих фото.</p>
-                             {% endif %}
-                             <p style="font-size: 0.8rem; color: #5e6e68;">Если оставить поле выбора файлов пустым, текущие фото сохранятся.</p>
-
-                            <label style="margin-top: 15px;">Цвета/Варианты:</label>
-                            <div id="edit-color-inputs-{{ loop.index0 }}">
-                                {% set current_colors = product.get('colors', []) %}
-                                {% if current_colors and current_colors|select('ne', '')|list|length > 0 %}
-                                    {% for color in current_colors %}
-                                        {% if color.strip() %} {# Отображаем только не пустые #}
-                                        <div class="color-input-group">
-                                            <input type="text" name="colors" value="{{ color }}">
-                                            <button type="button" class="remove-color-btn button" onclick="removeColorInput(this)" title="Удалить поле"><i class="fas fa-times"></i></button>
-                                        </div>
-                                        {% endif %}
-                                    {% endfor %}
-                                 {% else %}
-                                     {# Добавляем одно пустое поле, если цветов нет #}
-                                     <div class="color-input-group">
-                                        <input type="text" name="colors" placeholder="Например: Красный">
-                                        <button type="button" class="remove-color-btn button" onclick="removeColorInput(this)" title="Удалить поле"><i class="fas fa-times"></i></button>
-                                     </div>
-                                 {% endif %}
-                            </div>
-                            <button type="button" class="button add-color-btn" style="margin-top: 5px;" onclick="addColorInput('edit-color-inputs-{{ loop.index0 }}')"><i class="fas fa-palette"></i> Добавить поле</button>
-                            <br>
-                            <button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Сохранить изменения</button>
-                        </form>
-                    </div>
-                </div>
-                {% endfor %}
-            </div>
-            {% else %}
-            <p>Товаров пока нет.</p>
-            {% endif %}
-        </section>
-
+        <a href="{{ url_for('catalog') }}" class="back-link">← Вернуться в каталог</a>
     </div>
-
-    <script>
-        function toggleEditForm(formId) {
-            const formContainer = document.getElementById(formId);
-            if (formContainer) {
-                const isHidden = formContainer.style.display === 'none' || formContainer.style.display === '';
-                formContainer.style.display = isHidden ? 'block' : 'none';
-            }
-        }
-
-        function addColorInput(containerId) {
-            const container = document.getElementById(containerId);
-            if (container) {
-                const newInputGroup = document.createElement('div');
-                newInputGroup.className = 'color-input-group';
-                newInputGroup.innerHTML = `
-                    <input type="text" name="colors" placeholder="Новый цвет/вариант">
-                    <button type="button" class="remove-color-btn button" onclick="removeColorInput(this)" title="Удалить поле"><i class="fas fa-times"></i></button>
-                `;
-                container.appendChild(newInputGroup);
-                // Установить фокус на новый инпут
-                const newInput = newInputGroup.querySelector('input[name="colors"]');
-                if (newInput) {
-                    newInput.focus();
-                }
-            }
-        }
-
-        function removeColorInput(button) {
-            // Ищем ближайший родительский элемент с классом 'color-input-group'
-            const group = button.closest('.color-input-group');
-            if (group) {
-                const container = group.parentNode;
-                group.remove();
-                 // Опционально: если удалили последний в контейнере *добавления*, можно добавить новый пустой
-                if (container && container.id.startsWith('add-') && container.children.length === 0) {
-                    addColorInput(container.id);
-                 }
-            } else {
-                 console.warn("Не удалось найти родительский .color-input-group для кнопки удаления");
-            }
-        }
-
-        // Закрывать details при клике вне его (опционально, может мешать)
-        /*
-        document.addEventListener('click', function(event) {
-            document.querySelectorAll('details[open]').forEach((details) => {
-                if (!details.contains(event.target)) {
-                    details.removeAttribute('open');
-                }
-            });
-        });
-        */
-    </script>
 </body>
 </html>
 '''
 
-# --- Маршруты Flask ---
-
-@app.route('/')
-def catalog():
-    """Главная страница каталога товаров."""
-    data = load_data()
-    # Сортировка данных перед отображением
-    products = sorted(data.get('products', []), key=lambda x: x.get('name', '').lower())
-    categories = sorted(data.get('categories', []))
-    is_authenticated = 'user' in session
-
-    return render_template_string(
-        CATALOG_TEMPLATE, # Используем переменную с шаблоном
-        products=products,
-        categories=categories,
-        repo_id=REPO_ID,
-        is_authenticated=is_authenticated,
-        store_address=STORE_ADDRESS,
-        session=session, # session доступен в Jinja2 по умолчанию
-        currency_code=CURRENCY_CODE
-    )
-
-
-@app.route('/product/<int:index>')
-def product_detail(index):
-    """Отдает HTML с деталями одного продукта для модального окна."""
-    data = load_data()
-    # Получаем продукты, отсортированные так же, как на главной
-    products = sorted(data.get('products', []), key=lambda x: x.get('name', '').lower())
-    is_authenticated = 'user' in session
-    try:
-        product = products[index]
-    except IndexError:
-        logging.warning(f"Попытка доступа к несуществующему продукту с индексом {index}")
-        return "<p style='color: red; text-align:center;'>Товар не найден.</p>", 404
-
-    return render_template_string(
-        PRODUCT_DETAIL_TEMPLATE, # Используем отдельный шаблон для деталей
-        product=product,
-        repo_id=REPO_ID,
-        is_authenticated=is_authenticated,
-        currency_code=CURRENCY_CODE
-    )
-
-# --- Маршруты аутентификации ---
-
 @app.route('/login', methods=['GET', 'POST'])
 def login():
     """Страница входа пользователя."""
-    if 'user' in session:
-        return redirect(url_for('catalog')) # Уже вошел - редирект в каталог
-
-    error_message = None # Используем None вместо пустой строки для проверки в шаблоне
-
     if request.method == 'POST':
-        login_attempt = request.form.get('login')
-        password_attempt = request.form.get('password')
-
-        if not login_attempt or not password_attempt:
-             flash("Логин и пароль обязательны.", 'error')
-             # Возвращаем шаблон с сообщением об ошибке
-             return render_template_string(LOGIN_TEMPLATE, error=None), 400
+        login = request.form.get('login')
+        password = request.form.get('password')
+        if not login or not password:
+             return render_template_string(LOGIN_TEMPLATE, error="Логин и пароль не могут быть пустыми."), 400
 
         users = load_users()
 
-        # --- ВАЖНО: НЕБЕЗОПАСНОЕ СРАВНЕНИЕ ПАРОЛЕЙ ---
-        # В реальном приложении ИСПОЛЬЗУЙТЕ ХЕШИРОВАНИЕ ПАРОЛЕЙ (например, passlib или werkzeug.security)
-        # Пример с Werkzeug:
-        # from werkzeug.security import check_password_hash
-        # stored_hash = users.get(login_attempt, {}).get('password_hash')
-        # if stored_hash and check_password_hash(stored_hash, password_attempt):
-        #     # Успех
-        # else:
-        #     # Неудача
-
-        # --- Текущая (небезопасная) проверка ---
-        user_data = users.get(login_attempt)
-        if user_data and user_data.get('password') == password_attempt:
-            # Успешный вход
-            session['user'] = login_attempt
-            # Сохраняем нужную информацию о пользователе в сессии
+        # Важно: В реальном приложении используйте хеширование паролей!
+        # Пример с хешированием (нужна библиотека passlib):
+        # from passlib.hash import pbkdf2_sha256
+        # if login in users and pbkdf2_sha256.verify(password, users[login].get('password_hash')):
+        # Либо простая проверка для демонстрации:
+        if login in users and users[login].get('password') == password:
+            user_info = users[login]
+            session['user'] = login
             session['user_info'] = {
-                'login': login_attempt,
-                'first_name': user_data.get('first_name', ''),
-                'last_name': user_data.get('last_name', ''),
-                'country': user_data.get('country', ''),
-                'city': user_data.get('city', '')
+                'login': login,
+                'first_name': user_info.get('first_name', ''),
+                'last_name': user_info.get('last_name', ''),
+                'country': user_info.get('country', ''),
+                'city': user_info.get('city', '')
             }
-            session.permanent = True # Делаем сессию постоянной (зависит от настройки app.permanent_session_lifetime)
-            logging.info(f"Пользователь '{login_attempt}' успешно вошел в систему.")
-
-            # Ответ с JS для сохранения логина в localStorage и редиректом
+            logging.info(f"Пользователь {login} успешно вошел в систему.")
             login_response_html = f'''
              <!DOCTYPE html><html><head><title>Перенаправление...</title></head><body>
-             <p>Вход выполнен успешно. Перенаправление в <a href="{url_for('catalog')}">каталог</a>...</p>
              <script>
-                try {{
-                    localStorage.setItem('soolaUser', '{login_attempt}');
-                    console.log('User login saved to localStorage: {login_attempt}');
-                }} catch (e) {{
-                    console.error("Ошибка сохранения логина в localStorage:", e);
-                }}
+                try {{ localStorage.setItem('soolaUser', '{login}'); }} catch (e) {{ console.error("Ошибка сохранения в localStorage:", e); }}
                 window.location.href = "{url_for('catalog')}";
              </script>
+             <p>Вход выполнен успешно. Перенаправление в <a href="{url_for('catalog')}">каталог</a>...</p>
              </body></html>
              '''
             return login_response_html
         else:
-            # Неудачный вход
-            logging.warning(f"Неудачная попытка входа для пользователя '{login_attempt}'.")
+            logging.warning(f"Неудачная попытка входа для пользователя {login}.")
             error_message = "Неверный логин или пароль."
-            flash(error_message, 'error')
-            # Возвращаем шаблон с сообщением об ошибке, статус 401
             return render_template_string(LOGIN_TEMPLATE, error=error_message), 401
 
-    # GET запрос - просто отображаем форму входа
-    return render_template_string(LOGIN_TEMPLATE, error=error_message)
+    # GET запрос
+    return render_template_string(LOGIN_TEMPLATE, error=None)
 
 
 @app.route('/auto_login', methods=['POST'])
 def auto_login():
     """Попытка автоматического входа по логину из localStorage."""
-    if 'user' in session:
-         # Пользователь уже в сессии, ничего не делаем
-         return "Already logged in", 200
-
     data = request.get_json()
     if not data or 'login' not in data:
-         logging.warning("Запрос auto_login без данных или ключа 'login'.")
+         logging.warning("Запрос auto_login без данных или логина.")
          return "Неверный запрос", 400
 
-    login_from_storage = data.get('login')
-    if not login_from_storage:
+    login = data.get('login')
+    if not login:
         logging.warning("Попытка auto_login с пустым логином.")
         return "Логин не предоставлен", 400
 
     users = load_users()
-    user_data = users.get(login_from_storage)
-
-    if user_data:
-        # Пользователь найден. Входим без проверки пароля (доверие localStorage).
-        # Это менее безопасно, чем полноценный вход.
-        session['user'] = login_from_storage
+    if login in users:
+        # Пароль не проверяем при авто-логине, т.к. он не передается
+        # Доверяем только наличию логина в localStorage (умеренная безопасность)
+        user_info = users[login]
+        session['user'] = login
         session['user_info'] = {
-            'login': login_from_storage,
-            'first_name': user_data.get('first_name', ''),
-            'last_name': user_data.get('last_name', ''),
-            'country': user_data.get('country', ''),
-            'city': user_data.get('city', '')
-        }
-        session.permanent = True
-        logging.info(f"Автоматический вход для пользователя '{login_from_storage}' выполнен.")
+                'login': login,
+                'first_name': user_info.get('first_name', ''),
+                'last_name': user_info.get('last_name', ''),
+                'country': user_info.get('country', ''),
+                'city': user_info.get('city', '')
+            }
+        logging.info(f"Автоматический вход для пользователя {login} выполнен.")
         return "OK", 200
     else:
-        # Пользователь из localStorage не найден в базе (возможно, удален)
-        logging.warning(f"Неудачная попытка автоматического входа: пользователь '{login_from_storage}' не найден.")
-        # Возвращаем ошибку, чтобы JS удалил невалидный ключ из localStorage
-        return "User not found", 404 # Или 403 Forbidden, или 400
-
+        logging.warning(f"Неудачная попытка автоматического входа для несуществующего пользователя {login}.")
+        # Важно: Не возвращаем 401 или 404, чтобы не раскрывать существование пользователей
+        # Просто возвращаем ошибку, чтобы JS удалил невалидный логин из localStorage
+        return "Ошибка авто-входа", 400 # Или 403 Forbidden
 
 @app.route('/logout')
 def logout():
     """Выход пользователя из системы."""
     logged_out_user = session.get('user')
-    # Очищаем сессию
     session.pop('user', None)
     session.pop('user_info', None)
     if logged_out_user:
-        logging.info(f"Пользователь '{logged_out_user}' вышел из системы.")
-        flash(f"Вы успешно вышли из системы.", 'success') # Сообщение пользователю
-
+        logging.info(f"Пользователь {logged_out_user} вышел из системы.")
     # Ответ с JS для очистки localStorage и редиректом
-    logout_response_html = f'''
+    logout_response_html = '''
      <!DOCTYPE html><html><head><title>Выход...</title></head><body>
-     <p>Выход выполнен. Перенаправление на <a href="{url_for('catalog')}">главную страницу</a>...</p>
      <script>
-         try {{
-             localStorage.removeItem('soolaUser');
-             console.log('User login removed from localStorage.');
-         }} catch (e) {{
-             console.error("Ошибка удаления логина из localStorage:", e);
-         }}
-         window.location.href = "{url_for('catalog')}";
+         try { localStorage.removeItem('soolaUser'); } catch (e) { console.error("Ошибка удаления из localStorage:", e); }
+         window.location.href = "/";
      </script>
+      <p>Выход выполнен. Перенаправление на <a href="/">главную страницу</a>...</p>
      </body></html>
     '''
     return logout_response_html
 
 # --- Админ-панель ---
+# Шаблон админ-панели с темно-зелеными акцентами
+ADMIN_TEMPLATE = '''
+    <!DOCTYPE html>
+    <html lang="ru">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Админ-панель - Soola Cosmetics</title>
+        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+        <style>
+            body { font-family: 'Poppins', sans-serif; background-color: #e9f5f0; color: #2d332f; padding: 20px; line-height: 1.6; } /* Светло-зеленый фон */
+            .container { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
+            .header { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #d1e7dd; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
+            h1, h2, h3 { font-weight: 600; color: #1C6758; margin-bottom: 15px; } /* Темно-зеленые заголовки */
+            h1 { font-size: 1.8rem; }
+            h2 { font-size: 1.5rem; margin-top: 30px; display: flex; align-items: center; gap: 8px; }
+            h3 { font-size: 1.2rem; color: #164B41; margin-top: 20px; } /* Темнее зеленый для подзаголовков */
+            .section { margin-bottom: 30px; padding: 20px; background-color: #f8fcfb; border: 1px solid #d1e7dd; border-radius: 8px; }
+            form { margin-bottom: 20px; }
+            label { font-weight: 500; margin-top: 10px; display: block; color: #44524c; font-size: 0.9rem;}
+            input[type="text"], input[type="number"], input[type="password"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #c4d9d1; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; transition: border-color 0.3s ease; }
+            input:focus, textarea:focus, select:focus { border-color: #1C6758; outline: none; box-shadow: 0 0 0 2px rgba(28, 103, 88, 0.1); } /* Фокус - темно-зеленый */
+            textarea { min-height: 80px; resize: vertical; }
+            input[type="file"] { padding: 8px; background-color: #f0f9f4; cursor: pointer; border: 1px solid #c4d9d1;}
+            input[type="file"]::file-selector-button { padding: 5px 10px; border-radius: 4px; background-color: #e0f0e9; border: 1px solid #c4d9d1; cursor: pointer; margin-right: 10px;}
+            button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: #1C6758; color: white; font-weight: 500; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; margin-top: 15px; font-size: 0.95rem; display: inline-flex; align-items: center; gap: 5px; text-decoration: none; line-height: 1.2;} /* Кнопка - темно-зеленая */
+            button:hover, .button:hover { background-color: #164B41; } /* Ховер кнопки - темнее */
+            button:active, .button:active { transform: scale(0.98); }
+            button[type="submit"] { min-width: 120px; justify-content: center; }
+            .delete-button { background-color: #f56565; } /* Удаление - красный */
+            .delete-button:hover { background-color: #e53e3e; }
+            .add-button { background-color: #38a169; } /* Добавить - ярко-зеленый */
+            .add-button:hover { background-color: #2f855a; }
+            .item-list { display: grid; gap: 20px; }
+            .item { background: #fff; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.07); border: 1px solid #e1f0e9; }
+            .item p { margin: 5px 0; font-size: 0.9rem; color: #44524c; }
+            .item strong { color: #2d332f; }
+            .item .description { font-size: 0.85rem; color: #5e6e68; max-height: 60px; overflow: hidden; text-overflow: ellipsis; }
+            .item-actions { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; }
+            /* Кнопка редактирования - основной темно-зеленый */
+            .item-actions button:not(.delete-button) { background-color: #1C6758; }
+            .item-actions button:not(.delete-button):hover { background-color: #164B41; }
+            .edit-form-container { margin-top: 15px; padding: 20px; background: #f0f9f4; border: 1px dashed #c4d9d1; border-radius: 6px; display: none; /* Скрыто по умолчанию */ }
+             details { background-color: #f8fcfb; border: 1px solid #d1e7dd; border-radius: 8px; margin-bottom: 20px; }
+             details > summary { cursor: pointer; font-weight: 600; color: #164B41; display: block; padding: 15px; border-bottom: 1px solid #d1e7dd; list-style: none; /* Убрать стандартный маркер */ position: relative; } /* Заголовок details - темнее зеленый */
+             details > summary::after { content: '\\f078'; /* FontAwesome chevron-down */ font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; color: #1C6758; } /* Стрелка - темно-зеленая */
+             details[open] > summary::after { transform: translateY(-50%) rotate(180deg); }
+             details[open] > summary { border-bottom: 1px solid #d1e7dd; }
+             details .form-content { padding: 20px; }
+             .color-input-group { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
+             .color-input-group input { flex-grow: 1; margin: 0; }
+             .remove-color-btn { background-color: #f56565; padding: 6px 10px; font-size: 0.8rem; margin-top: 0; line-height: 1; } /* Удалить цвет - красный */
+             .remove-color-btn:hover { background-color: #e53e3e; }
+             /* Кнопка "Добавить поле цвета" - синяя для контраста */
+             .add-color-btn { background-color: #63b3ed; }
+             .add-color-btn:hover { background-color: #4299e1; }
+             .photo-preview img { max-width: 70px; max-height: 70px; border-radius: 5px; margin: 5px 5px 0 0; border: 1px solid #d1e7dd; object-fit: cover;}
+             .sync-buttons { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
+             /* Кнопка "Скачать с HF" - более мягкий цвет, например, серый */
+             .download-hf-button { background-color: #7a8d85; }
+             .download-hf-button:hover { background-color: #5e6e68; }
+             .flex-container { display: flex; flex-wrap: wrap; gap: 20px; }
+             .flex-item { flex: 1; min-width: 350px; /* Минимальная ширина колонки */ }
+             .message { padding: 10px 15px; border-radius: 6px; margin-bottom: 15px; font-size: 0.9rem;}
+             .message.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb;} /* Успех - зеленый */
+             .message.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb;} /* Ошибка - красный */
+             .message.warning { background-color: #fff3cd; color: #856404; border: 1px solid #ffeeba; } /* Предупреждение - желтый */
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <div class="header">
+                <h1><i class="fas fa-tools"></i> Админ-панель Soola Cosmetics</h1>
+                <a href="{{ url_for('catalog') }}" class="button" style="background-color: #3D8361;"><i class="fas fa-store"></i> Перейти в каталог</a> {# Средне-зеленая кнопка каталога #}
+            </div>
+
+             {# Сообщения об успехе/ошибке #}
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="message {{ category }}">{{ message }}</div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <div class="section">
+                <h2><i class="fas fa-sync-alt"></i> Синхронизация с Hugging Face</h2>
+                <div class="sync-buttons">
+                    <form method="POST" action="{{ url_for('force_upload') }}" style="display: inline;" onsubmit="return confirm('Вы уверены, что хотите принудительно загрузить локальные данные на сервер? Это перезапишет данные на сервере.');">
+                        <button type="submit" class="button" title="Загрузить локальные файлы на Hugging Face"><i class="fas fa-upload"></i> Загрузить на HF</button> {# Основная темно-зеленая кнопка #}
+                    </form>
+                    <form method="POST" action="{{ url_for('force_download') }}" style="display: inline;" onsubmit="return confirm('Вы уверены, что хотите принудительно скачать данные с сервера? Это перезапишет ваши локальные файлы.');">
+                        <button type="submit" class="button download-hf-button" title="Скачать файлы с Hugging Face (перезапишет локальные)"><i class="fas fa-download"></i> Скачать с HF</button> {# Серая кнопка #}
+                    </form>
+                </div>
+                 <p style="font-size: 0.85rem; color: #5e6e68;">Резервное копирование на Hugging Face происходит автоматически каждые 30 минут, а также после каждого сохранения данных. Используйте эти кнопки для немедленной синхронизации.</p>
+            </div>
+
+
+            <div class="flex-container">
+                 <div class="flex-item"> {# Колонка Категории #}
+                     <div class="section">
+                         <h2><i class="fas fa-tags"></i> Управление категориями</h2>
+                          <details>
+                              <summary><i class="fas fa-plus-circle"></i> Добавить новую категорию</summary>
+                              <div class="form-content">
+                                  <form method="POST">
+                                      <input type="hidden" name="action" value="add_category">
+                                      <label for="add_category_name">Название новой категории:</label>
+                                      <input type="text" id="add_category_name" name="category_name" required>
+                                      <button type="submit" class="add-button"><i class="fas fa-plus"></i> Добавить</button> {# Ярко-зеленая кнопка #}
+                                  </form>
+                              </div>
+                          </details>
+
+                         <h3>Существующие категории:</h3>
+                         {% if categories %}
+                         <div class="item-list">
+                             {% for category in categories %}
+                             <div class="item" style="display: flex; justify-content: space-between; align-items: center;">
+                                 <span>{{ category }}</span>
+                                 <form method="POST" style="margin: 0;" onsubmit="return confirm('Вы уверены, что хотите удалить категорию \'{{ category }}\'? Товары этой категории будут помечены как \'Без категории\'.');">
+                                     <input type="hidden" name="action" value="delete_category">
+                                     <input type="hidden" name="category_name" value="{{ category }}">
+                                     <button type="submit" class="delete-button" style="padding: 5px 10px; font-size: 0.8rem; margin: 0;"><i class="fas fa-trash-alt"></i></button> {# Красная кнопка #}
+                                 </form>
+                             </div>
+                             {% endfor %}
+                         </div>
+                         {% else %}
+                         <p>Категорий пока нет.</p>
+                         {% endif %}
+                     </div>
+                 </div>
+
+                 <div class="flex-item"> {# Колонка Пользователи #}
+                      <div class="section">
+                        <h2><i class="fas fa-users"></i> Управление пользователями</h2>
+                         <details>
+                            <summary><i class="fas fa-user-plus"></i> Добавить нового пользователя</summary>
+                            <div class="form-content">
+                                <form method="POST">
+                                    <input type="hidden" name="action" value="add_user">
+                                    <label for="login">Логин *:</label>
+                                    <input type="text" id="login" name="login" required>
+                                    <label for="password">Пароль *:</label>
+                                    <input type="password" id="password" name="password" required title="Пароль будет сохранен в открытом виде. Рекомендуется использовать менеджер паролей.">
+                                    <p style="font-size: 0.8rem; color: #777;">Внимание: пароль хранится в незашифрованном виде.</p>
+                                    <label for="first_name">Имя:</label>
+                                    <input type="text" id="first_name" name="first_name">
+                                    <label for="last_name">Фамилия:</label>
+                                    <input type="text" id="last_name" name="last_name">
+                                    <label for="country">Страна:</label>
+                                    <input type="text" id="country" name="country">
+                                    <label for="city">Город:</label>
+                                    <input type="text" id="city" name="city">
+                                    <button type="submit" class="add-button"><i class="fas fa-save"></i> Сохранить пользователя</button> {# Ярко-зеленая кнопка #}
+                                </form>
+                            </div>
+                         </details>
+
+                         <h3>Список пользователей:</h3>
+                         {% if users %}
+                         <div class="item-list">
+                             {% for login, user_data in users.items() %}
+                             <div class="item">
+                                 <p><strong>Логин:</strong> {{ login }}</p>
+                                 <p><strong>Имя:</strong> {{ user_data.get('first_name', 'N/A') }} {{ user_data.get('last_name', '') }}</p>
+                                 <p><strong>Локация:</strong> {{ user_data.get('city', 'N/A') }}, {{ user_data.get('country', 'N/A') }}</p>
+                                 <div class="item-actions">
+                                     <form method="POST" style="margin: 0;" onsubmit="return confirm('Вы уверены, что хотите удалить пользователя \'{{ login }}\'?');">
+                                         <input type="hidden" name="action" value="delete_user">
+                                         <input type="hidden" name="login" value="{{ login }}">
+                                         <button type="submit" class="delete-button"><i class="fas fa-user-slash"></i> Удалить</button> {# Красная кнопка #}
+                                     </form>
+                                     {# Можно добавить кнопку редактирования пользователя, если нужно #}
+                                 </div>
+                             </div>
+                             {% endfor %}
+                         </div>
+                         {% else %}
+                         <p>Пользователей пока нет.</p>
+                         {% endif %}
+                     </div>
+                 </div>
+            </div>
+
 
-# Простая проверка прав администратора (замените на свою логику, если нужно)
-def is_admin():
-    # Пример: разрешить доступ всем вошедшим пользователям
-    # Для более строгой проверки: return session.get('user') == 'admin_login'
-    # Или проверить роль пользователя из session['user_info']
-    return 'user' in session
+            <div class="section"> {# Секция Товары #}
+                <h2><i class="fas fa-box-open"></i> Управление товарами</h2>
+                 <details>
+                     <summary><i class="fas fa-plus-circle"></i> Добавить новый товар</summary>
+                     <div class="form-content">
+                         <form method="POST" enctype="multipart/form-data">
+                             <input type="hidden" name="action" value="add_product">
+                             <label for="add_name">Название товара *:</label>
+                             <input type="text" id="add_name" name="name" required>
+                             <label for="add_price">Цена ({{ currency_code }}) *:</label>
+                             <input type="number" id="add_price" name="price" step="0.01" min="0" required>
+                             <label for="add_description">Описание:</label>
+                             <textarea id="add_description" name="description" rows="4"></textarea>
+                             <label for="add_category">Категория:</label>
+                             <select id="add_category" name="category">
+                                 <option value="Без категории">Без категории</option>
+                                 {% for category in categories %}
+                                 <option value="{{ category }}">{{ category }}</option>
+                                 {% endfor %}
+                             </select>
+                             <label for="add_photos">Фотографии (до 10 шт.):</label>
+                             <input type="file" id="add_photos" name="photos" accept="image/*" multiple>
+                             <label>Цвета/Варианты (оставьте пустым, если нет):</label>
+                             <div id="add-color-inputs">
+                                 <div class="color-input-group">
+                                     <input type="text" name="colors" placeholder="Например: Розовый">
+                                     <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> {# Красная кнопка #}
+                                 </div>
+                             </div>
+                             <button type="button" class="button add-color-btn" style="margin-top: 5px;" onclick="addColorInput('add-color-inputs')"><i class="fas fa-palette"></i> Добавить поле для цвета/варианта</button> {# Синяя кнопка #}
+                             <br>
+                             <button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Добавить товар</button> {# Ярко-зеленая кнопка #}
+                         </form>
+                     </div>
+                </details>
+
+                <h3>Список товаров:</h3>
+                {% if products %}
+                <div class="item-list">
+                    {% for product in products %}
+                    <div class="item">
+                        <div style="display: flex; gap: 15px; align-items: flex-start;">
+                             {# Превью первого фото #}
+                             <div class="photo-preview" style="flex-shrink: 0;">
+                                {% if product.get('photos') %}
+                                <a href="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" target="_blank" title="Посмотреть первое фото">
+                                   <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" alt="Фото">
+                                </a>
+                                {% else %}
+                                <img src="https://via.placeholder.com/70x70.png?text=N/A" alt="Нет фото">
+                                {% endif %}
+                            </div>
+                            {# Информация о товар�� #}
+                            <div style="flex-grow: 1;">
+                                <h3 style="margin-top: 0; margin-bottom: 5px; color: #2d332f;">{{ product['name'] }}</h3> {# Цвет текста заголовка #}
+                                <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
+                                <p><strong>Цена:</strong> {{ "%.2f"|format(product['price']) }} {{ currency_code }}</p>
+                                <p class="description" title="{{ product.get('description', '') }}"><strong>Описание:</strong> {{ product.get('description', 'N/A')[:150] }}{% if product.get('description', '')|length > 150 %}...{% endif %}</p>
+                                {% set colors = product.get('colors', []) %}
+                                <p><strong>Цвета/Вар-ты:</strong> {{ colors|select('ne', '')|join(', ') if colors|select('ne', '')|list|length > 0 else 'Нет' }}</p>
+                                {% if product.get('photos') and product['photos']|length > 1 %}
+                                    <p style="font-size: 0.8rem; color: #5e6e68;">(Всего фото: {{ product['photos']|length }})</p>
+                                {% endif %}
+                            </div>
+                        </div>
+
+                        <div class="item-actions">
+                             <button type="button" class="button" onclick="toggleEditForm('edit-form-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button> {# Основная темно-зеленая кнопка #}
+                            <form method="POST" style="margin:0;" onsubmit="return confirm('Вы уверены, что хотите удалить товар \'{{ product['name'] }}\'?');">
+                                <input type="hidden" name="action" value="delete_product">
+                                <input type="hidden" name="index" value="{{ loop.index0 }}">
+                                <button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button> {# Красная кнопка #}
+                            </form>
+                        </div>
+
+                        {# Форма редактирования (скрыта по умолчанию) #}
+                        <div id="edit-form-{{ loop.index0 }}" class="edit-form-container">
+                            <h4><i class="fas fa-edit"></i> Редактирование: {{ product['name'] }}</h4>
+                            <form method="POST" enctype="multipart/form-data">
+                                <input type="hidden" name="action" value="edit_product">
+                                <input type="hidden" name="index" value="{{ loop.index0 }}">
+                                <label>Название *:</label>
+                                <input type="text" name="name" value="{{ product['name'] }}" required>
+                                <label>Цена ({{ currency_code }}) *:</label>
+                                <input type="number" name="price" step="0.01" min="0" value="{{ product['price'] }}" required>
+                                <label>Описание:</label>
+                                <textarea name="description" rows="4">{{ product.get('description', '') }}</textarea>
+                                <label>Категория:</label>
+                                <select name="category">
+                                    <option value="Без категории" {% if product.get('category', 'Без категории') == 'Без категории' %}selected{% endif %}>Без категории</option>
+                                    {% for category in categories %}
+                                    <option value="{{ category }}" {% if product.get('category') == category %}selected{% endif %}>{{ category }}</option>
+                                    {% endfor %}
+                                </select>
+                                <label>Заменить фотографии (выберите новые файлы, до 10 шт.):</label>
+                                <input type="file" name="photos" accept="image/*" multiple>
+                                 {% if product.get('photos') %}
+                                    <p style="font-size: 0.85rem; margin-top: 5px;">Текущие фото:</p>
+                                    <div class="photo-preview">
+                                        {% for photo in product['photos'] %}
+                                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }}" alt="Фото {{ loop.index }}">
+                                        {% endfor %}
+                                    </div>
+                                {% endif %}
+                                <label>Цвета/Варианты:</label>
+                                <div id="edit-color-inputs-{{ loop.index0 }}">
+                                    {% set current_colors = product.get('colors', []) %}
+                                    {% if current_colors and current_colors|select('ne', '')|list|length > 0 %}
+                                        {% for color in current_colors %}
+                                            {% if color.strip() %} {# Отображаем только не пустые #}
+                                            <div class="color-input-group">
+                                                <input type="text" name="colors" value="{{ color }}">
+                                                <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> {# Красная кнопка #}
+                                            </div>
+                                            {% endif %}
+                                        {% endfor %}
+                                     {% else %}
+                                         {# Добавляем одно пустое поле, если цветов нет #}
+                                         <div class="color-input-group">
+                                            <input type="text" name="colors" placeholder="Например: Красный">
+                                            <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button> {# Красная кнопка #}
+                                         </div>
+                                     {% endif %}
+                                </div>
+                                <button type="button" class="button add-color-btn" style="margin-top: 5px;" onclick="addColorInput('edit-color-inputs-{{ loop.index0 }}')"><i class="fas fa-palette"></i> Добавить поле для цвета</button> {# Синяя кнопка #}
+                                <br>
+                                <button type="submit" class="add-button" style="margin-top: 20px;"><i class="fas fa-save"></i> Сохранить изменения</button> {# Ярко-зеленая кнопка #}
+                            </form>
+                        </div>
+                    </div>
+                    {% endfor %}
+                </div>
+                {% else %}
+                <p>Товаров пока нет.</p>
+                {% endif %}
+            </div>
+
+        </div>
+
+        <script>
+            function toggleEditForm(formId) {
+                const formContainer = document.getElementById(formId);
+                if (formContainer) {
+                    formContainer.style.display = formContainer.style.display === 'none' || formContainer.style.display === '' ? 'block' : 'none';
+                }
+            }
+
+            function addColorInput(containerId) {
+                const container = document.getElementById(containerId);
+                if (container) {
+                    const newInputGroup = document.createElement('div');
+                    newInputGroup.className = 'color-input-group';
+                    newInputGroup.innerHTML = `
+                        <input type="text" name="colors" placeholder="Новый цвет/вариант">
+                        <button type="button" class="remove-color-btn" onclick="removeColorInput(this)"><i class="fas fa-times"></i></button>
+                    `;
+                    container.appendChild(newInputGroup);
+                    // Установить фокус на новый инпут
+                    const newInput = newInputGroup.querySelector('input[name="colors"]');
+                    if (newInput) {
+                        newInput.focus();
+                    }
+                }
+            }
+
+            function removeColorInput(button) {
+                // Ищем ближайший родительский элемент с классом 'color-input-group'
+                const group = button.closest('.color-input-group');
+                if (group) {
+                    const container = group.parentNode;
+                    group.remove();
+                     // Опционально: если удалили последний, можно добавить новый пустой
+                    // if (container && container.children.length === 0) {
+                    //    addColorInput(container.id);
+                    // }
+                } else {
+                     console.warn("Не удалось найти родительский .color-input-group для кнопки удаления");
+                }
+            }
+        </script>
+    </body>
+    </html>
+'''
 
 @app.route('/admin', methods=['GET', 'POST'])
 def admin():
     """Админ-панель для управления товарами, категориями и пользователями."""
-    if not is_admin():
-        flash("Доступ к админ-панели запрещен.", 'error')
+    # Здесь должна быть проверка прав администратора!
+    # Пример: if session.get('user') != 'admin_login': return "Доступ запрещен", 403
+    # Для простоты пока опускаем (В ПРОДАВКШЕНЕ ОБЯЗАТЕЛЬНО ДОБАВИТЬ!)
+    if not session.get('user'): # Простейшая проверка - залогинен ли хоть кто-то
+        flash("Требуется вход для доступа к админ-панели.", 'warning')
         return redirect(url_for('login'))
+    # TODO: Добавить более строгую проверку роли администратора, если пользователей много
 
     data = load_data()
-    # Сортируем для обработки и отображения
-    products = sorted(data.get('products', []), key=lambda x: x.get('name', '').lower())
-    categories = sorted(data.get('categories', []))
-    users = load_users() # Пользователи уже отсортированы при сохранении
+    products = data.get('products', [])
+    categories = data.get('categories', [])
+    users = load_users()
 
     if request.method == 'POST':
         action = request.form.get('action')
-        logging.info(f"Admin action received: {action} by user {session.get('user')}")
+        logging.info(f"Admin action received: {action}")
 
         try:
-            # --- Обработка Категорий ---
             if action == 'add_category':
                 category_name = request.form.get('category_name', '').strip()
                 if category_name and category_name not in categories:
-                    data['categories'].append(category_name) # Добавляем в исходный словарь data
-                    save_data(data) # Сохраняем весь data
+                    categories.append(category_name)
+                    categories.sort() # Сортируем категории
+                    save_data(data)
                     logging.info(f"Категория '{category_name}' добавлена.")
                     flash(f"Категория '{category_name}' успешно добавлена.", 'success')
                 elif not category_name:
@@ -1827,122 +1544,101 @@ def admin():
                      flash("Название категории не может быть пустым.", 'error')
                 else:
                      logging.warning(f"Категория '{category_name}' уже существует.")
-                     flash(f"Категория '{category_name}' уже существует.", 'warning')
+                     flash(f"Категория '{category_name}' уже существует.", 'error')
 
             elif action == 'delete_category':
                 category_to_delete = request.form.get('category_name')
-                if category_to_delete and category_to_delete in data.get('categories', []):
-                    data['categories'].remove(category_to_delete)
+                if category_to_delete and category_to_delete in categories:
+                    categories.remove(category_to_delete)
+                    # Обновляем товары
                     updated_count = 0
-                    for product in data.get('products', []):
+                    for product in products:
                         if product.get('category') == category_to_delete:
                             product['category'] = 'Без категории'
                             updated_count += 1
                     save_data(data)
                     logging.info(f"Категория '{category_to_delete}' удалена. Обновлено товаров: {updated_count}.")
-                    flash(f"Категория '{category_to_delete}' удалена ({updated_count} товаров обновлено).", 'success')
+                    flash(f"Категория '{category_to_delete}' удалена.", 'success')
                 else:
                     logging.warning(f"Попытка удалить несуществующую или пустую категорию: {category_to_delete}")
                     flash(f"Не удалось удалить категорию '{category_to_delete}'.", 'error')
 
-            # --- Обработка Товаров ---
+
             elif action == 'add_product':
                 name = request.form.get('name', '').strip()
                 price_str = request.form.get('price', '').replace(',', '.')
                 description = request.form.get('description', '').strip()
                 category = request.form.get('category')
                 photos_files = request.files.getlist('photos')
-                # Получаем список цветов, фильтруем пустые строки
                 colors = [c.strip() for c in request.form.getlist('colors') if c.strip()]
 
                 if not name or not price_str:
                     flash("Название и цена товара обязательны.", 'error')
-                    # Не делаем редирект, чтобы пользователь не потерял введенные данные
-                    return render_template_string(
-                        ADMIN_TEMPLATE, products=products, categories=categories, users=users,
-                        repo_id=REPO_ID, currency_code=CURRENCY_CODE
-                    )
+                    return redirect(url_for('admin')) # Прерываем выполнение
 
                 try:
                     price = round(float(price_str), 2)
-                    if price < 0: raise ValueError("Цена не может быть отрицательной")
-                except ValueError as ve:
-                     flash(f"Неверный формат цены: {ve}", 'error')
-                     return render_template_string(
-                        ADMIN_TEMPLATE, products=products, categories=categories, users=users,
-                        repo_id=REPO_ID, currency_code=CURRENCY_CODE
-                    )
+                    if price < 0: price = 0
+                except ValueError:
+                     flash("Неверный формат цены.", 'error')
+                     return redirect(url_for('admin'))
 
-                # --- Обработка фото ---
                 photos_list = []
-                if photos_files and any(f.filename for f in photos_files):
-                    if not HF_TOKEN_WRITE:
-                         flash("Ошибка: Токен для записи (HF_TOKEN) не настроен. Фото не могут быть загружены.", 'error')
-                    else:
-                        uploads_dir = 'uploads_temp'
-                        os.makedirs(uploads_dir, exist_ok=True)
-                        api = HfApi()
-                        photo_limit = 10
-                        uploaded_count = 0
-                        for photo in photos_files:
-                             # Пропускаем пустые файлы или если лимит достигнут
-                             if not photo or not photo.filename or uploaded_count >= photo_limit:
-                                 if uploaded_count >= photo_limit and photo and photo.filename:
-                                     logging.warning(f"Достигнут лимит фото ({photo_limit}), фото {photo.filename} проигнорировано.")
-                                     flash(f"Достигнут лимит ({photo_limit} фото), некоторые файлы проигнорированы.", "warning")
-                                 continue
-
-                             try:
-                                 # Создаем уникальное имя файла
-                                 base, ext = os.path.splitext(photo.filename)
-                                 # Делаем имя более безопасным и уникальным
-                                 safe_base = secure_filename(base)[:50] # Ограничиваем длину имени
-                                 photo_filename = f"{safe_base}_{datetime.now().strftime('%Y%m%d%H%M%S%f')}{ext}"
-                                 temp_path = os.path.join(uploads_dir, photo_filename)
-                                 photo.save(temp_path)
-                                 logging.info(f"Загрузка фото {photo_filename} на HF для товара {name}...")
-                                 # Убедимся, что путь в репозитории правильный
-                                 repo_photo_path = f"photos/{photo_filename}"
-                                 api.upload_file(
-                                     path_or_fileobj=temp_path,
-                                     path_in_repo=repo_photo_path,
-                                     repo_id=REPO_ID,
-                                     repo_type="dataset",
-                                     token=HF_TOKEN_WRITE,
-                                     commit_message=f"Add photo {photo_filename} for product {name}"
-                                 )
-                                 photos_list.append(photo_filename)
-                                 logging.info(f"Фото {photo_filename} успешно загружено на {repo_photo_path}.")
-                                 os.remove(temp_path) # Удаляем временный файл
-                                 uploaded_count += 1
-                             except Exception as e:
-                                 logging.error(f"Ошибка загрузки фото {photo.filename} на HF: {e}", exc_info=True)
-                                 flash(f"Ошибка при загрузке фото {photo.filename}. Оно не будет добавлено.", 'error')
-                                 # Очистка временного файла, если он остался
-                                 if 'temp_path' in locals() and os.path.exists(temp_path):
-                                     try: os.remove(temp_path)
-                                     except OSError: pass
-                        # Удаляем временную папку, если она пуста
-                        try:
-                            if not os.listdir(uploads_dir):
-                                os.rmdir(uploads_dir)
-                        except OSError as e:
-                            logging.warning(f"Не удалось удалить временную папку {uploads_dir}: {e}")
-                # --- Конец обработки фото ---
+                if photos_files and HF_TOKEN_WRITE:
+                    uploads_dir = 'uploads_temp'
+                    os.makedirs(uploads_dir, exist_ok=True)
+                    api = HfApi()
+                    photo_limit = 10
+                    uploaded_count = 0
+                    for photo in photos_files:
+                        if uploaded_count >= photo_limit:
+                            logging.warning(f"Достигнут лимит фото ({photo_limit}), остальные фото проигнорированы.")
+                            flash(f"Загружено только первые {photo_limit} фото.", "warning")
+                            break
+                        if photo and photo.filename:
+                            try:
+                                # Создаем уникальное имя файла
+                                ext = os.path.splitext(photo.filename)[1]
+                                photo_filename = secure_filename(f"{name.replace(' ','_')}_{datetime.now().strftime('%Y%m%d%H%M%S%f')}{ext}")
+                                temp_path = os.path.join(uploads_dir, photo_filename)
+                                photo.save(temp_path)
+                                logging.info(f"Загрузка фото {photo_filename} на HF для товара {name}...")
+                                api.upload_file(
+                                    path_or_fileobj=temp_path,
+                                    path_in_repo=f"photos/{photo_filename}", # Путь в репозитории
+                                    repo_id=REPO_ID,
+                                    repo_type="dataset",
+                                    token=HF_TOKEN_WRITE,
+                                    commit_message=f"Add photo for product {name}"
+                                )
+                                photos_list.append(photo_filename)
+                                logging.info(f"Фото {photo_filename} успешно загружено.")
+                                os.remove(temp_path)
+                                uploaded_count += 1
+                            except Exception as e:
+                                logging.error(f"Ошибка загрузки фото {photo.filename} на HF: {e}", exc_info=True)
+                                flash(f"Ошибка при загрузке фото {photo.filename}.", 'error')
+                        elif photo and not photo.filename:
+                             logging.warning("Получен пустой объект файла фото при добавлении товара.")
+                    # Удаляем временную папку, если она пуста
+                    try:
+                         if not os.listdir(uploads_dir):
+                             os.rmdir(uploads_dir)
+                    except OSError as e:
+                        logging.warning(f"Не удалось удалить временную папку {uploads_dir}: {e}")
+
 
                 new_product = {
-                    'name': name,
-                    'price': price,
-                    'description': description,
+                    'name': name, 'price': price, 'description': description,
                     'category': category if category in categories else 'Без категории',
-                    'photos': photos_list, # Список имен файлов
-                    'colors': colors # Список цветов/вариантов
+                    'photos': photos_list, 'colors': colors
                 }
-                data['products'].append(new_product)
-                save_data(data) # Сохранение вызовет сортировку и загрузку на HF
+                products.append(new_product)
+                # Сортируем продукты по имени после добавления
+                products.sort(key=lambda x: x.get('name', '').lower())
+                save_data(data)
                 logging.info(f"Товар '{name}' добавлен.")
                 flash(f"Товар '{name}' успешно добавлен.", 'success')
-                return redirect(url_for('admin')) # Редирект после успешного добавления
 
             elif action == 'edit_product':
                 index_str = request.form.get('index')
@@ -1952,146 +1648,99 @@ def admin():
 
                 try:
                     index = int(index_str)
-                    # Используем не отсортированный список для получения индекса
-                    original_products = load_data().get('products', []) # Загружаем данные еще раз для точности индекса
-                    if not (0 <= index < len(original_products)): raise IndexError("Индекс вне диапазона")
-
-                    # Находим товар в текущем (возможно, уже отсортированном) списке data['products'] по имени (или другому уникальному идентификатору)
-                    # Это менее надежно, если имена могут повторяться. Лучше использовать ID, если он будет.
-                    # Пока что ищем по индексу в неотсортированном списке и предполагаем, что порядок в data['products'] еще не изменился сильно.
-                    # Для надежности, лучше перезагружать data перед редактированием или передавать уникальный ID товара.
-                    # Простой подход (менее надежный):
-                    if not (0 <= index < len(data['products'])):
-                        # Если индекс стал невалидным после сортировки, пытаемся найти по имени (если оно уникально)
-                        # Это сложно, поэтому пока оставим поиск по индексу, предполагая, что пользователь работает с видимым списком
-                         flash(f"Ошибка редактирования: не удалось найти товар с индексом '{index_str}' после возможной сортировки.", 'error')
-                         return redirect(url_for('admin'))
-
-                    product_to_edit = data['products'][index]
+                    if not (0 <= index < len(products)): raise IndexError("Индекс вне диапазона")
+                    product_to_edit = products[index]
                     original_name = product_to_edit.get('name', 'N/A')
-                    original_photos = list(product_to_edit.get('photos', [])) # Копируем старый список фото
-
-                except (ValueError, IndexError) as e:
-                     flash(f"Ошибка редактирования: неверный индекс товара '{index_str}'. {e}", 'error')
+                except (ValueError, IndexError):
+                     flash(f"Ошибка редактирования: неверный индекс товара '{index_str}'.", 'error')
                      return redirect(url_for('admin'))
 
                 # Обновляем поля
-                new_name = request.form.get('name', product_to_edit['name']).strip()
+                product_to_edit['name'] = request.form.get('name', product_to_edit['name']).strip()
                 price_str = request.form.get('price', str(product_to_edit['price'])).replace(',', '.')
-                new_description = request.form.get('description', product_to_edit['description']).strip()
-                new_category = request.form.get('category')
-                new_colors = [c.strip() for c in request.form.getlist('colors') if c.strip()]
-
-                if not new_name or not price_str:
-                    flash("Название и цена товара обязательны при редактировании.", 'error')
-                    # Не делаем редирект
-                    return render_template_string(
-                        ADMIN_TEMPLATE, products=products, categories=categories, users=users,
-                        repo_id=REPO_ID, currency_code=CURRENCY_CODE
-                    )
+                product_to_edit['description'] = request.form.get('description', product_to_edit['description']).strip()
+                category = request.form.get('category')
+                product_to_edit['category'] = category if category in categories else 'Без категории'
+                product_to_edit['colors'] = [c.strip() for c in request.form.getlist('colors') if c.strip()]
 
                 try:
-                    new_price = round(float(price_str), 2)
-                    if new_price < 0: raise ValueError("Цена не может быть отрицательной")
-                except ValueError as ve:
-                     flash(f"Неверный формат цены при редактировании: {ve}. Изменения не сохранены.", 'error')
-                     return render_template_string(
-                        ADMIN_TEMPLATE, products=products, categories=categories, users=users,
-                        repo_id=REPO_ID, currency_code=CURRENCY_CODE
-                    )
-
-                # Обновляем данные в словаре товара
-                product_to_edit['name'] = new_name
-                product_to_edit['price'] = new_price
-                product_to_edit['description'] = new_description
-                product_to_edit['category'] = new_category if new_category in categories else 'Без категории'
-                product_to_edit['colors'] = new_colors
+                    price = round(float(price_str), 2)
+                    if price < 0: price = 0
+                    product_to_edit['price'] = price
+                except ValueError:
+                     logging.warning(f"Неверный формат цены '{price_str}' при редактировании товара {original_name}. Цена не изменена.")
+                     flash(f"Неверный формат цены для товара '{original_name}'. Цена не изменена.", 'warning')
 
-                # --- Обработка новых фото (ЗАМЕНА старых) ---
+                # Обработка новых фото (замена старых)
                 photos_files = request.files.getlist('photos')
-                new_photos_list = [] # Список имен НОВЫХ загруженных файлов
-                has_new_photo_files = photos_files and any(f.filename for f in photos_files)
-
-                if has_new_photo_files:
-                    if not HF_TOKEN_WRITE:
-                        flash("Ошибка: Токен для записи (HF_TOKEN) не настроен. Фото не могут быть обновлены.", 'error')
-                    else:
-                        uploads_dir = 'uploads_temp'
-                        os.makedirs(uploads_dir, exist_ok=True)
-                        api = HfApi()
-                        photo_limit = 10
-                        uploaded_count = 0
-                        logging.info(f"Загрузка новых фото для товара {new_name}...")
-                        for photo in photos_files:
-                            if not photo or not photo.filename or uploaded_count >= photo_limit:
-                                 if uploaded_count >= photo_limit and photo and photo.filename:
-                                     logging.warning(f"Достигнут лимит фото ({photo_limit}), фото {photo.filename} проигнорировано.")
-                                     flash(f"Достигнут лимит ({photo_limit} фото), некоторые новые файлы проигнорированы.", "warning")
-                                 continue
+                if photos_files and any(f.filename for f in photos_files) and HF_TOKEN_WRITE:
+                    uploads_dir = 'uploads_temp'
+                    os.makedirs(uploads_dir, exist_ok=True)
+                    api = HfApi()
+                    new_photos_list = []
+                    photo_limit = 10
+                    uploaded_count = 0
+                    logging.info(f"Загрузка новых фото для товара {product_to_edit['name']}...")
+                    for photo in photos_files:
+                        if uploaded_count >= photo_limit:
+                            logging.warning(f"Достигнут лимит фото ({photo_limit}), остальные фото проигнорированы.")
+                            flash(f"Загружено только первые {photo_limit} фото.", "warning")
+                            break
+                        if photo and photo.filename:
                             try:
-                                base, ext = os.path.splitext(photo.filename)
-                                safe_base = secure_filename(base)[:50]
-                                photo_filename = f"{safe_base}_{datetime.now().strftime('%Y%m%d%H%M%S%f')}{ext}"
+                                ext = os.path.splitext(photo.filename)[1]
+                                photo_filename = secure_filename(f"{product_to_edit['name'].replace(' ','_')}_{datetime.now().strftime('%Y%m%d%H%M%S%f')}{ext}")
                                 temp_path = os.path.join(uploads_dir, photo_filename)
                                 photo.save(temp_path)
-                                repo_photo_path = f"photos/{photo_filename}"
                                 logging.info(f"Загрузка нового фото {photo_filename} на HF...")
-                                api.upload_file(path_or_fileobj=temp_path, path_in_repo=repo_photo_path,
+                                api.upload_file(path_or_fileobj=temp_path, path_in_repo=f"photos/{photo_filename}",
                                                 repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE,
-                                                commit_message=f"Update photo {photo_filename} for product {new_name}")
-                                new_photos_list.append(photo_filename) # Добавляем имя успешно загруженного файла
+                                                commit_message=f"Update photo for product {product_to_edit['name']}")
+                                new_photos_list.append(photo_filename)
                                 logging.info(f"Новое фото {photo_filename} успешно загружено.")
                                 os.remove(temp_path)
                                 uploaded_count += 1
                             except Exception as e:
                                 logging.error(f"Ошибка загрузки нового фото {photo.filename}: {e}", exc_info=True)
-                                flash(f"Ошибка при загрузке нового фото {photo.filename}. Оно не будет добавлено.", 'error')
-                                if 'temp_path' in locals() and os.path.exists(temp_path):
-                                    try: os.remove(temp_path)
-                                    except OSError: pass
+                                flash(f"Ошибка при загрузке нового фото {photo.filename}.", 'error')
+                     # Удаляем временную папку, если она пуста
+                    try:
+                         if not os.listdir(uploads_dir):
+                             os.rmdir(uploads_dir)
+                    except OSError as e:
+                        logging.warning(f"Не удалось удалить временную папку {uploads_dir}: {e}")
+
+                    # Если были успешно загружены новые фото, заменяем старый список
+                    if new_photos_list:
+                        logging.info(f"Список фото для товара {product_to_edit['name']} обновлен.")
+                         # TODO: Удалить старые фото с HF? Это сложнее, требует хранения списка старых фото.
+                        # ----- Начало: Опциональное удаление старых фото ----
+                        old_photos = product_to_edit.get('photos', [])
+                        if old_photos:
+                            logging.info(f"Попытка удаления старых фото: {old_photos}")
+                            try:
+                                api.delete_files(
+                                    repo_id=REPO_ID,
+                                    paths_in_repo=[f"photos/{p}" for p in old_photos],
+                                    repo_type="dataset",
+                                    token=HF_TOKEN_WRITE,
+                                    commit_message=f"Delete old photos for product {product_to_edit['name']}"
+                                )
+                                logging.info(f"Старые фото для товара {product_to_edit['name']} удалены с HF.")
+                            except Exception as e:
+                                logging.error(f"Ошибка при удалении старых фото {old_photos} с HF: {e}", exc_info=True)
+                                flash("Не удалось удалить старые фотографии с сервера.", "warning")
+                        # ----- Конец: Опциональное удаление старых фото -----
+                        product_to_edit['photos'] = new_photos_list
+                        flash("Фотографии товара успешно обновлены.", "success")
+                    elif uploaded_count == 0 and any(f.filename for f in photos_files):
+                         flash("Не удалось загрузить новые фотографии.", "error")
 
-                        # Удаляем временную папку, если она пуста
-                        try:
-                            if not os.listdir(uploads_dir): os.rmdir(uploads_dir)
-                        except OSError: pass
-
-                        # Если были успешно загружены НОВЫЕ фото, ЗАМЕНЯЕМ ими старые и удаляем старые с HF
-                        if new_photos_list:
-                            logging.info(f"Список фото для товара {new_name} будет заменен на: {new_photos_list}")
-                            product_to_edit['photos'] = new_photos_list # Заменяем список фото в данных
-
-                            # Пытаемся удалить СТАРЫЕ фото с HF
-                            if original_photos:
-                                logging.info(f"Попытка удаления старых фото с HF: {original_photos}")
-                                try:
-                                    # Формируем полные пути к старым фото в репозитории
-                                    paths_to_delete = [f"photos/{p}" for p in original_photos if p]
-                                    if paths_to_delete:
-                                        api.delete_files(
-                                            repo_id=REPO_ID,
-                                            paths_in_repo=paths_to_delete,
-                                            repo_type="dataset",
-                                            token=HF_TOKEN_WRITE,
-                                            commit_message=f"Delete old photos for product {new_name} during update"
-                                        )
-                                        logging.info(f"Старые фото {original_photos} удалены с HF.")
-                                    else:
-                                         logging.info("Нет старых фото для удаления с HF.")
-                                except Exception as e:
-                                    logging.error(f"Ошибка при удалении старых фото {original_photos} с HF: {e}", exc_info=True)
-                                    flash("Не удалось удалить старые фотографии с сервера.", "warning")
-                            flash("Фотографии товара успешно обновлены.", "success")
-                        elif uploaded_count == 0:
-                             # Если были выбраны файлы, но ни один не загрузился
-                             flash("Не удалось загрузить ни одного из выбранных новых фото. Старые фото сохранены.", "error")
-                             # В этом случае НЕ меняем product_to_edit['photos']
-                        # Если файлы не выбирались (has_new_photo_files == False), то product_to_edit['photos'] остается без изменений
-                # --- Конец обработки фото ---
-
-                save_data(data) # Сохраняем все изменения в data.json
-                logging.info(f"Товар '{original_name}' (индекс {index}) обновлен на '{new_name}'.")
-                flash(f"Товар '{new_name}' успешно обновлен.", 'success')
-                return redirect(url_for('admin'))
+                # Сортируем продукты по имени после редактирования
+                products.sort(key=lambda x: x.get('name', '').lower())
+                save_data(data)
+                logging.info(f"Товар '{original_name}' (индекс {index}) обновлен на '{product_to_edit['name']}'.")
+                flash(f"Товар '{product_to_edit['name']}' успешно обновлен.", 'success')
 
 
             elif action == 'delete_product':
@@ -2101,56 +1750,39 @@ def admin():
                     return redirect(url_for('admin'))
                 try:
                     index = int(index_str)
-                    # Снова используем оригинальный (несортированный) список для удаления
-                    original_products = load_data().get('products', [])
-                    if not (0 <= index < len(original_products)): raise IndexError("Индекс вне диапазона")
-
-                    # Находим товар в текущем data['products'] (предполагая, что он там есть)
-                    # Этот шаг может быть неточным, если были добавления/удаления до этого запроса.
-                    # Безопаснее было бы передавать ID товара.
-                    # Простой подход:
-                    if not (0 <= index < len(data['products'])):
-                        flash(f"Ошибка удаления: не удалось найти товар с индексом '{index_str}'. Возможно, список был изменен.", 'error')
-                        return redirect(url_for('admin'))
-
-                    deleted_product = data['products'].pop(index) # Удаляем из текущего списка data
+                    if not (0 <= index < len(products)): raise IndexError("Индекс вне диапазона")
+                    deleted_product = products.pop(index)
                     product_name = deleted_product.get('name', 'N/A')
-                    photos_to_delete = deleted_product.get('photos', [])
 
-                    # --- Удаление фото с HF при удалении товара ---
+                    # ----- Начало: Удаление фото с HF при удалении товара ----
+                    photos_to_delete = deleted_product.get('photos', [])
                     if photos_to_delete and HF_TOKEN_WRITE:
                         logging.info(f"Попытка удаления фото товара '{product_name}' с HF: {photos_to_delete}")
                         try:
                             api = HfApi()
-                            paths_to_delete = [f"photos/{p}" for p in photos_to_delete if p]
-                            if paths_to_delete:
-                                api.delete_files(
-                                    repo_id=REPO_ID,
-                                    paths_in_repo=paths_to_delete,
-                                    repo_type="dataset",
-                                    token=HF_TOKEN_WRITE,
-                                    commit_message=f"Delete photos for deleted product {product_name}"
-                                )
-                                logging.info(f"Фото товара '{product_name}' ({paths_to_delete}) удалены с HF.")
-                            else:
-                                logging.info(f"Нет связанных фото для удаления с HF для товара {product_name}.")
+                            api.delete_files(
+                                repo_id=REPO_ID,
+                                paths_in_repo=[f"photos/{p}" for p in photos_to_delete],
+                                repo_type="dataset",
+                                token=HF_TOKEN_WRITE,
+                                commit_message=f"Delete photos for deleted product {product_name}"
+                            )
+                            logging.info(f"Фото товара '{product_name}' удалены с HF.")
                         except Exception as e:
                              logging.error(f"Ошибка при удалении фото {photos_to_delete} для товара '{product_name}' с HF: {e}", exc_info=True)
-                             flash(f"Не удалось удалить фото для товара '{product_name}' с сервера. Сам товар удален.", "warning")
-                    # --- Конец удаления фото ---
+                             flash(f"Не удалось удалить фото для товара '{product_name}' с сервера.", "warning")
+                    # ----- Конец: Удаление фото с HF при удалении товара ----
 
-                    save_data(data) # Сохраняем изменения
+                    save_data(data)
                     logging.info(f"Товар '{product_name}' (индекс {index}) удален.")
                     flash(f"Товар '{product_name}' удален.", 'success')
-                except (ValueError, IndexError) as e:
-                     flash(f"Ошибка удаления: неверный индекс товара '{index_str}'. {e}", 'error')
-                return redirect(url_for('admin'))
+                except (ValueError, IndexError):
+                     flash(f"Ошибка удаления: неверный индекс товара '{index_str}'.", 'error')
 
 
-            # --- Обработка Пользователей ---
             elif action == 'add_user':
                  login = request.form.get('login', '').strip()
-                 password = request.form.get('password', '').strip() # Пароль в открытом виде!
+                 password = request.form.get('password', '').strip()
                  first_name = request.form.get('first_name', '').strip()
                  last_name = request.form.get('last_name', '').strip()
                  country = request.form.get('country', '').strip()
@@ -2158,59 +1790,60 @@ def admin():
 
                  if not login or not password:
                      flash("Логин и пароль пользователя обязательны.", 'error')
-                 elif login in users:
+                     return redirect(url_for('admin'))
+                 if login in users:
                      flash(f"Пользователь с логином '{login}' уже существует.", 'error')
-                 else:
-                     # ВАЖНО: Используйте хеширование паролей в реальном приложении!
-                     # from werkzeug.security import generate_password_hash
-                     # password_hash = generate_password_hash(password)
-                     users[login] = {
-                         'password': password, # ЗАМЕНИТЬ НА 'password_hash': password_hash
-                         'first_name': first_name,
-                         'last_name': last_name,
-                         'country': country,
-                         'city': city
-                     }
-                     save_users(users) # Сохранение вызовет сортировку и загрузку на HF
-                     logging.info(f"Пользователь '{login}' добавлен.")
-                     flash(f"Пользователь '{login}' успешно добавлен.", 'success')
-                 return redirect(url_for('admin')) # Редирект в любом случае после обработки
+                     return redirect(url_for('admin'))
+
+                 # Важно: Хранить пароли в открытом виде НЕБЕЗОПАСНО!
+                 # Используйте хеширование для реальных приложений.
+                 # from passlib.hash import pbkdf2_sha256
+                 # password_hash = pbkdf2_sha256.hash(password)
+                 users[login] = {
+                     'password': password, # Замените на 'password_hash': password_hash
+                     'first_name': first_name, 'last_name': last_name,
+                     'country': country, 'city': city
+                 }
+                 save_users(users)
+                 logging.info(f"Пользователь '{login}' добавлен.")
+                 flash(f"Пользователь '{login}' успешно добавлен.", 'success')
 
             elif action == 'delete_user':
                  login_to_delete = request.form.get('login')
                  if login_to_delete and login_to_delete in users:
-                     # Не позволяем удалить текущего пользователя (если это админ)
-                     # if login_to_delete == session.get('user'):
-                     #     flash("Вы не можете удалить свою учетную запись.", 'error')
-                     # else:
                      del users[login_to_delete]
                      save_users(users)
                      logging.info(f"Пользователь '{login_to_delete}' удален.")
                      flash(f"Пользователь '{login_to_delete}' удален.", 'success')
-                 elif not login_to_delete:
-                      flash("Не указан логин пользователя для удаления.", 'error')
                  else:
-                     logging.warning(f"Попытка удалить несуществующего пользователя: {login_to_delete}")
-                     flash(f"Не удалось найти пользователя '{login_to_delete}' для удаления.", 'error')
-                 return redirect(url_for('admin'))
+                     logging.warning(f"Попытка удалить несуществующего или пустого пользователя: {login_to_delete}")
+                     flash(f"Не удалось удалить пользователя '{login_to_delete}'.", 'error')
 
             else:
                  logging.warning(f"Получено неизвестное действие в админ-панели: {action}")
                  flash(f"Неизвестное действие: {action}", 'warning')
-                 return redirect(url_for('admin'))
+
+            # После обработки POST-запроса делаем редирект, чтобы избежать повторной отправки формы
+            return redirect(url_for('admin'))
 
         except Exception as e:
-             logging.error(f"Критическая ошибка при обработке действия '{action}' в админ-панели: {e}", exc_info=True)
-             flash(f"Произошла серьезная ошибка при выполнении действия '{action}'. Подробности в логе сервера.", 'error')
-             return redirect(url_for('admin')) # Редирект даже при критической ошибке
+             logging.error(f"Ошибка при обработке действия '{action}' в админ-панели: {e}", exc_info=True)
+             flash(f"Произошла внутренняя ошибка при выполнении действия '{action}'. Подробности в логе сервера.", 'error')
+             return redirect(url_for('admin')) # Редирект даже при ошибке
 
     # GET запрос для отображения админ-панели
-    # Данные уже загружены и отсортированы в начале функции
+    # Сортируем продукты для отображения
+    products.sort(key=lambda x: x.get('name', '').lower())
+    # Сортируем категории
+    categories.sort()
+    # Сортируем пользователей по логину
+    sorted_users = dict(sorted(users.items()))
+
     return render_template_string(
-        ADMIN_TEMPLATE,
+        ADMIN_TEMPLATE, # Используем переменную с шаблоном
         products=products,
         categories=categories,
-        users=users, # Передаем отсортированных пользователей
+        users=sorted_users, # Передаем отсортированных пользователей
         repo_id=REPO_ID,
         currency_code=CURRENCY_CODE
     )
@@ -2219,85 +1852,58 @@ def admin():
 
 @app.route('/force_upload', methods=['POST'])
 def force_upload():
-    if not is_admin():
-        flash("Доступ запрещен.", 'error')
+    # TODO: Добавить проверку прав администратора
+    if not session.get('user'):
+        flash("Требуется вход для выполнения этого действия.", 'warning')
         return redirect(url_for('login'))
 
-    logging.info(f"Запущена принудительная загрузка данных на Hugging Face пользователем {session.get('user')}...")
+    logging.info("Запущена принудительная загрузка данных на Hugging Face...")
     try:
-        success = upload_db_to_hf() # Загружает оба файла
-        if success:
-            flash("Локальные данные успешно загружены на Hugging Face.", 'success')
-        else:
-            flash("Во время загрузки на Hugging Face возникли ошибки (см. лог). Некоторые файлы могли не загрузиться.", 'warning')
+        upload_db_to_hf()
+        flash("Данные успешно загружены на Hugging Face.", 'success')
     except Exception as e:
-        logging.error(f"Критическая ошибка при принудительной загрузке: {e}", exc_info=True)
-        flash(f"Критическая ошибка при загрузке на Hugging Face: {e}", 'error')
+        logging.error(f"Ошибка при принудительной загрузке: {e}", exc_info=True)
+        flash(f"Ошибка при загрузке на Hugging Face: {e}", 'error')
     return redirect(url_for('admin'))
 
 @app.route('/force_download', methods=['POST'])
 def force_download():
-    if not is_admin():
-        flash("Доступ запрещен.", 'error')
+    # TODO: Добавить проверку прав администратора
+    if not session.get('user'):
+        flash("Требуется вход для выполнения этого действия.", 'warning')
         return redirect(url_for('login'))
 
-    logging.info(f"Запущено принудительное скачивание данных с Hugging Face пользователем {session.get('user')}...")
+    logging.info("Запущено принудительное скачивание данных с Hugging Face...")
     try:
-        success = download_db_from_hf() # Скачивает оба файла
-        if success:
-            flash("Данные успешно скачаны с Hugging Face. Локальные файлы обновлены.", 'success')
-        else:
-             flash("Не удалось скачать все файлы с Hugging Face (см. лог). Локальные файлы могут быть неактуальны.", 'warning')
+        download_db_from_hf()
+        flash("Данные успешно скачаны с Hugging Face. Локальные файлы обновлены.", 'success')
     except Exception as e:
-        logging.error(f"Критическая ошибка при принудительном скачивании: {e}", exc_info=True)
-        flash(f"Критическая ошибка при скачивании с Hugging Face: {e}", 'error')
+        logging.error(f"Ошибка при принудительном скачивании: {e}", exc_info=True)
+        flash(f"Ошибка при скачивании с Hugging Face: {e}", 'error')
     return redirect(url_for('admin'))
 
 
 # --- Запуск приложения ---
 
 if __name__ == '__main__':
-    # Устанавливаем время жизни постоянной сессии (например, 7 дней)
-    app.permanent_session_lifetime = timedelta(days=7)
-
     # Попытка загрузить/создать файлы данных при старте
-    logging.info("Инициализация приложения...")
     load_data()
     load_users()
-    logging.info("Файлы данных инициализированы.")
 
-    # Запуск потока для периодического бэкапа, только если есть токен для записи
+    # Запуск потока для периодического бэкапа
     if HF_TOKEN_WRITE:
-        backup_thread = threading.Thread(target=periodic_backup, daemon=True, name="PeriodicBackupThread")
+        backup_thread = threading.Thread(target=periodic_backup, daemon=True)
         backup_thread.start()
         logging.info("Поток периодического резервного копирования запущен.")
     else:
-        logging.warning("Периодическое резервное копирование НЕ будет запущено (HF_TOKEN для записи не установлен).")
+        logging.warning("Периодическое резервное копирование НЕ будет запущено (HF_TOKEN или HF_TOKEN_WRITE не установлена).")
 
     # Запуск Flask приложения
-    # Используйте переменную окружения PORT или 7860 по умолчанию
-    port = int(os.environ.get('PORT', 7860))
-    host = '0.0.0.0' # Слушать на всех интерфейсах
-
-    # ВАЖНО: debug=True НЕЛЬЗЯ использовать в продакшене!
-    # Установите debug=False для развертывания.
-    use_debug = os.environ.get('FLASK_DEBUG', 'false').lower() == 'true'
-
-    logging.info(f"Запуск Flask приложения на http://{host}:{port}/ (Debug: {use_debug})")
-
-    # Для разработки:
-    if use_debug:
-        # use_reloader=False может быть полезен, если возникают проблемы с потоками и релоадером
-        app.run(debug=True, host=host, port=port, use_reloader=True)
-    else:
-        # Для продакшена рекомендуется использовать WSGI сервер, например, Waitress или Gunicorn:
-        # Пример с Waitress (установите waitress: pip install waitress):
-        try:
-            from waitress import serve
-            logging.info("Запуск с использованием Waitress WSGI сервера...")
-            serve(app, host=host, port=port, threads=8) # Увеличьте threads по необходимости
-        except ImportError:
-            logging.warning("Waitress не найден. Запуск с использованием встроенного сервера Flask (НЕ РЕКОМЕНДУЕТСЯ ДЛЯ ПРОДАКШЕНА).")
-            app.run(debug=False, host=host, port=port)
-        # Пример с Gunicorn (Linux/macOS):
-        # gunicorn --bind 0.0.0.0:7860 --workers 4 app:app
\ No newline at end of file
+    port = int(os.environ.get('PORT', 7860)) # Порт по умолчанию 7860, можно изменить через переменную окружения PORT
+    logging.info(f"Запуск Flask приложения на хосте 0.0.0.0 и порту {port}")
+    # debug=False для продакшена! Установите в True только для локальной разработки.
+    # Использование app.run() подходит только для разработки.
+    # Для продакшена используйте WSGI сервер, например, Gunicorn или Waitress.
+    # Пример с Gunicorn: gunicorn --bind 0.0.0.0:7860 app:app
+    # Пример с Waitress: waitress-serve --host 0.0.0.0 --port 7860 app:app
+    app.run(debug=False, host='0.0.0.0', port=port)