Update app.py

app.py

@@ -1,4 +1,4 @@
-from flask import Flask, render_template_string, request, redirect, url_for, flash, jsonify
+from flask import Flask, render_template_string, request, redirect, url_for, flash
 import json
 import os
 import logging
@@ -9,16 +9,13 @@ from huggingface_hub import HfApi, hf_hub_download
 from huggingface_hub.utils import RepositoryNotFoundError, HfHubHTTPError
 from werkzeug.utils import secure_filename
 from dotenv import load_dotenv
-import requests # Хотя requests может не использоваться явно, hf_hub использует его под капотом
+import requests
 
 load_dotenv()
 
 app = Flask(__name__)
-app.secret_key = 'raina_hvac_secret_key_v3_modals_final'
+app.secret_key = 'raina_hvac_secret_key_v2_projects_dynamic'
 DATA_FILE = 'data.json'
-UPLOAD_FOLDER_TEMP = 'temp_uploads'
-os.makedirs(UPLOAD_FOLDER_TEMP, exist_ok=True)
-
 
 SYNC_FILES = [DATA_FILE]
 
@@ -39,16 +36,18 @@ def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWN
         logging.warning("HF_TOKEN_READ/HF_TOKEN_WRITE not set. Download might fail for private repos.")
     token_to_use = HF_TOKEN_READ if HF_TOKEN_READ else HF_TOKEN_WRITE
     files_to_download = [specific_file] if specific_file else SYNC_FILES
+    logging.info(f"Attempting download for {files_to_download} from {REPO_ID}...")
     all_successful = True
     for file_name in files_to_download:
         success = False
         for attempt in range(retries + 1):
             try:
-                logging.info(f"Downloading {file_name} (Attempt {attempt + 1})...")
+                logging.info(f"Downloading {file_name} (Attempt {attempt + 1}/{retries + 1})...")
                 hf_hub_download(
                     repo_id=REPO_ID, filename=file_name, repo_type="dataset", token=token_to_use,
                     local_dir=".", local_dir_use_symlinks=False, force_download=True, resume_download=False
                 )
+                logging.info(f"Successfully downloaded {file_name}.")
                 success = True
                 break
             except RepositoryNotFoundError:
@@ -56,27 +55,34 @@ def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWN
                  return False
             except HfHubHTTPError as e:
                 if e.response.status_code == 404:
-                    logging.warning(f"File {file_name} not found in repo. Creating empty local file.")
+                    logging.warning(f"File {file_name} not found in repo {REPO_ID}. Creating empty local file.")
                     if not os.path.exists(file_name):
                         try:
                             with open(file_name, 'w', encoding='utf-8') as f:
                                 json.dump({'equipment': [], 'categories': [], 'services': [], 'projects': []}, f)
                         except Exception as create_e:
                             logging.error(f"Failed to create empty local file {file_name}: {create_e}")
-                    success = True # Consider it success if we intended to create an empty file
+                    success = True
                     break
-                else: logging.error(f"HTTP error downloading {file_name}: {e}. Retrying...")
+                else:
+                    logging.error(f"HTTP error downloading {file_name}: {e}. Retrying...")
             except Exception as e:
-                 logging.error(f"Error downloading {file_name}: {e}. Retrying...", exc_info=True)
-            if attempt < retries: time.sleep(delay)
-        if not success: all_successful = False
+                 logging.error(f"Unexpected error downloading {file_name}: {e}. Retrying...", exc_info=True)
+            if attempt < retries:
+                time.sleep(delay)
+        if not success:
+            logging.error(f"Failed to download {file_name} after {retries + 1} attempts.")
+            all_successful = False
     return all_successful
 
 def upload_db_to_hf(specific_file=None):
-    if not HF_TOKEN_WRITE: return
+    if not HF_TOKEN_WRITE:
+        logging.warning("HF_TOKEN (for writing) not set. Skipping upload.")
+        return
     try:
         api = HfApi()
         files_to_upload = [specific_file] if specific_file else SYNC_FILES
+        logging.info(f"Starting upload of {files_to_upload} to {REPO_ID}...")
         for file_name in files_to_upload:
             if os.path.exists(file_name):
                 api.upload_file(
@@ -84,28 +90,56 @@ def upload_db_to_hf(specific_file=None):
                     repo_type="dataset", token=HF_TOKEN_WRITE,
                     commit_message=f"Sync {file_name} {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}"
                 )
+                logging.info(f"File {file_name} successfully uploaded.")
+            else:
+                logging.warning(f"File {file_name} not found locally, skipping upload.")
     except Exception as e:
-        logging.error(f"Error during HF upload: {e}", exc_info=True)
+        logging.error(f"Error during Hugging Face upload: {e}", exc_info=True)
 
 def periodic_backup():
+    backup_interval = 1800
     while True:
-        time.sleep(1800)
+        time.sleep(backup_interval)
+        logging.info("Starting periodic backup...")
         upload_db_to_hf()
+        logging.info("Periodic backup finished.")
 
 def load_data():
     default_data = {'equipment': [], 'categories': [], 'services': [], 'projects': []}
     try:
-        with open(DATA_FILE, 'r', encoding='utf-8') as file: data = json.load(file)
-        for key in default_data: data.setdefault(key, [])
+        with open(DATA_FILE, 'r', encoding='utf-8') as file:
+            data = json.load(file)
+        if not isinstance(data, dict):
+             raise ValueError("Data is not a dictionary")
+        if 'equipment' not in data: data['equipment'] = []
+        if 'categories' not in data: data['categories'] = []
+        if 'services' not in data: data['services'] = []
+        if 'projects' not in data: data['projects'] = []
         return data
-    except (FileNotFoundError, json.JSONDecodeError):
-        if download_db_from_hf(specific_file=DATA_FILE): return load_data()
+    except (FileNotFoundError, json.JSONDecodeError, ValueError):
+        logging.warning(f"Local file {DATA_FILE} not found or corrupt. Attempting download.")
+        if download_db_from_hf(specific_file=DATA_FILE):
+            try:
+                with open(DATA_FILE, 'r', encoding='utf-8') as file:
+                    data = json.load(file)
+                if not isinstance(data, dict): data = default_data
+                if 'equipment' not in data: data['equipment'] = []
+                if 'categories' not in data: data['categories'] = []
+                if 'services' not in data: data['services'] = []
+                if 'projects' not in data: data['projects'] = []
+                return data
+            except:
+                return default_data
         return default_data
 
 def save_data(data):
     try:
+        if not isinstance(data, dict):
+            logging.error("Attempted to save invalid data structure. Aborting.")
+            return
         with open(DATA_FILE, 'w', encoding='utf-8') as file:
             json.dump(data, file, ensure_ascii=False, indent=4)
+        logging.info(f"Data saved to {DATA_FILE}")
         upload_db_to_hf(specific_file=DATA_FILE)
     except Exception as e:
         logging.error(f"Error saving data: {e}", exc_info=True)
@@ -117,11 +151,15 @@ LANDING_TEMPLATE = '''
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ОсОО "Раина" - Вентиляция и Кондиционирование</title>
-    <meta name="description" content="Профессиональные услуги по проектированию, монтажу и обслуживанию систем вентиляции и кондиционирования в Кыргызстане.">
+    <meta name="description" content="Профессиональные услуги по проектированию, монтажу и обслуживанию систем вентиляции и кондиционирования в Кыргызстане. 15 лет опыта, более 1000 проектов.">
     <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=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
     <style>
-        :root { --dark-bg: #12121c; --card-bg: #1a1a2e; --primary-color: #a955ff; --secondary-color: #6a0dad; --text-color: #e0e0e0; --text-muted: #a0a0b0; --accent-glow: rgba(169, 85, 255, 0.3); }
+        :root {
+            --dark-bg: #12121c; --card-bg: #1a1a2e; --primary-color: #a955ff;
+            --secondary-color: #6a0dad; --text-color: #e0e0e0; --text-muted: #a0a0b0;
+            --accent-glow: rgba(169, 85, 255, 0.3);
+        }
         * { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }
         body { font-family: 'Montserrat', sans-serif; background-color: var(--dark-bg); color: var(--text-color); line-height: 1.7; font-size: 16px; }
         .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
@@ -134,155 +172,325 @@ LANDING_TEMPLATE = '''
         p { margin-bottom: 1rem; color: var(--text-muted); }
         .btn { display: inline-block; padding: 12px 28px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); color: #fff; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px var(--accent-glow); cursor: pointer; border: none; }
         .btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 25px var(--accent-glow); }
-        .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding: 15px 0; background-color: rgba(18, 18, 28, 0.85); backdrop-filter: blur(10px); }
+        .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding: 15px 0; background-color: rgba(18, 18, 28, 0.85); backdrop-filter: blur(10px); transition: all 0.3s ease; }
+        .header.scrolled { padding: 10px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.3); }
         .navbar { display: flex; justify-content: space-between; align-items: center; }
         .logo { font-size: clamp(1.5rem, 4vw, 1.8rem); font-weight: 700; color: #fff; text-decoration: none; }
         .nav-links { display: flex; gap: 30px; list-style: none; }
-        .nav-links a { color: var(--text-color); text-decoration: none; font-weight: 600; }
+        .nav-links a { color: var(--text-color); text-decoration: none; font-weight: 600; transition: color 0.3s ease; }
+        .nav-links a:hover { color: var(--primary-color); }
         .menu-toggle { display: none; font-size: 1.5rem; cursor: pointer; border: none; background: none; color: white; }
-        #hero { min-height: 100vh; display: flex; align-items: center; background-image: linear-gradient(rgba(18, 18, 28, 0.7), rgba(18, 18, 28, 1)), url(https://images.unsplash.com/photo-1558221639-2c7158995165?auto=format&fit=crop&w=1740&q=80); background-size: cover; background-position: center; }
+        #hero { min-height: 100vh; display: flex; align-items: center; background-image: linear-gradient(rgba(18, 18, 28, 0.7), rgba(18, 18, 28, 1)), url(https://images.unsplash.com/photo-1558221639-2c7158995165?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80); background-size: cover; background-position: center; }
         .hero-content { text-align: center; max-width: 800px; margin: 0 auto; }
-        .hero-content p { font-size: clamp(1rem, 2.5vw, 1.2rem); margin: 30px 0; }
+        .hero-content p { font-size: clamp(1rem, 2.5vw, 1.2rem); margin: 30px 0; max-width: 600px; margin-left: auto; margin-right: auto;}
         .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
         .about-img { width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.4); }
-        .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
-        .card { background-color: var(--card-bg); padding: 30px; border-radius: 15px; border: 1px solid #2a2a4a; transition: all 0.3s ease; display:flex; flex-direction:column; justify-content: space-between;}
-        .card:hover { transform: translateY(-5px); border-color: var(--primary-color); box-shadow: 0 8px 25px var(--accent-glow); }
-        .card i.main-icon { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 20px; }
-        .card-img { width: 100%; height: 200px; object-fit: cover; border-radius: 15px 15px 0 0; }
-        .card-content { padding: 0; flex-grow: 1; display:flex; flex-direction:column;}
-        .card.img-card .card-content {padding: 30px;}
-        .card-actions { margin-top: 20px;}
+        .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
+        .service-card, .turnkey-card { background-color: var(--card-bg); padding: 30px; border-radius: 15px; border: 1px solid #2a2a4a; transition: all 0.3s ease; }
+        .service-card:hover, .turnkey-card:hover { transform: translateY(-5px); border-color: var(--primary-color); box-shadow: 0 8px 25px var(--accent-glow); }
+        .service-card i { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 20px; }
+        .turnkey-card { padding: 0; display: flex; flex-direction: column; }
+        .turnkey-img { width: 100%; height: 200px; object-fit: cover; border-radius: 15px 15px 0 0; }
+        .turnkey-content { padding: 30px; flex-grow: 1; display: flex; flex-direction: column;}
+        .turnkey-content p { flex-grow: 1; }
         .equipment-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; }
-        .filter-btn { padding: 8px 20px; border: 1px solid var(--primary-color); background-color: transparent; color: var(--primary-color); border-radius: 20px; cursor: pointer; }
+        .filter-btn { padding: 8px 20px; border: 1px solid var(--primary-color); background-color: transparent; color: var(--primary-color); border-radius: 20px; cursor: pointer; transition: all 0.3s; }
         .filter-btn.active, .filter-btn:hover { background-color: var(--primary-color); color: #fff; }
-        .equipment-card { text-align: center; } /* Specific for equipment if needed */
+        .equipment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
+        .equipment-card { background-color: var(--card-bg); border-radius: 15px; overflow: hidden; text-align: center; padding: 20px; border: 1px solid #2a2a4a; transition: all 0.3s ease; display:flex; flex-direction:column; justify-content:space-between; }
         .equipment-card img { width: 100%; height: 180px; object-fit: contain; margin-bottom: 15px; }
+        .equipment-card h3 { font-size: 1.2rem; }
         .equipment-card .price { font-size: 1.3rem; font-weight: 700; color: #fff; margin: 10px 0; }
         .projects-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
-        .project-card { position: relative; border-radius: 15px; overflow: hidden; min-height: 400px; background-color: var(--card-bg); display: flex; flex-direction: column;}
-        .project-card .card-img { border-radius: 15px 15px 0 0; flex-shrink: 0; }
-        .project-card .card-content { padding: 20px; flex-grow: 1; display:flex; flex-direction:column; justify-content: space-between;}
+        .project-card { position: relative; border-radius: 15px; overflow: hidden; min-height: 400px; display: flex; flex-direction: column;}
+        .project-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; flex-grow: 1;}
+        .project-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(18,18,28,1) 0%, rgba(18,18,28,0) 100%); padding: 40px 20px 20px; text-align: center;}
+        .project-card h3 { margin-bottom: 5px; font-size: 1.3rem; }
+        .project-card .project-description-summary { margin-bottom: 10px; color: var(--text-muted); font-size: 0.9em; }
+        .project-card:hover img { transform: scale(1.05); }
         #contact { background-color: var(--card-bg); }
+        .contact-content { text-align: center; }
+        .contact-info { margin-top: 40px; display: flex; flex-direction: column; align-items: center; gap: 20px; }
+        .contact-info p { font-size: 1.2rem; margin-bottom: 0; }
+        .contact-info a { color: var(--primary-color); text-decoration: none; font-weight: 600; }
         .footer { text-align: center; padding: 30px 0; background-color: #0d0d14; }
-        
-        .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(5px); }
-        .modal-content { background-color: var(--card-bg); margin: 5% auto; padding: 30px; border: 1px solid var(--primary-color); border-radius: 15px; width: 90%; max-width: 700px; position: relative; box-shadow: 0 10px 30px var(--accent-glow); animation: slideIn 0.3s ease-out; }
-        .close-btn { color: var(--text-muted); float: right; font-size: 28px; font-weight: bold; cursor: pointer; line-height:1; }
-        .close-btn:hover { color: var(--primary-color); }
-        .modal-body h3 { margin-top:0; margin-bottom:20px; }
-        .modal-body p {font-size: 1rem;}
-        .modal-photos { display: flex; overflow-x: auto; gap: 10px; margin-top: 20px; padding-bottom:10px; }
-        .modal-photos img { max-height: 300px; border-radius: 8px; cursor: zoom-in; }
-        @keyframes slideIn { from {transform: translateY(-50px); opacity: 0;} to {transform: translateY(0); opacity: 1;} }
-
-        @media (max-width: 992px) { .grid-2 { grid-template-columns: 1fr; text-align: center; } .about-img { margin-bottom: 30px; max-width: 500px; margin-left: auto; margin-right: auto;} }
+
+        .modal { display:none; position:fixed; z-index:2000; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.7); backdrop-filter: blur(5px); }
+        .modal-content-wrapper { margin: 5% auto; padding:30px; width:90%; max-width:700px; background-color:var(--card-bg); border-radius:15px; position:relative; animation: fadeInModal 0.4s ease-out; border: 1px solid #2a2a4a; box-shadow: 0 10px 40px var(--accent-glow); }
+        .close-modal-btn { color:var(--text-muted); position: absolute; top: 15px; right: 20px; font-size:32px; font-weight:bold; cursor:pointer; transition: color 0.3s; }
+        .close-modal-btn:hover { color: var(--primary-color); }
+        #modalPhoto { width:100%; max-height:400px; object-fit:cover; border-radius:10px; margin-bottom:25px; display:none; border: 1px solid #2a2a4a;}
+        #modalTitle { color:var(--primary-color); margin-bottom:15px; font-size: 1.8rem; }
+        #modalDescription { color:var(--text-color); max-height: 300px; overflow-y: auto; line-height:1.8; font-size:1.05rem; }
+        #modalDescription::-webkit-scrollbar { width: 8px; }
+        #modalDescription::-webkit-scrollbar-thumb { background-color: var(--primary-color); border-radius: 4px; }
+        #modalDescription::-webkit-scrollbar-track { background-color: #2a2a4a; }
+        #modalPrice { font-size:1.4rem; font-weight:bold; color: #fff; margin-top:20px; display:none; text-align:right; }
+        @keyframes fadeInModal { from { opacity:0; transform: translateY(-20px) scale(0.98); } to { opacity:1; transform: translateY(0) scale(1); } }
+
+        @media (max-width: 992px) {
+            .grid-2 { grid-template-columns: 1fr; text-align: center; }
+            .about-img { margin-bottom: 30px; max-width: 500px; margin-left: auto; margin-right: auto;}
+        }
         @media (max-width: 768px) {
-            .nav-links { position: fixed; top: 0; right: -100%; width: min(75vw, 300px); height: 100vh; background-color: var(--card-bg); flex-direction: column; justify-content: center; align-items: center; transition: right 0.4s ease-in-out; }
+            .nav-links { position: fixed; top: 0; right: -100%; width: min(75vw, 300px); height: 100vh; background-color: var(--card-bg); flex-direction: column; justify-content: center; align-items: center; transition: right 0.4s ease-in-out; box-shadow: -5px 0 15px rgba(0,0,0,0.2); }
             .nav-links.active { right: 0; }
             .menu-toggle { display: block; z-index: 1001; }
+            h2 { margin-bottom: 40px; }
+            .projects-grid { grid-template-columns: 1fr; }
+            .modal-content-wrapper { width: 95%; margin: 10% auto; }
+            #modalTitle { font-size: 1.5rem; }
+            #modalDescription { font-size: 1rem; }
         }
     </style>
 </head>
 <body>
-    <header class="header"><div class="container navbar"><a href="#" class="logo">Раина</a><ul class="nav-links"><li><a href="#about">О компании</a></li><li><a href="#services">Услуги</a></li><li><a href="#turnkey">Под ключ</a></li><li><a href="#equipment">Оборудование</a></li><li><a href="#projects">Проекты</a></li><li><a href="#contact">Контакты</a></li></ul><button class="menu-toggle" aria-label="Открыть меню"><i class="fas fa-bars"></i></button></div></header>
-    <section id="hero"><div class="container hero-content"><h1>ОсОО "Раина": Ваш Партнер в Вентиляции и Кондиционировании</h1><p>15 лет опыта, тысячи проектов. Создаем комфорт и здоровье с помощью современных климатических систем.</p><a href="#contact" class="btn">Получить консультацию</a></div></section>
-    <section id="about"><div class="container"><h2>О Нашей Компании</h2><div class="grid-2"><img src="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&w=1740&q=80" alt="Команда Раина" class="about-img"><div><h3>Основание и История</h3><p>Компания "Раина" с 2009 года является надежным партнером в области климатических решений.</p><h3>Наша Миссия</h3><p>Создание оптимального микроклимата для комфорта, здоровья и производительности наших клиентов.</p><h3>Профессиональная Команда</h3><p>Высококвалифицированные инженеры и техники с глубокими знаниями в HVAC.</p></div></div></div></section>
-    <section id="services"><div class="container"><h2>Наши Услуги</h2><div class="card-grid">
-        <div class="card"><i class="fas fa-drafting-compass main-icon"></i><div class="card-content"><h3>Проектирование</h3><p>Точные расчеты, 3D-модели и вся необходимая проектная документация.</p></div></div>
-        <div class="card"><i class="fas fa-tools main-icon"></i><div class="card-content"><h3>Монтаж</h3><p>Профессиональная установка всех типов систем HVAC, от бытовых до промышленных.</p></div></div>
-        <div class="card"><i class="fas fa-headset main-icon"></i><div class="card-content"><h3>Сервис 24/7</h3><p>Плановое обслуживание и оперативный аварийный ремонт в любое время.</p></div></div>
-        <div class="card"><i class="fas fa-sync-alt main-icon"></i><div class="card-content"><h3>Модернизация</h3><p>Повышение энергоэффективности и снижение расходов на эксплуатацию.</p></div></div>
-    </div></div></section>
-    <section id="turnkey" style="background-color: var(--card-bg);"><div class="container"><h2>Услуги "под ключ"</h2>
-    {% if services %}<div class="card-grid">
-        {% for service in services %}
-        <div class="card img-card">
-            {% if service.photo %}<img src="{{ hf_url('services', service.photo) }}" alt="{{ service.title }}" class="card-img">{% endif %}
-            <div class="card-content"><div><h3><i class="{{ service.icon }} fa-fw"></i> {{ service.title }}</h3><p>{{ service.description_short }}</p></div><div class="card-actions"><button class="btn" onclick="openModal('service', {{ loop.index0 }})">Подробнее</button></div></div>
-        </div>{% endfor %}
-    </div>{% else %}<p style="text-align: center;">Информация об услугах скоро появится.</p>{% endif %}
-    </div></section>
-    <section id="equipment"><div class="container"><h2>Наше Оборудование</h2>
-    {% if equipment %}<div class="equipment-filters">
-        <button class="filter-btn active" data-filter="all">Все</button>
-        {% for category in categories %}<button class="filter-btn" data-filter="{{ category }}">{{ category }}</button>{% endfor %}
-    </div><div class="card-grid">
-        {% for item in equipment %}
-        <div class="card equipment-card" data-category="{{ item.category|default('all') }}">
-            {% if item.photos %}<img src="{{ hf_url('equipment', item.photos[0]) }}" alt="{{ item.name }}">{% endif %}
-            <div class="card-content"><div><h3>{{ item.name }}</h3><p class="price">{{ "%.2f"|format(item.price) }} KGS</p></div><div class="card-actions"><button class="btn" onclick="openModal('equipment', {{ loop.index0 }})">Подробнее</button> <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Интересует: {{ item.name }}" target="_blank" class="btn" style="margin-top:10px;">Запросить</a></div></div>
-        </div>{% endfor %}
-    </div>{% else %}<p style="text-align: center;">Каталог оборудования скоро будет доступен.</p>{% endif %}
-    </div></section>
-    <section id="projects"><div class="container"><h2>Реализованные Проекты</h2>
-    {% if projects %}<div class="card-grid">
-        {% for project in projects %}
-        <div class="project-card card img-card">
-            {% if project.photos %}<img src="{{ hf_url('projects', project.photos[0]) }}" alt="{{ project.title }}" class="card-img">{% endif %}
-            <div class="card-content"><div><h3>{{ project.title }}</h3><p>{{ project.description_short }}</p></div><div class="card-actions"><button class="btn" onclick="openModal('project', {{ loop.index0 }})">Подробнее</button></div></div>
-        </div>{% endfor %}
-    </div>{% else %}<p style="text-align: center;">Информация о проектах скоро появится.</p>{% endif %}
-    </div></section>
-    <section id="contact"><div class="container" style="text-align:center;"><h2>Контакты</h2><p>Готовы стать вашим надежным партнером.</p>
-        <p><strong>Тел:</strong> <a href="tel:{{ contact_phone }}">{{ contact_phone }}</a></p>
-        <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте!" target="_blank" class="btn"><i class="fab fa-whatsapp"></i> WhatsApp</a>
-        <p style="margin-top:20px; font-size:0.9rem;">ОсОО «Раина», ИНН: 00812202110194</p>
-    </div></section>
-    <footer class="footer"><p>© {{ now.year }} ОсОО "Раина".</p></footer>
-    <div id="itemModal" class="modal"><div class="modal-content"><span class="close-btn" onclick="closeModal()">×</span><div id="modalBody" class="modal-body"></div></div></div>
-    <script>
-        const allData = {{ all_data | tojson }};
-        function hfUrl(folder, filename) { return `https://huggingface.co/datasets/{{ repo_id }}/resolve/main/${folder}/${filename}`; }
-
-        function openModal(type, index) {
-            let item;
-            if (type === 'service') item = allData.services[index];
-            else if (type === 'equipment') item = allData.equipment[index];
-            else if (type === 'project') item = allData.projects[index];
-            else return;
-
-            const modalBody = document.getElementById('modalBody');
-            let photosHtml = '';
-            if (item.photos && item.photos.length > 0) {
-                photosHtml = '<div class="modal-photos">';
-                item.photos.forEach(p => { photosHtml += `<img src="${hfUrl(type === 'service' ? 'services' : type, p)}" alt="${item.title || item.name}">`; });
-                photosHtml += '</div>';
-            } else if (type === 'service' && item.photo) {
-                 photosHtml = `<img src="${hfUrl('services', item.photo)}" alt="${item.title}" style="max-width:100%; border-radius:8px; margin-top:15px;">`;
-            }
+    <header class="header">
+        <div class="container navbar">
+            <a href="#" class="logo">Раина</a>
+            <ul class="nav-links">
+                <li><a href="#about">О компании</a></li>
+                <li><a href="#services">Услуги</a></li>
+                <li><a href="#turnkey">Под ключ</a></li>
+                <li><a href="#equipment">Оборудование</a></li>
+                <li><a href="#projects">Проекты</a></li>
+                <li><a href="#contact">Контакты</a></li>
+            </ul>
+            <button class="menu-toggle" aria-label="Открыть меню"><i class="fas fa-bars"></i></button>
+        </div>
+    </header>
 
-            modalBody.innerHTML = `
-                <h3>${item.icon ? `<i class="${item.icon} fa-fw"></i> ` : ''}${item.title || item.name}</h3>
-                ${item.category ? `<p><strong>Категория:</strong> ${item.category}</p>` : ''}
-                ${item.price ? `<p><strong>Цена:</strong> ${item.price.toFixed(2)} KGS</p>` : ''}
-                <p>${item.description_full || item.description || 'Детальное описание отсутствует.'}</p>
-                ${photosHtml}
-            `;
-            document.getElementById('itemModal').style.display = 'block';
-            document.body.style.overflow = 'hidden';
-        }
-        function closeModal() { document.getElementById('itemModal').style.display = 'none'; document.body.style.overflow = 'auto';}
-        window.onclick = function(event) { if (event.target == document.getElementById('itemModal')) closeModal(); }
+    <section id="hero">
+        <div class="container hero-content">
+            <h1>ОсОО "Раина": Ваш Партнер в Вентиляции и Кондиционировании</h1>
+            <p>15 лет опыта, более 1000 реализованных проектов. Мы создаем комфорт и здоровье в любом помещении с помощью самых современных климатических систем.</p>
+            <a href="#contact" class="btn">Получить консультацию</a>
+        </div>
+    </section>
+
+    <section id="about">
+        <div class="container">
+            <h2>О Нашей Компании</h2>
+            <div class="grid-2">
+                <img src="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80" alt="Команда Раина" class="about-img">
+                <div>
+                    <h3>Основание и История</h3>
+                    <p>Компания "Раина" была основана в 2009 году. За эти годы мы зарекомендовали себя как надежный партнер, стремящийся к инновациям и совершенству в области климатических решений.</p>
+                    <h3>Наша Миссия</h3>
+                    <p>Наша миссия — создание оптимального микроклимата для наших клиентов, обеспечивающего комфорт, здоровье и высокую производительность.</p>
+                    <h3>Профессиональная Команда</h3>
+                    <p>Наша команда состоит из высококвалифицированных инженеров и техников, обладающих глубокими знаниями и опытом в области HVAC.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="services">
+        <div class="container">
+            <h2>Наши Услуги</h2>
+            <div class="services-grid">
+                <div class="service-card"><i class="fas fa-drafting-compass"></i><h3>Проектирование</h3><p>Точные расчеты, 3D-модели и вся необходимая проектная документация.</p></div>
+                <div class="service-card"><i class="fas fa-tools"></i><h3>Монтаж</h3><p>Профессиональная установка всех типов систем HVAC, от бытовых до промышленных.</p></div>
+                <div class="service-card"><i class="fas fa-headset"></i><h3>Сервис 24/7</h3><p>Плановое обслуживание и оперативный аварийный ремонт в любое время.</p></div>
+                <div class="service-card"><i class="fas fa-sync-alt"></i><h3>Модернизация</h3><p>Повышение энергоэффективности и снижение расходов на эксплуатацию.</p></div>
+            </div>
+        </div>
+    </section>
+
+    <section id="turnkey" style="background-color: var(--dark-bg); border-top: 1px solid #2a2a4a; border-bottom: 1px solid #2a2a4a;">
+        <div class="container">
+            <h2>Услуги "под ключ"</h2>
+            {% if services %}
+            <div class="services-grid">
+                {% for service in services %}
+                <div class="turnkey-card">
+                    {% if service.photo %}
+                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/services/{{ service.photo }}" alt="{{ service.title }}" class="turnkey-img">
+                    {% endif %}
+                    <div class="turnkey-content">
+                        <h3><i class="{{ service.icon }} fa-fw" style="margin-right: 8px; color: var(--primary-color);"></i>{{ service.title }}</h3>
+                        <p>{{ service.description | truncate(120, True) if service.description else '' }}</p>
+                        <button class="btn detail-btn" style="margin-top:auto; padding: 10px 20px; font-size:0.9rem;"
+                                data-title="{{ service.title }}"
+                                data-description="{{ service.description | e }}"
+                                data-photo-url="{% if service.photo %}https://huggingface.co/datasets/{{ repo_id }}/resolve/main/services/{{ service.photo }}{% endif %}">
+                            Подробнее
+                        </button>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+            {% else %}
+            <p style="text-align: center;">Информация об услугах "под ключ" скоро появится на сайте.</p>
+            {% endif %}
+        </div>
+    </section>
+
+    <section id="equipment">
+        <div class="container">
+            <h2>Наше Оборудование</h2>
+            {% if equipment %}
+            <div class="equipment-filters">
+                <button class="filter-btn active" data-filter="all">Все</button>
+                {% for category in categories %}
+                <button class="filter-btn" data-filter="{{ category }}">{{ category }}</button>
+                {% endfor %}
+            </div>
+            <div class="equipment-grid">
+                {% for item in equipment %}
+                <div class="equipment-card" data-category="{{ item.get('category', 'all') }}">
+                    <div>
+                        {% if item.photo %}
+                        <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/equipment/{{ item.photo }}" alt="{{ item.name }}">
+                        {% else %}
+                        <img src="https://via.placeholder.com/250x180.png?text=No+Image" alt="No Image">
+                        {% endif %}
+                        <h3>{{ item.name }}</h3>
+                        <p class="price">{{ "%.2f"|format(item.price) }} KGS</p>
+                    </div>
+                    <div style="display:flex; flex-direction: column; gap:10px; justify-content:center; margin-top:15px;">
+                        <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, интересует оборудование: {{ item.name | urlencode }}" target="_blank" class="btn" style="padding: 10px 20px; font-size: 0.9rem;">Запросить</a>
+                        <button class="btn detail-btn" style="padding: 10px 20px; font-size:0.9rem; background: var(--text-muted);"
+                                data-title="{{ item.name }}"
+                                data-description="{{ item.get('description', 'Подробное описание скоро появится.') | e }}"
+                                data-price="{{ '%.2f KGS'|format(item.price) }}"
+                                data-photo-url="{% if item.photo %}https://huggingface.co/datasets/{{ repo_id }}/resolve/main/equipment/{{ item.photo }}{% endif %}">
+                            Детали
+                        </button>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+            {% else %}
+            <p style="text-align: center;">Каталог оборудования скоро будет доступен.</p>
+            {% endif %}
+        </div>
+    </section>
+
+    <section id="projects" style="background-color: var(--card-bg);">
+        <div class="container">
+            <h2>Реализованные Проекты</h2>
+            {% if projects %}
+            <div class="projects-grid">
+                {% for project in projects %}
+                <div class="project-card">
+                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/projects/{{ project.photo }}" alt="{{ project.title }}">
+                    <div class="project-overlay">
+                        <h3>{{ project.title }}</h3>
+                        <p class="project-description-summary">{{ project.description | truncate(80, True) if project.description else '' }}</p>
+                        <button class="btn detail-btn" style="margin-top:10px; padding: 8px 16px; font-size:0.85rem; opacity:0.9;"
+                                data-title="{{ project.title }}"
+                                data-description="{{ project.description | e }}"
+                                data-photo-url="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/projects/{{ project.photo }}">
+                            Узнать больше
+                        </button>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+            {% else %}
+            <p style="text-align: center;">Информация о реализованных проектах скоро появится на сайте.</p>
+            {% endif %}
+        </div>
+    </section>
+
+    <section id="contact">
+        <div class="container contact-content">
+            <h2>Контакты</h2>
+            <p>Готовы стать вашим надежным партнером в создании идеального климата.</p>
+            <div class="contact-info">
+                <p><strong>Свяжитесь с нами:</strong> <a href="tel:{{ contact_phone }}">{{ contact_phone }}</a></p>
+                 <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, я хотел(а) бы получить консультацию по вашим услугам." target="_blank" class="btn"><i class="fab fa-whatsapp"></i> Напис��ть в WhatsApp</a>
+            </div>
+            <div style="margin-top: 40px; font-size: 0.9rem; color: var(--text-muted);">
+                <p><strong>Реквизиты:</strong> ОсОО «Раина», ИНН: 00812202110194, ОКПО: 31290279</p>
+            </div>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <p>© {{ now.year }} ОсОО "Раина". Все права защищены.</p>
+    </footer>
+
+    <div id="itemDetailModal" class="modal">
+        <div class="modal-content-wrapper">
+            <span class="close-modal-btn">×</span>
+            <img id="modalPhoto" src="" alt="Detail photo">
+            <h3 id="modalTitle"></h3>
+            <div id="modalDescription"></div>
+            <p id="modalPrice"></p>
+        </div>
+    </div>
+
+    <script>
         document.addEventListener('DOMContentLoaded', function() {
+            const header = document.querySelector('.header');
             const menuToggle = document.querySelector('.menu-toggle');
             const navLinks = document.querySelector('.nav-links');
-            menuToggle.addEventListener('click', () => navLinks.classList.toggle('active'));
-            document.querySelectorAll('.nav-links a').forEach(link => link.addEventListener('click', () => navLinks.classList.remove('active')));
+            window.addEventListener('scroll', () => { header.classList.toggle('scrolled', window.scrollY > 50); });
+            menuToggle.addEventListener('click', () => { navLinks.classList.toggle('active'); });
+            document.querySelectorAll('.nav-links a').forEach(link => {
+                link.addEventListener('click', () => { navLinks.classList.remove('active'); });
+            });
             const filterContainer = document.querySelector('.equipment-filters');
             if (filterContainer) {
                 filterContainer.addEventListener('click', (e) => {
                     if (!e.target.matches('.filter-btn')) return;
-                    filterContainer.querySelector('.active').classList.remove('active');
+                    if (filterContainer.querySelector('.active')) {
+                         filterContainer.querySelector('.active').classList.remove('active');
+                    }
                     e.target.classList.add('active');
                     const filter = e.target.dataset.filter;
                     document.querySelectorAll('.equipment-card').forEach(card => {
                         card.style.display = (filter === 'all' || card.dataset.category === filter) ? 'flex' : 'none';
                     });
                 });
-                 // Ensure equipment cards are flex for proper layout
-                document.querySelectorAll('.equipment-card').forEach(card => card.style.display = 'flex');
             }
+
+            const modal = document.getElementById('itemDetailModal');
+            const modalPhoto = document.getElementById('modalPhoto');
+            const modalTitle = document.getElementById('modalTitle');
+            const modalDescription = document.getElementById('modalDescription');
+            const modalPrice = document.getElementById('modalPrice');
+            const closeModalBtn = modal.querySelector('.close-modal-btn');
+
+            function openItemModal(data) {
+                modalTitle.textContent = data.title || '';
+                modalDescription.innerHTML = data.description ? data.description.replace(/\\n/g, '<br>').replace(/\n/g, '<br>') : '';
+
+                if (data.photoUrl && data.photoUrl !== "None" && data.photoUrl !== "") {
+                    modalPhoto.src = data.photoUrl;
+                    modalPhoto.style.display = 'block';
+                    modalPhoto.alt = data.title || 'Detail photo';
+                } else {
+                    modalPhoto.style.display = 'none';
+                }
+
+                if (data.price) {
+                    modalPrice.textContent = data.price;
+                    modalPrice.style.display = 'block';
+                } else {
+                    modalPrice.style.display = 'none';
+                }
+                modal.style.display = 'block';
+            }
+
+            closeModalBtn.onclick = function() { modal.style.display = 'none'; }
+            window.onclick = function(event) {
+                if (event.target == modal) { modal.style.display = 'none'; }
+            }
+
+            document.querySelectorAll('.detail-btn').forEach(button => {
+                button.addEventListener('click', function() {
+                    const data = {
+                        title: this.dataset.title,
+                        description: this.dataset.description,
+                        photoUrl: this.dataset.photoUrl,
+                        price: this.dataset.price
+                    };
+                    openItemModal(data);
+                });
+            });
         });
     </script>
 </body>
@@ -293,243 +501,491 @@ ADMIN_TEMPLATE = '''
 <!DOCTYPE html>
 <html lang="ru">
 <head>
-    <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Админ-панель - Раина</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: #f4f7f9; color: #333; padding: 20px; }
-        .container { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 10px; }
-        .header { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; }
-        h1, h2 { font-weight: 600; color: #6a0dad; margin-bottom: 15px; }
-        h1 { font-size: 1.8rem; } h2 { font-size: 1.5rem; margin-top: 30px; }
+        body { font-family: 'Poppins', sans-serif; background-color: #f4f7f9; color: #333; 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 #e0e0e0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
+        h1, h2, h3 { font-weight: 600; color: #6a0dad; margin-bottom: 15px; }
+        h1 { font-size: 1.8rem; }
+        h2 { font-size: 1.5rem; margin-top: 30px; display: flex; align-items: center; gap: 8px; }
         .section { margin-bottom: 30px; padding: 20px; background-color: #fafafa; border: 1px solid #e9e9e9; border-radius: 8px; }
-        label { display: block; margin-top: 10px; font-size: 0.9rem;}
-        input[type="text"], input[type="number"], textarea, select { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ddd; border-radius: 6px; }
-        textarea {min-height: 80px;}
-        input[type="file"] { padding: 8px; border: 1px solid #ddd; margin-top:5px; display:block;}
-        button { padding: 10px 18px; border: none; border-radius: 6px; background-color: #9b59b6; color: white; cursor: pointer; margin-top: 15px; }
-        button:hover { background-color: #8e44ad; }
-        .delete-button { background-color: #e74c3c; } .delete-button:hover { background-color: #c0392b; }
-        .item { background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #eee; margin-bottom:10px; }
-        .item-actions { margin-top: 10px; display: flex; gap: 10px; }
-        .edit-form-container { margin-top: 10px; padding: 15px; background: #fdf9ff; border: 1px dashed #ddd; display: none; }
-        details > summary { cursor: pointer; font-weight: 600; color: #8e44ad; padding: 10px; border-bottom:1px solid #eee; margin-bottom:10px;}
-        .photo-preview img {max-width:50px; max-height:50px; margin-right:5px; border-radius:4px;}
-        .message { padding: 10px; border-radius: 6px; margin-bottom: 15px; }
-        .message.success { background-color: #d4edda; color: #155724; }
-        .message.error { background-color: #f8d7da; color: #721c24; }
+        form { margin-bottom: 20px; }
+        label { font-weight: 500; margin-top: 10px; display: block; color: #555; font-size: 0.9rem;}
+        input[type="text"], input[type="number"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #ddd; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; }
+        input[type="file"] { padding: 8px; cursor: pointer; border: 1px solid #ddd; width: 100%; box-sizing: border-box; margin-top:5px; }
+        button, .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: #9b59b6; color: white; font-weight: 500; cursor: pointer; transition: all 0.3s ease; margin-top: 15px; text-decoration: none; font-size: 0.95rem;}
+        button:hover, .button:hover { background-color: #8e44ad; }
+        .delete-button { background-color: #e74c3c; }
+        .delete-button:hover { background-color: #c0392b; }
+        .item-list { display: grid; gap: 20px; }
+        .item { background: #fff; padding: 15px 20px; border-radius: 8px; border: 1px solid #eee; }
+        .item-actions { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; }
+        .edit-form-container { margin-top: 15px; padding: 20px; background: #fdf9ff; border: 1px dashed #ddd; border-radius: 6px; display: none; }
+        details { background-color: #fafafa; border: 1px solid #e9e9e9; border-radius: 8px; margin-bottom: 20px; }
+        details > summary { cursor: pointer; font-weight: 600; color: #8e44ad; display: block; padding: 15px; position: relative; list-style: none; }
+        details > summary::after { content: '\\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.2s; }
+        details[open] > summary::after { transform: translateY(-50%) rotate(180deg); }
+        .photo-preview img { max-width: 70px; max-height: 70px; border-radius: 5px; margin: 5px 5px 0 0; object-fit: cover;}
+        .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;}
+        .current-photo { font-size: 0.85em; color: #777; margin-top: 5px;}
+        .current-photo img { max-width: 50px; max-height: 50px; vertical-align: middle; margin-right: 5px; border-radius: 3px;}
     </style>
 </head>
 <body>
     <div class="container">
-        <div class="header"><h1><i class="fas fa-tools"></i> Админ-панель "Раина"</h1><a href="{{ url_for('landing') }}" style="text-decoration:none;"><button><i class="fas fa-home"></i> Сайт</button></a></div>
+        <div class="header"><h1><i class="fas fa-tools"></i> Админ-панель "Раина"</h1><a href="{{ url_for('landing') }}" class="button"><i class="fas fa-home"></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> Синхронизация</h2>
-            <form method="POST" action="{{ url_for('force_upload') }}" style="display: inline;"><button type="submit">Загрузить на сервер</button></form>
-            <form method="POST" action="{{ url_for('force_download') }}" style="display: inline;"><button type="submit">Скачать с сервера</button></form>
+        
+        <div class="section">
+            <h2><i class="fas fa-sync-alt"></i> Синхронизация</h2>
+            <form method="POST" action="{{ url_for('force_upload') }}" style="display: inline-block; margin-right:10px;"><button type="submit" class="button"><i class="fas fa-cloud-upload-alt"></i> Загрузить на сервер</button></form>
+            <form method="POST" action="{{ url_for('force_download') }}" style="display: inline-block;"><button type="submit" class="button"><i class="fas fa-cloud-download-alt"></i> Скачать с сервера</button></form>
         </div>
 
-        {% macro render_item_form(action_type, item_type, item=None, index=None, categories=None) %}
-            <form method="POST" enctype="multipart/form-data">
-                <input type="hidden" name="action" value="{{ action_type }}_{{ item_type }}">
-                {% if index is not none %}<input type="hidden" name="index" value="{{ index }}">{% endif %}
-                <label>Название/Заголовок*:</label><input type="text" name="title" value="{{ item.title if item else '' }}" required>
-                {% if item_type == 'service' %}<label>Иконка (FontAwesome)*:</label><input type="text" name="icon" value="{{ item.icon if item else 'fas fa-check' }}" required>{% endif %}
-                <label>Короткое описание (для карточки)*:</label><textarea name="description_short" rows="2" required>{{ item.description_short if item else '' }}</textarea>
-                <label>Полное описание (для модального окна):</label><textarea name="description_full" rows="4">{{ item.description_full if item else '' }}</textarea>
-                {% if item_type == 'equipment' %}
-                    <label>Цена (KGS)*:</label><input type="number" name="price" value="{{ item.price if item else '' }}" step="0.01" min="0" required>
-                    <label>Категория:</label><select name="category">
-                        <option value="Без категории" {% if item and item.category == 'Без категории' %}selected{% endif %}>Без категории</option>
-                        {% for cat in categories %}<option value="{{ cat }}" {% if item and item.category == cat %}selected{% endif %}>{{ cat }}</option>{% endfor %}
-                    </select>
-                {% endif %}
-                <label>{{ 'Заменить фото (для Услуг - 1 фото):' if item else 'Фото (для Услуг - 1 фото):' }}</label>
-                <input type="file" name="photos" {{ 'multiple' if item_type != 'service' }} accept="image/*" {{ 'required' if action_type == 'add' and item_type != 'service' and not item else '' }}>
-                {% if item and item.get('photos') %} <div class="photo-preview">Текущие фото: {% for p in item.photos %}<img src="{{ hf_url(item_type, p) }}">{% endfor %}</div> {% endif %}
-                {% if item and item_type == 'service' and item.get('photo') %} <div class="photo-preview">Текущее фото: <img src="{{ hf_url('services', item.photo) }}"></div> {% endif %}
-                <button type="submit">{{ 'Сохранить' if item else 'Добавить' }}</button>
-            </form>
-        {% endmacro %}
-
-        {% for item_conf in config_sections %}
-        <div class="section"><h2><i class="{{ item_conf.icon }}"></i> {{ item_conf.title }}</h2>
-            <details><summary>Добавить {{ item_conf.singular }}</summary>{{ render_item_form('add', item_conf.key, categories=categories if item_conf.key == 'equipment' else None) }}</details>
-            {% for item in data[item_conf.key] %}
+        <div class="section">
+            <h2><i class="fas fa-star"></i> Реализованные проекты</h2>
+            <details><summary>Добавить проект</summary>
+                <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="add_project">
+                    <label>Название*:</label><input type="text" name="title" required>
+                    <label>Описание*:</label><textarea name="description" rows="3" required></textarea>
+                    <label>Фото*:</label><input type="file" name="photo" accept="image/*" required>
+                    <button type="submit">Добавить проект</button>
+                </form>
+            </details>
+            <div class="item-list">
+            {% for project in projects %}
+                <div class="item">
+                    <p><strong>{{ project.title }}</strong>: {{ project.description | truncate(100) }}</p>
+                    {% if project.photo %}<div class="current-photo"><img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/projects/{{ project.photo }}" alt="Current photo"> {{ project.photo }}</div>{% endif %}
+                    <div class="item-actions">
+                        <button onclick="toggleEditForm('edit-project-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button>
+                        <form method="POST" style="margin:0;"><input type="hidden" name="action" value="delete_project"><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-project-{{ loop.index0 }}" class="edit-form-container">
+                        <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="edit_project"><input type="hidden" name="index" value="{{ loop.index0 }}">
+                             <label>Название*:</label><input type="text" name="title" value="{{ project.title }}" required>
+                             <label>Описание*:</label><textarea name="description" rows="3" required>{{ project.description }}</textarea>
+                             <label>Заменить фото (оставьте пустым, чтобы не менять):</label><input type="file" name="photo" accept="image/*">
+                             {% if project.photo %}<p class="current-photo">Текущее фото: {{ project.photo }}</p>{% endif %}
+                             <button type="submit">Сохранить</button>
+                        </form>
+                    </div>
+                </div>
+            {% endfor %}
+            </div>
+        </div>
+
+        <div class="section">
+            <h2><i class="fas fa-concierge-bell"></i> Услуги "под ключ"</h2>
+            <details><summary>Добавить услугу</summary>
+                 <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="add_service">
+                     <label>Заголовок*:</label><input type="text" name="title" required>
+                     <label>Иконка (FontAwesome)*:</label><input type="text" name="icon" placeholder="fas fa-tools" required>
+                     <label>Описание*:</label><textarea name="description" rows="3" required></textarea>
+                     <label>Фото (опционально):</label><input type="file" name="photo" accept="image/*">
+                     <button type="submit">Добавить услугу</button>
+                 </form>
+            </details>
+            <div class="item-list">
+            {% for service in services %}
+                <div class="item">
+                    <p><i class="{{ service.icon }} fa-fw"></i> <strong>{{ service.title }}</strong>: {{ service.description | truncate(100) }}</p>
+                    {% if service.photo %}<div class="current-photo"><img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/services/{{ service.photo }}" alt="Current photo"> {{ service.photo }}</div>{% endif %}
+                    <div class="item-actions">
+                        <button onclick="toggleEditForm('edit-service-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button>
+                        <form method="POST" style="margin:0;"><input type="hidden" name="action" value="delete_service"><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-service-{{ loop.index0 }}" class="edit-form-container">
+                         <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="edit_service"><input type="hidden" name="index" value="{{ loop.index0 }}">
+                             <label>Заголовок*:</label><input type="text" name="title" value="{{ service.title }}" required>
+                             <label>Иконка*:</label><input type="text" name="icon" value="{{ service.icon }}" required>
+                             <label>Описание*:</label><textarea name="description" rows="3" required>{{ service.description }}</textarea>
+                             <label>Заменить фото (оставьте пустым, чтобы не менять):</label><input type="file" name="photo" accept="image/*">
+                             {% if service.photo %}<p class="current-photo">Текущее фото: {{ service.photo }}</p>{% endif %}
+                             <button type="submit">Сохранить</button>
+                         </form>
+                     </div>
+                </div>
+            {% endfor %}
+            </div>
+        </div>
+
+        <div class="section">
+            <h2><i class="fas fa-tags"></i> Категории оборудования</h2>
+            <details><summary>Добавить категорию</summary>
+                <form method="POST"><input type="hidden" name="action" value="add_category"><label>Название категории*:</label><input type="text" name="category_name" required><button type="submit">Добавить</button></form>
+            </details>
+            {% if categories %}
+            <div class="item-list" style="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));">
+            {% for category in categories %}
+                 <div class="item" style="display: flex; justify-content: space-between; align-items: center; padding: 10px 15px;">
+                     <span>{{ category }}</span>
+                     <form method="POST" style="margin: 0;"><input type="hidden" name="action" value="delete_category"><input type="hidden" name="category_name" value="{{ category }}"><button type="submit" class="delete-button" style="margin:0; padding: 5px 10px; font-size: 0.8rem;"><i class="fas fa-trash-alt"></i></button></form>
+                 </div>
+            {% endfor %}
+            </div>
+            {% else %}
+            <p>Категорий пока нет.</p>
+            {% endif %}
+        </div>
+
+        <div class="section">
+            <h2><i class="fas fa-box-open"></i> Оборудование</h2>
+            <details style="margin-top:20px;"><summary>Добавить оборудование</summary>
+                 <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="add_equipment">
+                     <label>Название*:</label><input type="text" name="name" required>
+                     <label>Цена (KGS)*:</label><input type="number" name="price" step="0.01" min="0" required>
+                     <label>Описание (опционально):</label><textarea name="description" rows="3"></textarea>
+                     <label>Категория:</label><select name="category"><option value="Без категории">Без категории</option>{% for cat in categories %}<option value="{{ cat }}">{{ cat }}</option>{% endfor %}</select>
+                     <label>Фото (опционально):</label><input type="file" name="photo" accept="image/*">
+                     <button type="submit">Добавить</button>
+                 </form>
+            </details>
+            <div class="item-list">
+            {% for item in equipment %}
             <div class="item">
-                <p><strong>{{ item.title if item.title else item.name }}</strong> {% if item_conf.key == 'service' %}(<i class="{{item.icon}}"></i>){% endif %} - {{item.description_short[:50]}}...</p>
+                <p><strong>{{ item.name }}</strong> ({{ item.get('category', 'Без категории') }}) - {{ "%.2f"|format(item.price) }} KGS</p>
+                {% if item.get('description') %}<p style="font-size:0.9em; color:#555;">Описание: {{ item.description | truncate(100) }}</p>{% endif %}
+                {% if item.photo %}<div class="current-photo"><img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/equipment/{{ item.photo }}" alt="Current photo"> {{ item.photo }}</div>{% endif %}
                 <div class="item-actions">
-                    <button onclick="toggleEditForm('edit-{{item_conf.key}}-{{loop.index0}}')">Редактировать</button>
-                    <form method="POST" style="margin:0;"><input type="hidden" name="action" value="delete_{{item_conf.key}}"><input type="hidden" name="index" value="{{loop.index0}}"><button type="submit" class="delete-button">Удалить</button></form>
+                     <button onclick="toggleEditForm('edit-eq-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button>
+                    <form method="POST" style="margin:0;"><input type="hidden" name="action" value="delete_equipment"><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-{{item_conf.key}}-{{loop.index0}}" class="edit-form-container">{{ render_item_form('edit', item_conf.key, item, loop.index0, categories=categories if item_conf.key == 'equipment' else None) }}</div>
-            </div>{% endfor %}
-        </div>{% endfor %}
-        
-        <div class="section"><h2><i class="fas fa-tags"></i> Категории оборудования</h2>
-            <details><summary>Добавить категорию</summary><form method="POST"><input type="hidden" name="action" value="add_category"><label>Название:</label><input type="text" name="category_name" required><button type="submit">Добавить</button></form></details>
-            {% 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;"><input type="hidden" name="action" value="delete_category"><input type="hidden" name="category_name" value="{{category}}"><button type="submit" class="delete-button" style="margin:0;">Удалить</button></form></div>{% endfor %}
+                <div id="edit-eq-{{ loop.index0 }}" class="edit-form-container">
+                    <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="edit_equipment"><input type="hidden" name="index" value="{{ loop.index0 }}">
+                        <label>Название*:</label><input type="text" name="name" value="{{ item.name }}" required>
+                        <label>Цена (KGS)*:</label><input type="number" name="price" value="{{ item.price }}" step="0.01" min="0" required>
+                        <label>Описание (опционально):</label><textarea name="description" rows="3">{{ item.get('description', '') }}</textarea>
+                        <label>Категория:</label><select name="category"><option value="Без категории" {% if not item.category or item.category == "Без категории" %}selected{% endif %}>Без категории</option>{% for cat in categories %}<option value="{{ cat }}" {% if item.category == cat %}selected{% endif %}>{{ cat }}</option>{% endfor %}</select>
+                        <label>Заменить фото (оставьте пустым, чтобы не менять):</label><input type="file" name="photo" accept="image/*">
+                        {% if item.photo %}<p class="current-photo">Текущее фото: {{ item.photo }}</p>{% endif %}
+                        <button type="submit">Сохранить</button>
+                    </form>
+                </div>
+            </div>
+            {% endfor %}
+            </div>
         </div>
-        <script>function toggleEditForm(id){document.getElementById(id).style.display = document.getElementById(id).style.display === 'block'?'none':'block';}</script>
-    </body></html>
+        <script>function toggleEditForm(id) { var el = document.getElementById(id); el.style.display = el.style.display === 'block' ? 'none' : 'block'; }</script>
+    </body>
+    </html>
 '''
 
-def hf_url_template_filter(folder, filename):
-    return f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/{folder}/{filename}"
-app.jinja_env.filters['hf_url'] = hf_url_template_filter
-
 @app.route('/')
 def landing():
     data = load_data()
-    # Create short descriptions if not present for landing page cards
-    for item_type in ['services', 'projects', 'equipment']:
-        for item in data.get(item_type, []):
-            if 'description_short' not in item:
-                 desc_full = item.get('description_full') or item.get('description', '')
-                 item['description_short'] = (desc_full[:100] + '...') if desc_full and len(desc_full) > 100 else desc_full
     return render_template_string(
         LANDING_TEMPLATE,
-        all_data=data, # For JS modal
         services=data.get('services', []),
         equipment=data.get('equipment', []),
-        categories=sorted(data.get('categories', [])),
+        categories=sorted(list(set(item.get('category', 'Без категории') for item in data.get('equipment', [])) - {'Без категории'})),
         projects=data.get('projects', []),
         repo_id=REPO_ID,
         contact_phone=CONTACT_PHONE,
         whatsapp_phone=WHATSAPP_PHONE,
-        now=datetime.utcnow(),
-        hf_url=hf_url_template_filter # Make it available in template context
+        now=datetime.utcnow()
     )
 
 @app.route('/admin', methods=['GET', 'POST'])
 def admin():
     data = load_data()
-    config_sections = [
-        {'key': 'service', 'title': 'Услуги "под ключ"', 'singular': 'услугу', 'icon': 'fas fa-concierge-bell', 'fields': ['title', 'icon', 'description_short', 'description_full'], 'photo_type': 'single'},
-        {'key': 'project', 'title': 'Реализованные проекты', 'singular': 'проект', 'icon': 'fas fa-star', 'fields': ['title', 'description_short', 'description_full'], 'photo_type': 'multiple'},
-        {'key': 'equipment', 'title': 'Оборудование', 'singular': 'оборудование', 'icon': 'fas fa-box-open', 'fields': ['title', 'price', 'category', 'description_short', 'description_full'], 'photo_type': 'multiple'}
-    ]
-
+    
     if request.method == 'POST':
         action = request.form.get('action')
+        logging.info(f"Admin action: {action}")
         try:
-            action_type, item_key_raw = action.split('_', 1)
-            item_key = item_key_raw + ('s' if item_key_raw in ['project', 'service'] and not item_key_raw.endswith('s') else '') # Ensure plural for dict keys like 'projects'
-
-            current_config = next((c for c in config_sections if c['key'] == item_key_raw), None)
-
-            if action_type in ['add', 'edit']:
-                item_data = {field: request.form.get(field) for field in current_config['fields']}
-                item_data['title'] = request.form.get('title') # Common field
-                if 'price' in item_data: item_data['price'] = float(item_data['price'] or 0)
-
-                # Handle photos
-                uploaded_photos = []
-                photo_files = request.files.getlist('photos')
-                if photo_files and any(f.filename for f in photo_files):
-                    for photo_file in photo_files:
-                        if photo_file and photo_file.filename:
-                             filename = upload_photo_to_hf(photo_file, item_data['title'], item_key)
-                             if filename: uploaded_photos.append(filename)
-                    if not uploaded_photos and (action_type == 'add' and item_key_raw != 'service'): # Require photo on add for project/equipment
-                         flash(f"Фото обязательно для {current_config['singular']}.", 'error'); return redirect(url_for('admin'))
-
-
-                if action_type == 'add':
-                    if current_config['photo_type'] == 'single': item_data['photo'] = uploaded_photos[0] if uploaded_photos else None
-                    else: item_data['photos'] = uploaded_photos
-                    data[item_key].append(item_data)
-                    flash(f"{current_config['singular'].capitalize()} '{item_data['title']}' добавлен(а).", 'success')
+            if action == 'add_category':
+                name = request.form.get('category_name', '').strip()
+                if name and name not in data.get('categories', []):
+                    if 'categories' not in data: data['categories'] = []
+                    data['categories'].append(name)
+                    data['categories'] = sorted(list(set(data['categories'])))
+                    flash(f"Категория '{name}' добавлена.", 'success')
+                elif not name:
+                    flash("Название категории не может быть пустым.", 'error')
+                else: flash(f"Категория '{name}' уже существует.", 'warning')
+            
+            elif action == 'delete_category':
+                name = request.form.get('category_name')
+                if name in data.get('categories', []):
+                    data['categories'].remove(name)
+                    for item in data.get('equipment', []):
+                        if item.get('category') == name:
+                            item['category'] = 'Без категории'
+                    flash(f"Категория '{name}' удалена. Оборудование этой категории перемещено в 'Без категории'.", 'success')
+                else:
+                    flash(f"Категория '{name}' не найдена.", 'error')
+
+
+            elif action in ['add_equipment', 'edit_equipment']:
+                name = request.form.get('name', '').strip()
+                price_str = request.form.get('price')
+                category = request.form.get('category')
+                description = request.form.get('description', '').strip()
+
+                if not name:
+                    flash("Название оборудования обязательно.", 'error')
+                    return redirect(url_for('admin'))
+                try:
+                    price = round(float(price_str), 2)
+                    if price < 0:
+                        flash("Цена не может быть отрицательной.", 'error')
+                        return redirect(url_for('admin'))
+                except (ValueError, TypeError):
+                    flash("Некорректный формат цены.", 'error')
+                    return redirect(url_for('admin'))
+
+                item_data = {'name': name, 'price': price, 'category': category, 'description': description}
+                photo_file = request.files.get('photo')
                 
-                elif action_type == 'edit':
+                if action == 'add_equipment':
+                    if photo_file and photo_file.filename:
+                        uploaded_filename = upload_photo_to_hf(photo_file, name, 'equipment')
+                        if uploaded_filename:
+                            item_data['photo'] = uploaded_filename
+                        else:
+                            flash(f"Фото для '{name}' не было загружено из-за ошибки или отсутствия токена.", 'warning')
+                    data['equipment'].append(item_data)
+                    flash(f"Оборудование '{name}' добавлено.", 'success')
+                
+                else: 
                     index = int(request.form.get('index'))
-                    original_item = data[item_key][index]
-                    if uploaded_photos: # New photos were uploaded
-                        if current_config['photo_type'] == 'single':
-                            delete_photo_from_hf(original_item.get('photo'), item_key)
-                            item_data['photo'] = uploaded_photos[0]
+                    original_item = data['equipment'][index]
+                    item_data['photo'] = original_item.get('photo') 
+
+                    if photo_file and photo_file.filename:
+                        delete_photo_from_hf(original_item.get('photo'), 'equipment')
+                        uploaded_filename = upload_photo_to_hf(photo_file, name, 'equipment')
+                        if uploaded_filename:
+                            item_data['photo'] = uploaded_filename
                         else:
-                            for old_photo in original_item.get('photos', []): delete_photo_from_hf(old_photo, item_key)
-                            item_data['photos'] = uploaded_photos
-                    else: # No new photos, keep old ones
-                        if current_config['photo_type'] == 'single': item_data['photo'] = original_item.get('photo')
-                        else: item_data['photos'] = original_item.get('photos', [])
-                    data[item_key][index] = item_data
-                    flash(f"{current_config['singular'].capitalize()} '{item_data['title']}' обновлен(а).", 'success')
-
-            elif action_type == 'delete':
+                            flash(f"Новое фото для '{name}' не было загружено, старое фото (если было) удалено.", 'warning')
+                            item_data['photo'] = None # Ensure old photo is cleared if new one failed
+                    
+                    data['equipment'][index] = item_data
+                    flash(f"Оборудование '{name}' обновлено.", 'success')
+
+            elif action == 'delete_equipment':
                 index = int(request.form.get('index'))
-                item_to_delete = data[item_key].pop(index)
-                if current_config['photo_type'] == 'single': delete_photo_from_hf(item_to_delete.get('photo'), item_key)
-                else: 
-                    for p in item_to_delete.get('photos', []): delete_photo_from_hf(p, item_key)
-                flash(f"{current_config['singular'].capitalize()} '{item_to_delete.get('title') or item_to_delete.get('name')}' удален(а).", 'success')
+                item = data['equipment'].pop(index)
+                delete_photo_from_hf(item.get('photo'), 'equipment')
+                flash(f"Оборудование '{item.get('name')}' удалено.", 'success')
             
-            elif action == 'add_category':
-                name = request.form.get('category_name', '').strip()
-                if name and name not in data['categories']: data['categories'].append(name); flash(f"Категория '{name}' добавлена.", 'success')
-                else: flash("Категория уже существует или пуста.", 'error')
+            elif action in ['add_service', 'edit_service']:
+                title = request.form.get('title', '').strip()
+                icon = request.form.get('icon', 'fas fa-tools').strip()
+                description = request.form.get('description', '').strip()
+
+                if not title or not description or not icon:
+                    flash("Заголовок, иконка и описание услуги обязательны.", 'error')
+                    return redirect(url_for('admin'))
+
+                item_data = {'title': title, 'icon': icon, 'description': description}
+                photo_file = request.files.get('photo')
+
+                if action == 'add_service':
+                    if photo_file and photo_file.filename:
+                        uploaded_filename = upload_photo_to_hf(photo_file, title, 'services')
+                        if uploaded_filename:
+                            item_data['photo'] = uploaded_filename
+                        else:
+                            flash(f"Фото для услуги '{title}' не было загружено.", 'warning')
+                    data['services'].append(item_data)
+                    flash(f"Услуга '{title}' добавлена.", 'success')
+                else: 
+                    index = int(request.form.get('index'))
+                    original_item = data['services'][index]
+                    item_data['photo'] = original_item.get('photo')
+
+                    if photo_file and photo_file.filename:
+                        delete_photo_from_hf(original_item.get('photo'), 'services')
+                        uploaded_filename = upload_photo_to_hf(photo_file, title, 'services')
+                        if uploaded_filename:
+                            item_data['photo'] = uploaded_filename
+                        else:
+                            flash(f"Новое фото для услуги '{title}' не было загружено.", 'warning')
+                            item_data['photo'] = None
+                    data['services'][index] = item_data
+                    flash(f"Услуга '{title}' обновлена.", 'success')
             
-            elif action == 'delete_category':
-                name = request.form.get('category_name')
-                if name in data['categories']: data['categories'].remove(name); flash(f"Категория '{name}' удалена.", 'success')
+            elif action == 'delete_service':
+                index = int(request.form.get('index'))
+                item = data['services'].pop(index)
+                delete_photo_from_hf(item.get('photo'), 'services')
+                flash(f"Услуга '{item.get('title')}' удалена.", 'success')
+
+            elif action in ['add_project', 'edit_project']:
+                title = request.form.get('title', '').strip()
+                description = request.form.get('description', '').strip()
+                photo_file = request.files.get('photo')
+
+                if not title or not description:
+                     flash("Название и описание проекта обязательны.", 'error')
+                     return redirect(url_for('admin'))
+
+                item_data = {'title': title, 'description': description}
+
+                if action == 'add_project':
+                    if photo_file and photo_file.filename:
+                        uploaded_filename = upload_photo_to_hf(photo_file, title, 'projects')
+                        if uploaded_filename:
+                            item_data['photo'] = uploaded_filename
+                            data['projects'].append(item_data)
+                            flash(f"Проект '{title}' добавлен.", 'success')
+                        else:
+                            flash(f"Фото для проекта '{title}' не было загружено. Проект не добавлен.", 'error')
+                    else:
+                        flash("Фото обязательно для нового проекта.", 'error')
+                else: 
+                    index = int(request.form.get('index'))
+                    original_item = data['projects'][index]
+                    item_data['photo'] = original_item.get('photo') 
+
+                    if photo_file and photo_file.filename:
+                        delete_photo_from_hf(original_item.get('photo'), 'projects')
+                        uploaded_filename = upload_photo_to_hf(photo_file, title, 'projects')
+                        if uploaded_filename:
+                             item_data['photo'] = uploaded_filename
+                        else:
+                            flash(f"Новое фото для проекта '{title}' не было загружено. Проект может остаться без фото или со старым, если оно не было удалено.", 'warning')
+                            item_data['photo'] = None # Or decide to keep original_item.get('photo') if upload fails
+                    
+                    if not item_data.get('photo') and not original_item.get('photo'): # If no photo existed and no new one provided/uploaded
+                        flash(f"Проект '{title}' не имеет фото. Пожалуйста, загрузите фото.", 'warning')
+                        # Do not save if photo is mandatory for projects
+                        # return redirect(url_for('admin'))
+
+                    data['projects'][index] = item_data
+                    flash(f"Проект '{title}' обновлен.", 'success')
+
+
+            elif action == 'delete_project':
+                index = int(request.form.get('index'))
+                item = data['projects'].pop(index)
+                delete_photo_from_hf(item.get('photo'), 'projects')
+                flash(f"Проект '{item.get('title')}' удален.", 'success')
 
             save_data(data)
         except Exception as e:
-            logging.error(f"Admin action '{action}' failed: {e}", exc_info=True)
-            flash(f"Произошла ошибка: {e}", 'error')
+             logging.error(f"Admin action '{action}' failed: {e}", exc_info=True)
+             flash(f"Произошла ошибка при выполнении '{action}': {str(e)}", 'error')
         return redirect(url_for('admin'))
 
     return render_template_string(
-        ADMIN_TEMPLATE, data=data, categories=sorted(data.get('categories', [])),
-        config_sections=config_sections, hf_url=hf_url_template_filter
+        ADMIN_TEMPLATE,
+        equipment=data.get('equipment', []),
+        categories=sorted(data.get('categories', [])),
+        services=data.get('services', []),
+        projects=data.get('projects', []),
+        repo_id=REPO_ID
     )
 
-def upload_photo_to_hf(photo_file_storage, item_name, folder):
-    if not photo_file_storage or not photo_file_storage.filename or not HF_TOKEN_WRITE: return None
+def upload_photo_to_hf(photo_storage, item_name, folder):
+    if not photo_storage or not photo_storage.filename:
+        logging.warning("upload_photo_to_hf: No photo or filename provided.")
+        return None
+    if not HF_TOKEN_WRITE:
+        logging.warning("upload_photo_to_hf: HF_TOKEN_WRITE is not set. Cannot upload photo.")
+        flash("Токен для записи на Hugging Face (HF_TOKEN) не установлен. Загрузка фото невозможна.", "error")
+        return None
+        
     try:
         api = HfApi()
-        safe_name = secure_filename(item_name.replace(' ', '_'))[:50]
-        ext = os.path.splitext(photo_file_storage.filename)[1].lower()
-        if ext not in ['.jpg', '.jpeg', '.png', '.gif', '.webp']:
-            flash(f"Неподдерживаемый формат файла: {photo_file_storage.filename}", 'warning'); return None
+        safe_item_name = secure_filename(item_name.replace(' ', '_'))[:50]
+        if not safe_item_name: 
+            safe_item_name = "untitled"
+        
+        original_ext = os.path.splitext(photo_storage.filename)[1].lower()
+        if not original_ext: original_ext = ".jpg" # Default extension
+
+        photo_filename_in_repo = f"{safe_item_name}_{datetime.now().strftime('%Y%m%d%H%M%S%f')}{original_ext}"
         
-        # Save temporarily before upload
-        temp_filename = f"{safe_name}_{datetime.now().strftime('%Y%m%d%H%M%S%f')}{ext}"
-        temp_path = os.path.join(UPLOAD_FOLDER_TEMP, temp_filename)
-        photo_file_storage.save(temp_path)
+        path_in_repo = f"{folder}/{photo_filename_in_repo}"
+
+        photo_storage.stream.seek(0) # Ensure stream is at the beginning
 
-        # Upload from temp path
-        hf_photo_filename = temp_filename # Use the same generated unique name
         api.upload_file(
-            path_or_fileobj=temp_path, path_in_repo=f"{folder}/{hf_photo_filename}",
-            repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE
+            path_or_fileobj=photo_storage.stream, 
+            path_in_repo=path_in_repo,
+            repo_id=REPO_ID, 
+            repo_type="dataset", 
+            token=HF_TOKEN_WRITE,
+            commit_message=f"Upload photo {photo_filename_in_repo} to {folder}"
         )
-        os.remove(temp_path) # Clean up temp file
-        return hf_photo_filename
+        logging.info(f"Successfully uploaded photo {photo_filename_in_repo} to Hugging Face Hub: {folder}/{photo_filename_in_repo}")
+        return photo_filename_in_repo
     except Exception as e:
-        logging.error(f"Error uploading photo {photo_file_storage.filename}: {e}", exc_info=True)
-        flash(f"Ошибка загрузки фото {photo_file_storage.filename}.", 'error')
-        if 'temp_path' in locals() and os.path.exists(temp_path): os.remove(temp_path)
+        logging.error(f"Error uploading photo {photo_storage.filename} for item '{item_name}' to folder '{folder}': {e}", exc_info=True)
+        flash(f"Ошибка загрузки фото '{photo_storage.filename}': {str(e)}", 'error')
         return None
 
 def delete_photo_from_hf(photo_filename, folder):
-    if not photo_filename or not HF_TOKEN_WRITE: return
+    if not photo_filename or not folder:
+        logging.info(f"Skipping deletion of photo: No photo_filename or folder provided. Filename: '{photo_filename}', Folder: '{folder}'")
+        return
+    if not HF_TOKEN_WRITE:
+        logging.warning("HF_TOKEN_WRITE not set. Skipping photo deletion from Hugging Face Hub.")
+        return
+        
     try:
         api = HfApi()
-        api.delete_files(repo_id=REPO_ID, paths_in_repo=[f"{folder}/{photo_filename}"], repo_type="dataset", token=HF_TOKEN_WRITE)
+        path_in_repo_to_delete = f"{folder}/{photo_filename}"
+        logging.info(f"Attempting to delete photo {path_in_repo_to_delete} from Hugging Face Hub repo {REPO_ID}")
+        api.delete_files(
+            repo_id=REPO_ID, 
+            paths_in_repo=[path_in_repo_to_delete],
+            repo_type="dataset", 
+            token=HF_TOKEN_WRITE,
+            commit_message=f"Delete photo {photo_filename} from {folder}"
+        )
+        logging.info(f"Successfully deleted photo {path_in_repo_to_delete} from Hugging Face Hub.")
     except HfHubHTTPError as e:
-        if e.response.status_code != 404: logging.error(f"Error deleting photo {photo_filename}: {e}")
-    except Exception as e: logging.error(f"Error deleting photo {photo_filename}: {e}")
+        if e.response.status_code == 404:
+            logging.warning(f"Photo {path_in_repo_to_delete} not found on Hugging Face Hub for deletion (HTTP 404). It might have been already deleted or never uploaded.")
+        else:
+            logging.error(f"HTTP error deleting photo {path_in_repo_to_delete} from Hugging Face Hub: {e}", exc_info=True)
+            # flash(f"Ошибка удаления фото '{photo_filename}' с сервера: HTTP {e.response.status_code}", 'warning') # Flashing here can be noisy
+    except Exception as e:
+        logging.error(f"Unexpected error deleting photo {path_in_repo_to_delete} from Hugging Face Hub: {e}", exc_info=True)
+        # flash(f"Неожиданная ошибка при удалении фото '{photo_filename}': {str(e)}", 'warning')
+
 
 @app.route('/force_upload', methods=['POST'])
-def force_upload(): upload_db_to_hf(); flash("Данные загружены.", 'success'); return redirect(url_for('admin'))
+def force_upload():
+    upload_db_to_hf()
+    flash("Данные синхронизированы (выгружены на сервер).", 'success')
+    return redirect(url_for('admin'))
+
 @app.route('/force_download', methods=['POST'])
-def force_download(): download_db_from_hf(); flash("Данные скачаны.", 'success'); return redirect(url_for('admin'))
+def force_download():
+    if download_db_from_hf():
+        flash("Данные синхронизированы (загружены с сервера).", 'success')
+    else:
+        flash("Ошибка при загрузке данных с сервера.", 'error')
+    return redirect(url_for('admin'))
 
 if __name__ == '__main__':
-    download_db_from_hf()
-    if HF_TOKEN_WRITE: threading.Thread(target=periodic_backup, daemon=True).start()
+    logging.info("Application starting up...")
+    if not os.path.exists(DATA_FILE):
+        logging.info(f"{DATA_FILE} not found locally. Attempting initial download.")
+        download_db_from_hf()
+    else:
+        logging.info(f"{DATA_FILE} found locally. Skipping initial download unless forced or file is corrupt.")
+
+    if HF_TOKEN_WRITE:
+        backup_thread = threading.Thread(target=periodic_backup, daemon=True)
+        backup_thread.start()
+        logging.info("Periodic backup thread started.")
+    else:
+        logging.warning("HF_TOKEN_WRITE not set, periodic backups to Hugging Face Hub will be disabled.")
+        
     port = int(os.environ.get('PORT', 7860))
     app.run(debug=False, host='0.0.0.0', port=port)