Update app.py

app.py

@@ -64,6 +64,12 @@ COLOR_SCHEMES = {
     'cyberpunk': 'Киберпанк неон'
 }
 
+BUSINESS_TYPES = {
+    'retail': 'Розница',
+    'wholesale': 'Опт',
+    'both': 'Опт и Розница'
+}
+
 logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
 
 def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWNLOAD_DELAY):
@@ -213,7 +219,8 @@ def get_env_data(env_id):
         "chat_avatar": None,
         "color_scheme": "default",
         "chat_activated": False,
-        "chat_activation_expires": None
+        "chat_activation_expires": None,
+        "business_type": "retail"
     }
 
     env_data = all_data.get(env_id, {})
@@ -248,6 +255,12 @@ def get_env_data(env_id):
         if 'variant_prices' not in product:
             product['variant_prices'] = {}
             products_changed = True
+        if 'wholesale_price' not in product:
+            product['wholesale_price'] = None
+            products_changed = True
+        if 'min_wholesale_quantity' not in product:
+            product['min_wholesale_quantity'] = None
+            products_changed = True
 
     if products_changed or settings_changed:
         save_env_data(env_id, env_data)
@@ -341,12 +354,17 @@ def generate_chat_response(message, chat_history_from_client, env_id):
     currency_code = settings.get('currency_code', 'KGS')
     chat_name = settings.get('chat_name', 'EVA')
     org_name = settings.get('organization_name', 'Gippo312')
+    business_type = settings.get('business_type', 'retail')
     
     product_info_list = []
     for p in products:
         if p.get('in_stock', True):
             price_display = f"{p.get('price', 0):.2f}".replace('.00', '')
-            
+            wholesale_price_info = ""
+            if business_type in ['wholesale', 'both'] and p.get('wholesale_price') and p.get('min_wholesale_quantity'):
+                wholesale_price_display = f"{p['wholesale_price']:.2f}".replace('.00', '')
+                wholesale_price_info = f", Оптовая цена: {wholesale_price_display} {currency_code} от {p['min_wholesale_quantity']} шт."
+
             colors_str = f"Цвета: {', '.join(p.get('colors', []))}" if p.get('colors') else ""
             sizes_str = f"Размеры: {', '.join(p.get('sizes', []))}" if p.get('sizes') else ""
             
@@ -360,11 +378,13 @@ def generate_chat_response(message, chat_history_from_client, env_id):
                 if variant_prices_list:
                     variant_prices_str = f", Особые цены: [{'; '.join(variant_prices_list)}]"
 
+            retail_price_label = "Розничная цена" if wholesale_price_info else "Базовая цена"
+
             product_info_list.append(
                 f"- [ID_ТОВАРА: {p.get('product_id', 'N/A')} Название: {p.get('name', 'Без названия')}], "
                 f"Категория: {p.get('category', 'Без категории')}, "
-                f"Базовая цена: {price_display} {currency_code}"
-                f"{options_str}{variant_prices_str}, "
+                f"{retail_price_label}: {price_display} {currency_code}"
+                f"{wholesale_price_info}{options_str}{variant_prices_str}, "
                 f"Описание: {p.get('description', '')[:100]}..."
             )
     product_list_str = "\n".join(product_info_list) if product_info_list else "В данный момент нет товаров в наличии."
@@ -383,18 +403,45 @@ def generate_chat_response(message, chat_history_from_client, env_id):
         if organization_info.get("contact"):
             org_info_str += f"Контактная информация: {organization_info['contact']}\n"
 
+    prompts = {
+        "retail": (
+            f"Ты — первоклассный виртуальный консультант-продажник по имени {chat_name} для розничного магазина {org_name}. Твоя главная цель — не просто отвечать на вопросы, а продавать, используя все свои навыки. "
+            "Говори на любом языке, на котором к тебе обращается клиент. Будь энергичным, убедительным и проактивным. "
+            "Твоя задача — помогать пользователям находить товары, мастерски отвечать на вопросы о них, предлагать лучшие варианты, создавать ценность и закрывать сделку. "
+            "Всегда будь вежлив, но настойчив. Твоя речь должна быть живой, с использованием эмодзи, чтобы располагать к себе клиента. "
+            "Никогда не выдумывай товары, категории или характеристики, которых нет в предоставленных списках. "
+            "Когда ты предлагаешь товар, всегда указывай его название и ID, используя *точный формат*: [ID_ТОВАРА: <product_id> Название: <product_name>]. Это *критически важно* для клиента. "
+            "Если пользователь спрашивает цену на конкретный вариант (цвет или размер), найди ее в 'Особые цены'. Если там нет, используй 'Базовая цена'. "
+            "Активно предлагай сопутствующие товары или более дорогие аналоги (апсейл). Например: 'Отличный выбор! К этому телефону идеально подойдут наши новые беспроводные наушники. Хотите взглянуть?'. "
+            "Создавай ощущение срочности: 'Эта модель сейчас очень популярна, осталось всего несколько штук!'. "
+            "Работай с возражениями: если клиент говорит 'дорого', расскажи о качестве, гарантии и уникальных особенностях товара."
+        ),
+        "wholesale": (
+            f"Ты — профессиональный менеджер по оптовым продажам по имени {chat_name} компании {org_name}. Твоя цель — заключать крупные сделки и выстраивать долгосрочные отношения с оптовыми клиентами. "
+            "Общайся с клиентами на их языке. Будь деловым, компетентным и убедительным. "
+            "Твоя задача — предоставлять информацию об оптовых ценах, минимальных партиях заказа (МОЗ), условиях доставки и оплаты. "
+            "Всегда оперируй только теми данными о товарах, которые есть в списке. Не придумывай ничего. "
+            "Когда предлагаешь товар, всегда указывай его название и ID в формате: [ID_ТОВАРА: <product_id> Название: <product_name>]. "
+            "Четко указывай оптовую цену и минимальное количество для заказа. Например: 'Оптовая цена на [Название товара] составляет X {currency_code} при заказе от Y штук'. "
+            "Если клиент спрашивает о рознице, вежливо сообщи, что ты специализируешься на оптовых продажах, но можешь предоставить розничную цену для сравнения, если она указана. "
+            "Будь готов обсуждать скидки на крупные объемы и условия сотрудничества. Твоя цель — крупный заказ и довольный партнер."
+        ),
+        "both": (
+            f"Ты — универсальный менеджер по продажам по имени {chat_name} в магазине {org_name}, который работает как с розничными, так и с оптовыми покупателями. Твоя главная задача — определить тип клиента и предложить ему лучшие условия. "
+            "Говори с клиентами на их языке, будь дружелюбен с розничными покупателями и деловым с оптовиками. Используй эмодзи для создания приятной атмосферы. "
+            "В начале диалога постарайся выяснить, интересует ли клиента розничная покупка или оптовая партия. Например: 'Вас интересует покупка для себя или для бизнеса?'. "
+            "Для розничных клиентов: работай как консультант-продажник, предлагай сопутствующие товары, рассказывай о преимуществах. "
+            "Для оптовых клиентов: четко сообщай оптовую цену и минимальное количество для заказа. Например: 'Розничная цена — X {currency_code}, но при покупке от Y штук цена будет всего Z {currency_code} за единицу!'. "
+            "Всегда используй *только* данные из предоставленного списка товаров. Не выдумывай цены или условия. "
+            "При упоминании товара всегда используй формат: [ID_ТОВАРА: <product_id> Название: <product_name>]. Это очень важно. "
+            "Твоя сила — в гибкости. Умей переключаться между стилями общения и закрывай как можно больше сделок, как розничных, так и оптовых."
+        )
+    }
 
+    base_prompt = prompts.get(business_type, prompts['retail'])
+    
     system_instruction_content = (
-        f"Ты — первоклассный виртуальный консультант-продажник по имени {chat_name} для магазина {org_name}. Твоя главная цель — не просто отвечать на вопросы, а продавать, используя все свои навыки. "
-        "Говори на любом языке, на котором к тебе обращается клиент. Будь энергичным, убедительным и проактивным. "
-        "Твоя задача — помогать пользователям находить товары, мастерски отвечать на вопросы о них, предлагать лучшие варианты, создавать ценность и закрывать сделку. "
-        "Всегда будь вежлив, но настойчив. Твоя речь должна быть живой, с использованием эмодзи, чтобы располагать к себе клиента. "
-        "Никогда не выдумывай товары, категории или характеристики, которых нет в предоставленных списках. "
-        "Когда ты предлагаешь товар, всегда указывай его название и ID, используя *точный формат*: [ID_ТОВАРА: <product_id> Название: <product_name>]. Это *критически важно* для клиента. "
-        "Если пользователь спрашивает цену на конкретный вариант (цвет или размер), найди ее в 'Особые цены'. Если там нет, используй 'Базовая цена'. "
-        "Активно предлагай сопутствующие товары или более дорогие аналоги (апсейл). Например: 'Отличный выбор! К этому телефону идеально подойдут наши новые беспроводные наушники. Хотите взглянуть?'. "
-        "Создавай ощущение срочности: 'Эта модель сейчас очень популярна, осталось всего несколько штук!'. "
-        "Работай с возражениями: если клиент говорит 'дорого', расскажи о качестве, гарантии и уникальных особенностях товара.\n\n"
+        f"{base_prompt}\n\n"
         f"Список доступных категорий: {category_list_str}.\n\n"
         f"Список доступных товаров в магазине (используй эту информацию для ответов):\n"
         f"{product_list_str}"
@@ -505,31 +552,32 @@ ADMHOSTO_TEMPLATE = '''
         .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
         h1 { font-weight: 600; color: var(--bg-medium); margin-bottom: 25px; text-align: center; }
         .section { margin-bottom: 30px; }
-        .add-env-form { margin-bottom: 20px; text-align: center; }
-        #search-env {
-            width: 100%;
-            padding: 10px;
-            border: 1px solid #ddd;
-            border-radius: 6px;
-            box-sizing: border-box;
-            font-size: 1rem;
-            font-family: 'Montserrat', sans-serif;
-        }
+        .add-env-form { display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px; }
+        .add-env-form select { padding: 10px; border: 1px solid #ddd; border-radius: 6px; font-family: 'Montserrat', sans-serif; font-size: 1rem;}
+        #search-env { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; font-size: 1rem; font-family: 'Montserrat', sans-serif;}
         .button { padding: 10px 18px; border: none; border-radius: 6px; background-color: var(--accent); color: var(--text-on-accent); font-weight: 600; cursor: pointer; transition: background-color 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; }
         .button:hover { background-color: var(--accent-hover); }
         .button:disabled { background-color: #ccc; cursor: not-allowed; }
         .env-list { list-style: none; padding: 0; }
         .env-item { background: #fdfdff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 15px; }
-        .env-details { display: flex; flex-direction: column; }
+        .env-details { display: flex; flex-direction: column; gap: 4px;}
         .env-id { font-weight: 600; color: var(--bg-medium); font-size: 1.2rem; }
+        .env-sub-details { display: flex; flex-wrap: wrap; gap: 10px; align-items: center;}
         .env-status { font-size: 0.85rem; color: #666; }
         .env-status .expires-soon { color: var(--danger); font-weight: bold; }
+        .env-type { font-size: 0.8rem; background-color: #e0e0e0; padding: 2px 8px; border-radius: 10px; }
         .env-actions { display: flex; gap: 10px; flex-wrap: wrap; }
         .delete-button { background-color: var(--danger); color: white; }
         .activate-button { background-color: #66BB6A; color: white; }
         .message { padding: 10px 15px; border-radius: 6px; margin-bottom: 15px; text-align: center; }
         .message.success { background-color: #d4edda; color: #155724; }
         .message.error { background-color: #f8d7da; color: #721c24; }
+        @media (max-width: 768px) {
+            .env-item { grid-template-columns: 1fr; text-align: center; }
+            .env-details, .env-actions { justify-content: center; }
+            .add-env-form { flex-direction: column; }
+            .env-sub-details { justify-content: center; }
+        }
     </style>
 </head>
 <body>
@@ -546,6 +594,12 @@ ADMHOSTO_TEMPLATE = '''
 
         <div class="section">
             <form method="POST" action="{{ url_for('create_environment') }}" class="add-env-form">
+                <select name="business_type" required>
+                    <option value="" disabled selected>Выберите тип бизнеса</option>
+                    {% for key, name in business_types.items() %}
+                    <option value="{{ key }}">{{ name }}</option>
+                    {% endfor %}
+                </select>
                 <button type="submit" class="button"><i class="fas fa-plus-circle"></i> Создать новую среду</button>
             </form>
         </div>
@@ -562,18 +616,21 @@ ADMHOSTO_TEMPLATE = '''
                 <li class="env-item">
                     <div class="env-details">
                         <span class="env-id">{{ env.id }}</span>
-                        <div class="env-status">
-                            {% if env.chat_active %}
-                                Активирован до: <span class="{{ 'expires-soon' if env.expires_soon else '' }}">{{ env.expires_date }}</span>
-                            {% else %}
-                                Чат не активирован
-                            {% endif %}
+                        <div class="env-sub-details">
+                            <span class="env-type">{{ business_types.get(env.business_type, 'N/A') }}</span>
+                            <div class="env-status">
+                                {% if env.chat_active %}
+                                    Активирован до: <span class="{{ 'expires-soon' if env.expires_soon else '' }}">{{ env.expires_date }}</span>
+                                {% else %}
+                                    Чат не активирован
+                                {% endif %}
+                            </div>
                         </div>
                     </div>
                     <div class="env-actions">
                         <a href="{{ url_for('admin', env_id=env.id) }}" class="button" target="_blank"><i class="fas fa-tools"></i> Админ</a>
                         <a href="{{ url_for('catalog', env_id=env.id) }}" class="button" target="_blank"><i class="fas fa-store"></i> Каталог</a>
-                        <form method="POST" action="{{ url_for('activate_chat', env_id=env.id) }}" style="display:inline;">
+                        <form method="POST" action="{{ url_for('activate_chat', env_id=env.id) }}" style="display:inline-flex; gap: 5px; align-items:center;">
                            <select name="period" style="padding: 5px; border-radius: 4px; border: 1px solid #ccc;">
                                <option value="month">1 месяц</option>
                                <option value="half_year">6 месяцев</option>
@@ -625,31 +682,31 @@ CATALOG_TEMPLATE = '''
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
     <style>
         {% if settings.color_scheme == 'forest' %}
-        :root { --bg-dark: #2F4F4F; --bg-medium: #556B2F; --accent: #90EE90; --accent-hover: #98FB98; --text-light: #F5F5DC; --text-dark: #333; --danger: #CD5C5C; --danger-hover: #F08080; }
+        :root { --bg-dark: #2F4F4F; --bg-medium: #556B2F; --accent: #90EE90; --accent-hover: #72b372; --text-light: #F5F5DC; --text-dark: #ffffff; --danger: #CD5C5C; --danger-hover: #F08080; --text-on-accent: #2F4F4F; }
         {% elif settings.color_scheme == 'ocean' %}
-        :root { --bg-dark: #000080; --bg-medium: #1E90FF; --accent: #87CEEB; --accent-hover: #ADD8E6; --text-light: #F0F8FF; --text-dark: #333; --danger: #FF6347; --danger-hover: #FF4500; }
+        :root { --bg-dark: #000080; --bg-medium: #1E90FF; --accent: #87CEEB; --accent-hover: #65b2d6; --text-light: #F0F8FF; --text-dark: #ffffff; --danger: #FF6347; --danger-hover: #FF4500; --text-on-accent: #000080; }
         {% elif settings.color_scheme == 'sunset' %}
-        :root { --bg-dark: #8B4513; --bg-medium: #D2691E; --accent: #FFA500; --accent-hover: #FFD700; --text-light: #FFF8DC; --text-dark: #333; --danger: #DC143C; --danger-hover: #FF0000; }
+        :root { --bg-dark: #8B4513; --bg-medium: #D2691E; --accent: #FFA500; --accent-hover: #d18700; --text-light: #FFF8DC; --text-dark: #ffffff; --danger: #DC143C; --danger-hover: #FF0000; --text-on-accent: #8B4513; }
         {% elif settings.color_scheme == 'lavender' %}
-        :root { --bg-dark: #483D8B; --bg-medium: #9370DB; --accent: #E6E6FA; --accent-hover: #D8BFD8; --text-light: #F0F8FF; --text-dark: #333; --danger: #DB7093; --danger-hover: #FFC0CB; }
+        :root { --bg-dark: #483D8B; --bg-medium: #9370DB; --accent: #E6E6FA; --accent-hover: #c4c4e0; --text-light: #F0F8FF; --text-dark: #ffffff; --danger: #DB7093; --danger-hover: #FFC0CB; --text-on-accent: #483D8B; }
         {% elif settings.color_scheme == 'vintage' %}
-        :root { --bg-dark: #5D4037; --bg-medium: #A1887F; --accent: #D7CCC8; --accent-hover: #EFEBE9; --text-light: #F5F5F5; --text-dark: #3E2723; --danger: #BF360C; --danger-hover: #F4511E; }
+        :root { --bg-dark: #5D4037; --bg-medium: #A1887F; --accent: #D7CCC8; --accent-hover: #b7a9a4; --text-light: #F5F5F5; --text-dark: #ffffff; --danger: #BF360C; --danger-hover: #F4511E; --text-on-accent: #3E2723; }
         {% elif settings.color_scheme == 'dark' %}
-        :root { --bg-dark: #121212; --bg-medium: #1E1E1E; --accent: #BB86FC; --accent-hover: #A764FC; --text-light: #E1E1E1; --text-dark: #FFFFFF; --danger: #CF6679; --danger-hover: #D98899; }
+        :root { --bg-dark: #121212; --bg-medium: #1E1E1E; --accent: #BB86FC; --accent-hover: #A764FC; --text-light: #E1E1E1; --text-dark: #FFFFFF; --danger: #CF6679; --danger-hover: #D98899; --text-on-accent: #121212; }
         {% elif settings.color_scheme == 'cosmic' %}
-        :root { --bg-dark: #2c003e; --bg-medium: #4a0072; --accent: #ff00c1; --accent-hover: #ff5fd8; --text-light: #f3e5f5; --text-dark: #ffffff; --danger: #e91e63; --danger-hover: #f06292; }
+        :root { --bg-dark: #2c003e; --bg-medium: #4a0072; --accent: #f929ff; --accent-hover: #ff5fd8; --text-light: #f3e5f5; --text-dark: #ffffff; --danger: #e91e63; --danger-hover: #f06292; --text-on-accent: #2c003e; }
         {% elif settings.color_scheme == 'minty' %}
-        :root { --bg-dark: #64B5F6; --bg-medium: #81D4FA; --accent: #B2EBF2; --accent-hover: #E0F7FA; --text-light: #000000; --text-dark: #000000; --danger: #ef5350; --danger-hover: #e57373; }
+        :root { --bg-dark: #004D40; --bg-medium: #00796B; --accent: #4DB6AC; --accent-hover: #80CBC4; --text-light: #E0F2F1; --text-dark: #ffffff; --danger: #ef5350; --danger-hover: #e57373; --text-on-accent: #E0F2F1; }
         {% elif settings.color_scheme == 'mocha' %}
-        :root { --bg-dark: #3e2723; --bg-medium: #5d4037; --accent: #a1887f; --accent-hover: #bcaaa4; --text-light: #efebe9; --text-dark: #ffffff; --danger: #d32f2f; --danger-hover: #e57373; }
+        :root { --bg-dark: #3e2723; --bg-medium: #5d4037; --accent: #a1887f; --accent-hover: #bcaaa4; --text-light: #efebe9; --text-dark: #ffffff; --danger: #d32f2f; --danger-hover: #e57373; --text-on-accent: #3e2723; }
         {% elif settings.color_scheme == 'crimson' %}
-        :root { --bg-dark: #121212; --bg-medium: #b71c1c; --accent: #f44336; --accent-hover: #ef5350; --text-light: #ffffff; --text-dark: #ffffff; --danger: #ff5252; --danger-hover: #ff8a80; }
+        :root { --bg-dark: #121212; --bg-medium: #b71c1c; --accent: #ff5252; --accent-hover: #ff8a80; --text-light: #ffffff; --text-dark: #ffffff; --danger: #c62828; --danger-hover: #e53935; --text-on-accent: #ffffff; }
         {% elif settings.color_scheme == 'solar' %}
-        :root { --bg-dark: #ff6f00; --bg-medium: #ff8f00; --accent: #ffca28; --accent-hover: #ffd54f; --text-light: #212121; --text-dark: #212121; --danger: #d32f2f; --danger-hover: #e57373; }
+        :root { --bg-dark: #212121; --bg-medium: #424242; --accent: #ffca28; --accent-hover: #ffd54f; --text-light: #ffffff; --text-dark: #ffffff; --danger: #d32f2f; --danger-hover: #e57373; --text-on-accent: #212121; }
         {% elif settings.color_scheme == 'cyberpunk' %}
-        :root { --bg-dark: #000000; --bg-medium: #0d0221; --accent: #00f0ff; --accent-hover: #81f5ff; --text-light: #ffffff; --text-dark: #ffffff; --danger: #f50057; --danger-hover: #ff4081; }
+        :root { --bg-dark: #000000; --bg-medium: #0d0221; --accent: #00f0ff; --accent-hover: #81f5ff; --text-light: #ffffff; --text-dark: #ffffff; --danger: #f50057; --danger-hover: #ff4081; --text-on-accent: #0d0221; }
         {% else %}
-        :root { --bg-dark: #003C43; --bg-medium: #135D66; --accent: #48D1CC; --accent-hover: #77E4D8; --text-light: #E3FEF7; --text-dark: #333; --danger: #E57373; --danger-hover: #EF5350; }
+        :root { --bg-dark: #003C43; --bg-medium: #135D66; --accent: #48D1CC; --accent-hover: #77E4D8; --text-light: #E3FEF7; --text-dark: #ffffff; --danger: #E57373; --danger-hover: #EF5350; --text-on-accent: #003C43; }
         {% endif %}
 
         * { margin: 0; padding: 0; box-sizing: border-box; }
@@ -657,7 +714,7 @@ CATALOG_TEMPLATE = '''
         body {
             font-family: 'Montserrat', sans-serif;
             background-color: var(--bg-dark);
-            color: var(--text-light);
+            color: var(--text-dark);
             line-height: 1.6;
         }
         .container {
@@ -676,212 +733,82 @@ CATALOG_TEMPLATE = '''
             z-index: 999;
             border-bottom: 1px solid var(--bg-medium);
         }
-        .logo {
-            flex-shrink: 0;
-        }
-        .logo img {
-            width: 45px;
-            height: 45px;
-            border-radius: 50%;
-            border: 2px solid var(--accent);
-        }
-        .search-wrapper {
-            flex-grow: 1;
-            position: relative;
-        }
-        #search-input {
-            width: 100%;
-            padding: 12px 20px 12px 45px;
-            font-size: 1rem;
-            border: none;
-            border-radius: 25px;
-            outline: none;
-            background-color: var(--bg-medium);
-            color: var(--text-light);
-            transition: all 0.3s ease;
-        }
-        #search-input::placeholder { color: rgba(227, 254, 247, 0.6); }
-        .search-wrapper .fa-search {
-            position: absolute;
-            top: 50%;
-            left: 18px;
-            transform: translateY(-50%);
-            color: rgba(227, 254, 247, 0.6);
-            font-size: 1rem;
-        }
-        .category-section {
-            margin-top: 20px;
-        }
-        .category-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 0 20px;
-            margin-bottom: 15px;
-        }
-        .category-header h2 {
-            font-size: 1.5rem;
-            font-weight: 600;
-        }
-        .category-header .view-all-arrow {
-            font-size: 1.8rem;
-            color: var(--accent);
-            text-decoration: none;
-            font-weight: 300;
-        }
-        .product-carousel {
-            display: flex;
-            overflow-x: auto;
-            gap: 16px;
-            padding: 10px 20px;
-            -webkit-overflow-scrolling: touch;
-            scrollbar-width: none;
-        }
+        .logo { flex-shrink: 0; }
+        .logo img { width: 45px; height: 45px; border-radius: 50%; border: 2px solid var(--accent); }
+        .search-wrapper { flex-grow: 1; position: relative; }
+        #search-input { width: 100%; padding: 12px 20px 12px 45px; font-size: 1rem; border: none; border-radius: 25px; outline: none; background-color: var(--bg-medium); color: var(--text-dark); transition: all 0.3s ease; }
+        #search-input::placeholder { color: rgba(255, 255, 255, 0.6); }
+        .search-wrapper .fa-search { position: absolute; top: 50%; left: 18px; transform: translateY(-50%); color: rgba(255, 255, 255, 0.6); font-size: 1rem; }
+        .category-section { margin-top: 20px; }
+        .category-header { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; margin-bottom: 15px; }
+        .category-header h2 { font-size: 1.5rem; font-weight: 600; color: var(--text-light, #E3FEF7); }
+        .category-header .view-all-arrow { font-size: 1.8rem; color: var(--accent); text-decoration: none; font-weight: 300; }
+        .product-carousel { display: flex; overflow-x: auto; gap: 16px; padding: 10px 20px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
         .product-carousel::-webkit-scrollbar { display: none; }
-        .product-card {
-            width: 170px;
-            height: 170px;
-            background: white;
-            border-radius: 16px;
-            flex-shrink: 0;
-            overflow: hidden;
-            cursor: pointer;
-            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
-            position: relative;
-        }
-        .product-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
-        }
+        .product-card { width: 170px; height: 170px; background: white; border-radius: 16px; flex-shrink: 0; overflow: hidden; cursor: pointer; transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); position: relative; }
+        .product-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); }
         .product-card:active { transform: scale(0.96); }
-        .product-image-container {
-            width: 100%;
-            height: 100%;
-        }
-        .product-image-container img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-        .product-info-overlay {
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%);
-            padding: 20px 12px 10px;
-            color: #fff;
-            pointer-events: none;
-        }
-        .product-price {
-            font-size: 1rem;
-            font-weight: 600;
-        }
-        .top-product-indicator {
-            position: absolute;
-            top: 8px;
-            right: 8px;
-            background-color: var(--accent);
-            color: var(--bg-dark);
-            padding: 2px 8px;
-            font-size: 0.7rem;
-            border-radius: 10px;
-            font-weight: bold;
-            z-index: 10;
-        }
+        .product-image-container { width: 100%; height: 100%; }
+        .product-image-container img { width: 100%; height: 100%; object-fit: cover; }
+        .product-info-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%); padding: 20px 12px 10px; color: #fff; pointer-events: none; }
+        .product-price { font-size: 1rem; font-weight: 600; }
+        .top-product-indicator { position: absolute; top: 8px; right: 8px; background-color: var(--accent); color: var(--text-on-accent); padding: 2px 8px; font-size: 0.7rem; border-radius: 10px; font-weight: bold; z-index: 10; }
         .no-results-message { padding: 40px 20px; text-align: center; font-size: 1.1rem; color: #ccc; }
-        .floating-buttons-container {
-            position: fixed;
-            bottom: 25px;
-            right: 25px;
-            display: flex;
-            flex-direction: column;
-            gap: 15px;
-            z-index: 1000;
-        }
-        .floating-button {
-            background-color: var(--accent);
-            color: var(--bg-dark);
-            border: none;
-            border-radius: 50%;
-            width: 55px;
-            height: 55px;
-            font-size: 1.5rem;
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            box-shadow: 0 4px 15px rgba(72, 209, 204, 0.4);
-            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-            text-decoration: none;
-        }
-        .floating-button:hover {
-            background-color: var(--accent-hover);
-            transform: translateY(-3px);
-        }
+        .floating-buttons-container { position: fixed; bottom: 25px; right: 25px; display: flex; flex-direction: column; gap: 15px; z-index: 1000; }
+        .floating-button { background-color: var(--accent); color: var(--text-on-accent); border: none; border-radius: 50%; width: 55px; height: 55px; font-size: 1.5rem; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(72, 209, 204, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; }
+        .floating-button:hover { background-color: var(--accent-hover); transform: translateY(-3px); }
         #cart-button { position: relative; }
-        #cart-count {
-            position: absolute;
-            top: -2px;
-            right: -2px;
-            background-color: var(--danger);
-            color: white;
-            border-radius: 50%;
-            padding: 2px 6px;
-            font-size: 0.7rem;
-            font-weight: bold;
-            border: 2px solid var(--accent);
-        }
+        #cart-count { position: absolute; top: -2px; right: -2px; background-color: var(--danger); color: white; border-radius: 50%; padding: 2px 6px; font-size: 0.7rem; font-weight: bold; border: 2px solid var(--accent); }
         .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: #ffffff; color: var(--text-dark); margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); animation: slideIn 0.3s ease-out; position: relative; }
-        .dark-theme .modal-content { background: #2a2a2a; color: var(--text-light); }
+        .modal-content { background: #ffffff; color: #333; margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); animation: slideIn 0.3s ease-out; position: relative; }
+        body[data-theme*="dark"] .modal-content, body[data-theme*="cosmic"] .modal-content, body[data-theme*="crimson"] .modal-content, body[data-theme*="cyberpunk"] .modal-content { background: #2a2a2a; color: var(--text-light); }
         @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: #666; }
         .modal-content h2 { margin-top: 0; margin-bottom: 20px; color: var(--bg-medium); display: flex; align-items: center; gap: 10px;}
-        .cart-item { display: grid; grid-template-columns: 60px 1fr auto auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #e0e0e0; }
-        .dark-theme .cart-item { border-bottom-color: #444; }
+        .cart-item { display: grid; grid-template-columns: 60px 1fr auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #e0e0e0; }
+        body[data-theme*="dark"] .cart-item { border-bottom-color: #444; }
         .cart-item:last-child { border-bottom: none; }
         .cart-item img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; }
         .cart-item-details { grid-column: 2; }
-        .cart-item-details strong { display: block; margin-bottom: 5px; font-size: 1rem; color: var(--text-dark);}
+        .cart-item-details strong { display: block; margin-bottom: 5px; font-size: 1rem; }
         .cart-item-details .variant-info { font-size: 0.85rem; color: #666; }
         .cart-item-price { font-size: 0.9rem; color: #666; }
-        .dark-theme .cart-item-price { color: #ccc; }
+        .cart-item-price .wholesale-active { color: #4CAF50; font-weight: bold; }
+        body[data-theme*="dark"] .cart-item-price { color: #ccc; }
         .cart-item-quantity { display: flex; align-items: center; gap: 8px; grid-column: 3;}
         .quantity-btn { background-color: #eee; border: 1px solid #ddd; border-radius: 50%; width: 28px; height: 28px; cursor: pointer; font-size: 1.1rem; line-height: 1; display: flex; align-items: center; justify-content: center; }
-        .dark-theme .quantity-btn { background-color: #444; border-color: #555; color: #fff; }
+        body[data-theme*="dark"] .quantity-btn { background-color: #444; border-color: #555; color: #fff; }
         .cart-item-total { font-weight: bold; text-align: right; grid-column: 4; font-size: 1rem; color: var(--bg-medium);}
         .cart-item-remove { grid-column: 5; background:none; border:none; color: var(--danger); cursor:pointer; font-size: 1.3em; padding: 5px; line-height: 1; }
         .cart-item-remove:hover { color: var(--danger-hover); }
         .quantity-input, .options-select { width: 100%; max-width: 180px; padding: 10px; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 1rem; margin: 10px 0; box-sizing: border-box; }
-        .dark-theme .quantity-input, .dark-theme .options-select { background-color: #333; color: #fff; border-color: #555; }
+        body[data-theme*="dark"] .quantity-input, body[data-theme*="dark"] .options-select { background-color: #333; color: #fff; border-color: #555; }
         .quantity-input:focus, .options-select:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 2px rgba(72, 209, 204, 0.2); }
         .cart-summary { margin-top: 20px; text-align: right; border-top: 1px solid #e0e0e0; padding-top: 15px; }
-        .dark-theme .cart-summary { border-top-color: #444; }
+        body[data-theme*="dark"] .cart-summary { border-top-color: #444; }
         .cart-summary strong { font-size: 1.2rem; color: var(--bg-medium);}
         .cart-actions { margin-top: 25px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
         .product-button { display: block; width: auto; flex-grow: 1; padding: 10px; border: none; border-radius: 8px; color: white; font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-align: center; text-decoration: none; }
         .product-button i { margin-right: 5px; }
         .clear-cart { background-color: #6c757d; }
         .clear-cart:hover { background-color: #5a6268; }
-        .formulate-order-button { background-color: var(--accent); color: var(--bg-dark); }
+        .formulate-order-button { background-color: var(--accent); color: var(--text-on-accent); }
         .formulate-order-button:hover { background-color: var(--accent-hover); }
-        .notification { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background-color: var(--accent); color: var(--bg-dark); 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 { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background-color: var(--accent); color: var(--text-on-accent); 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;}
-        .chat-product-card { background-color: #f0f2f5; border-radius: 12px; padding: 10px; margin-top: 8px; display: flex; align-items: center; gap: 12px; border: 1px solid #e0e0e0; }
-        .chat-product-card img { width: 50px; height: 50px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
-        .chat-product-card-info { flex-grow: 1; }
-        .chat-product-card-info strong { display: block; font-size: 0.9rem; color: var(--text-dark); margin-bottom: 2px; }
-        .chat-product-card-info span { font-size: 0.85rem; color: var(--bg-medium); font-weight: 500; }
-        .chat-product-card-actions { display: flex; flex-direction: column; gap: 5px; }
-        .chat-product-link, .chat-add-to-cart { display: inline-block; background-color: #E0F2F1; color: var(--bg-medium); padding: 5px 10px; border-radius: 15px; cursor: pointer; font-size: 0.85rem; text-decoration: none; transition: background-color 0.2s; font-weight: 500; text-align: center; width: 100%; }
-        .chat-product-link:hover, .chat-add-to-cart:hover { background-color: #B2DFDB; }
-
+        @media (max-width: 600px) {
+            .cart-item { grid-template-columns: 60px 1fr 40px; grid-template-rows: auto auto; row-gap: 5px;}
+            .cart-item-details { grid-column: 2; grid-row: 1; }
+            .cart-item-price { display: none; }
+            .cart-item-quantity { grid-column: 1 / 2; grid-row: 2; }
+            .cart-item-total { grid-column: 2; grid-row: 2; text-align: left; }
+            .cart-item-remove { grid-column: 3; grid-row: 1 / 3; }
+            .cart-actions { flex-direction: column; }
+        }
     </style>
 </head>
-<body class="{{ 'dark-theme' if settings.color_scheme == 'dark' else '' }}">
+<body data-theme="{{ settings.color_scheme }}">
     <div class="container">
         <div class="top-bar">
             <a href="{{ url_for('catalog', env_id=env_id) }}" class="logo">
@@ -1145,12 +1072,6 @@ CATALOG_TEMPLATE = '''
                 return;
              }
             
-            let price = product.price;
-            let variantKey = [color, size].filter(v => v !== 'N/A').join('-');
-            if (variantKey && product.variant_prices && product.variant_prices[variantKey]) {
-                price = product.variant_prices[variantKey];
-            }
-
             const cartItemId = `${product.product_id}-${color}-${size}`;
             const existingItemIndex = cart.findIndex(item => item.id === cartItemId);
             if (existingItemIndex > -1) {
@@ -1160,19 +1081,42 @@ CATALOG_TEMPLATE = '''
                     id: cartItemId,
                     product_id: product.product_id,
                     name: product.name,
-                    price: price,
+                    retail_price: product.price,
+                    wholesale_price: product.wholesale_price,
+                    min_wholesale_quantity: product.min_wholesale_quantity,
                     photo: product.photos && product.photos.length > 0 ? product.photos[0] : null,
                     quantity: quantity,
                     color: color,
                     size: size
                 });
             }
-            localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart));
+            saveCart();
             closeModal('quantityModal');
             updateCartButton();
             showNotification(`${product.name} добавлен в корзину!`);
         }
 
+        function getApplicablePrice(item) {
+            const product = getProductById(item.product_id);
+            if (!product) return item.retail_price;
+
+            let price = item.retail_price;
+            let variantKey = [item.color, item.size].filter(v => v !== 'N/A').join('-');
+            if (variantKey && product.variant_prices && product.variant_prices[variantKey]) {
+                price = product.variant_prices[variantKey];
+            }
+            
+            if (product.wholesale_price != null && product.min_wholesale_quantity != null && item.quantity >= product.min_wholesale_quantity) {
+                price = product.wholesale_price;
+            }
+            return price;
+        }
+
+        function saveCart() {
+            localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart));
+            updateCartButton();
+        }
+
         function updateCartButton() {
              const cartCountElement = document.getElementById('cart-count');
              const cartButton = document.getElementById('cart-button');
@@ -1198,23 +1142,25 @@ CATALOG_TEMPLATE = '''
                 cartTotalElement.textContent = '0.00';
             } else {
                 cartContent.innerHTML = cart.map(item => {
-                    const itemTotal = item.price * item.quantity;
+                    const price = getApplicablePrice(item);
+                    const itemTotal = 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 photoUrl = item.photo ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${item.photo}` : 'https://via.placeholder.com/60x60.png?text=N/A';
                     
                     let variantInfo = [];
                     if (item.color && item.color !== 'N/A') variantInfo.push(`Цвет: ${item.color}`);
                     if (item.size && item.size !== 'N/A') variantInfo.push(`Размер: ${item.size}`);
                     
+                    const isWholesale = item.wholesale_price != null && item.min_wholesale_quantity != null && item.quantity >= item.min_wholesale_quantity;
+                    const priceClass = isWholesale ? 'wholesale-active' : '';
+
                     return `
-                        <div class="cart-item">
+                        <div class="cart-item" data-item-id="${item.id}">
                             <img src="${photoUrl}" alt="${item.name}">
                             <div class="cart-item-details">
                                 <strong>${item.name}</strong>
                                 <p class="variant-info">${variantInfo.join(', ')}</p>
-                                <p class="cart-item-price">${item.price.toFixed(2)} ${currencyCode}</p>
+                                <p class="cart-item-price ${priceClass}">${price.toFixed(2)} ${currencyCode} ${isWholesale ? '(Опт)' : ''}</p>
                             </div>
                             <div class="cart-item-quantity">
                                 <button class="quantity-btn" onclick="decrementCartItem('${item.id}')">-</button>
@@ -1239,9 +1185,8 @@ CATALOG_TEMPLATE = '''
             const itemIndex = cart.findIndex(item => item.id === itemId);
             if (itemIndex > -1) {
                 cart[itemIndex].quantity++;
-                localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart));
+                saveCart();
                 openCartModal();
-                updateCartButton();
             }
         }
 
@@ -1252,17 +1197,15 @@ CATALOG_TEMPLATE = '''
                 if (cart[itemIndex].quantity <= 0) {
                     cart.splice(itemIndex, 1);
                 }
-                localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart));
+                saveCart();
                 openCartModal();
-                updateCartButton();
             }
         }
 
         function removeFromCart(itemId) {
             cart = cart.filter(item => item.id !== itemId);
-            localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart));
+            saveCart();
             openCartModal();
-            updateCartButton();
         }
 
         function clearCart() {
@@ -1279,10 +1222,17 @@ CATALOG_TEMPLATE = '''
                 alert("Корзина пуста! Добавьте товары перед формированием заказа.");
                 return;
             }
-            const orderData = { cart: cart };
+            
+            const orderCart = cart.map(item => ({
+                ...item,
+                price: getApplicablePrice(item) 
+            }));
+
+            const orderData = { cart: orderCart };
             const formulateButton = document.querySelector('.formulate-order-button');
             if (formulateButton) formulateButton.disabled = true;
             showNotification("Формируем заказ...", 5000);
+
             fetch(`/${envId}/create_order`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
@@ -1392,31 +1342,31 @@ CHAT_TEMPLATE = '''
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.css">
     <style>
         {% if settings.color_scheme == 'forest' %}
-        :root { --bg-dark: #2F4F4F; --bg-medium: #556B2F; --accent: #90EE90; --accent-hover: #98FB98; --text-light: #F5F5DC; --text-dark: #333; --danger: #CD5C5C; --danger-hover: #F08080; --chat-bg: #F5F5DC; }
+        :root { --bg-dark: #2F4F4F; --bg-medium: #556B2F; --accent: #90EE90; --accent-hover: #72b372; --text-light: #F5F5DC; --text-dark: #333; --danger: #CD5C5C; --danger-hover: #F08080; --chat-bg: #e4e9d5; --text-on-accent: #2F4F4F; --user-bubble: #556B2F; --user-text: #F5F5DC; --ai-bubble: #ffffff; --ai-text: #333;}
         {% elif settings.color_scheme == 'ocean' %}
-        :root { --bg-dark: #000080; --bg-medium: #1E90FF; --accent: #87CEEB; --accent-hover: #ADD8E6; --text-light: #F0F8FF; --text-dark: #333; --danger: #FF6347; --danger-hover: #FF4500; --chat-bg: #F0F8FF; }
+        :root { --bg-dark: #000080; --bg-medium: #1E90FF; --accent: #87CEEB; --accent-hover: #65b2d6; --text-light: #F0F8FF; --text-dark: #333; --danger: #FF6347; --danger-hover: #FF4500; --chat-bg: #e0f0ff; --text-on-accent: #000080; --user-bubble: #1E90FF; --user-text: #F0F8FF; --ai-bubble: #ffffff; --ai-text: #333;}
         {% elif settings.color_scheme == 'sunset' %}
-        :root { --bg-dark: #8B4513; --bg-medium: #D2691E; --accent: #FFA500; --accent-hover: #FFD700; --text-light: #FFF8DC; --text-dark: #333; --danger: #DC143C; --danger-hover: #FF0000; --chat-bg: #FFF8DC; }
+        :root { --bg-dark: #8B4513; --bg-medium: #D2691E; --accent: #FFA500; --accent-hover: #d18700; --text-light: #FFF8DC; --text-dark: #333; --danger: #DC143C; --danger-hover: #FF0000; --chat-bg: #fff0d4; --text-on-accent: #8B4513; --user-bubble: #D2691E; --user-text: #FFF8DC; --ai-bubble: #ffffff; --ai-text: #333;}
         {% elif settings.color_scheme == 'lavender' %}
-        :root { --bg-dark: #483D8B; --bg-medium: #9370DB; --accent: #E6E6FA; --accent-hover: #D8BFD8; --text-light: #F0F8FF; --text-dark: #333; --danger: #DB7093; --danger-hover: #FFC0CB; --chat-bg: #F8F8FF; }
+        :root { --bg-dark: #483D8B; --bg-medium: #9370DB; --accent: #E6E6FA; --accent-hover: #c4c4e0; --text-light: #F0F8FF; --text-dark: #333; --danger: #DB7093; --danger-hover: #FFC0CB; --chat-bg: #f5f0ff; --text-on-accent: #483D8B; --user-bubble: #9370DB; --user-text: #F0F8FF; --ai-bubble: #ffffff; --ai-text: #333;}
         {% elif settings.color_scheme == 'vintage' %}
-        :root { --bg-dark: #5D4037; --bg-medium: #A1887F; --accent: #D7CCC8; --accent-hover: #EFEBE9; --text-light: #F5F5F5; --text-dark: #3E2723; --danger: #BF360C; --danger-hover: #F4511E; --chat-bg: #EFEBE9; }
+        :root { --bg-dark: #5D4037; --bg-medium: #A1887F; --accent: #D7CCC8; --accent-hover: #b7a9a4; --text-light: #F5F5F5; --text-dark: #3E2723; --danger: #BF360C; --danger-hover: #F4511E; --chat-bg: #EFEBE9; --text-on-accent: #3E2723; --user-bubble: #A1887F; --user-text: #F5F5F5; --ai-bubble: #ffffff; --ai-text: #3E2723;}
         {% elif settings.color_scheme == 'dark' %}
-        :root { --bg-dark: #1F1F1F; --bg-medium: #333333; --accent: #BB86FC; --accent-hover: #A764FC; --text-light: #E1E1E1; --text-dark: #FFFFFF; --danger: #CF6679; --danger-hover: #D98899; --chat-bg: #121212; }
+        :root { --bg-dark: #1F1F1F; --bg-medium: #333333; --accent: #BB86FC; --accent-hover: #A764FC; --text-light: #E1E1E1; --text-dark: #FFFFFF; --danger: #CF6679; --danger-hover: #D98899; --chat-bg: #121212; --text-on-accent: #1F1F1F; --user-bubble: #BB86FC; --user-text: #121212; --ai-bubble: #333333; --ai-text: #E1E1E1;}
         {% elif settings.color_scheme == 'cosmic' %}
-        :root { --bg-dark: #2c003e; --bg-medium: #4a0072; --accent: #ff00c1; --accent-hover: #ff5fd8; --text-light: #f3e5f5; --text-dark: #ffffff; --danger: #e91e63; --danger-hover: #f06292; --chat-bg: #1a0024; }
+        :root { --bg-dark: #2c003e; --bg-medium: #4a0072; --accent: #f929ff; --accent-hover: #ff5fd8; --text-light: #f3e5f5; --text-dark: #ffffff; --danger: #e91e63; --danger-hover: #f06292; --chat-bg: #1a0024; --text-on-accent: #2c003e; --user-bubble: #f929ff; --user-text: #2c003e; --ai-bubble: #4a0072; --ai-text: #f3e5f5;}
         {% elif settings.color_scheme == 'minty' %}
-        :root { --bg-dark: #64B5F6; --bg-medium: #81D4FA; --accent: #B2EBF2; --accent-hover: #E0F7FA; --text-light: #000000; --text-dark: #000000; --danger: #ef5350; --danger-hover: #e57373; --chat-bg: #f1f8e9; }
+        :root { --bg-dark: #004D40; --bg-medium: #00796B; --accent: #4DB6AC; --accent-hover: #80CBC4; --text-light: #E0F2F1; --text-dark: #004D40; --danger: #ef5350; --danger-hover: #e57373; --chat-bg: #E0F2F1; --text-on-accent: #E0F2F1; --user-bubble: #00796B; --user-text: #E0F2F1; --ai-bubble: #ffffff; --ai-text: #004D40;}
         {% elif settings.color_scheme == 'mocha' %}
-        :root { --bg-dark: #3e2723; --bg-medium: #5d4037; --accent: #a1887f; --accent-hover: #bcaaa4; --text-light: #efebe9; --text-dark: #ffffff; --danger: #d32f2f; --danger-hover: #e57373; --chat-bg: #d7ccc8; }
+        :root { --bg-dark: #3e2723; --bg-medium: #5d4037; --accent: #a1887f; --accent-hover: #bcaaa4; --text-light: #efebe9; --text-dark: #ffffff; --danger: #d32f2f; --danger-hover: #e57373; --chat-bg: #d7ccc8; --text-on-accent: #3e2723; --user-bubble: #5d4037; --user-text: #efebe9; --ai-bubble: #ffffff; --ai-text: #3e2723;}
         {% elif settings.color_scheme == 'crimson' %}
-        :root { --bg-dark: #121212; --bg-medium: #b71c1c; --accent: #f44336; --accent-hover: #ef5350; --text-light: #ffffff; --text-dark: #ffffff; --danger: #ff5252; --danger-hover: #ff8a80; --chat-bg: #212121; }
+        :root { --bg-dark: #121212; --bg-medium: #b71c1c; --accent: #ff5252; --accent-hover: #ff8a80; --text-light: #ffffff; --text-dark: #ffffff; --danger: #c62828; --danger-hover: #e53935; --chat-bg: #212121; --text-on-accent: #ffffff; --user-bubble: #ff5252; --user-text: #121212; --ai-bubble: #424242; --ai-text: #ffffff;}
         {% elif settings.color_scheme == 'solar' %}
-        :root { --bg-dark: #ff6f00; --bg-medium: #ff8f00; --accent: #ffca28; --accent-hover: #ffd54f; --text-light: #212121; --text-dark: #212121; --danger: #d32f2f; --danger-hover: #e57373; --chat-bg: #fff8e1; }
+        :root { --bg-dark: #212121; --bg-medium: #424242; --accent: #ffca28; --accent-hover: #ffd54f; --text-light: #212121; --text-dark: #ffffff; --danger: #d32f2f; --danger-hover: #e57373; --chat-bg: #fff8e1; --text-on-accent: #212121; --user-bubble: #424242; --user-text: #ffffff; --ai-bubble: #ffffff; --ai-text: #212121;}
         {% elif settings.color_scheme == 'cyberpunk' %}
-        :root { --bg-dark: #000000; --bg-medium: #0d0221; --accent: #00f0ff; --accent-hover: #81f5ff; --text-light: #ffffff; --text-dark: #ffffff; --danger: #f50057; --danger-hover: #ff4081; --chat-bg: #0a0116; }
+        :root { --bg-dark: #000000; --bg-medium: #0d0221; --accent: #00f0ff; --accent-hover: #81f5ff; --text-light: #ffffff; --text-dark: #ffffff; --danger: #f50057; --danger-hover: #ff4081; --chat-bg: #0a0116; --text-on-accent: #0d0221; --user-bubble: #00f0ff; --user-text: #0d0221; --ai-bubble: #0d0221; --ai-text: #ffffff;}
         {% else %}
-        :root { --bg-dark: #003C43; --bg-medium: #135D66; --accent: #48D1CC; --accent-hover: #77E4D8; --text-light: #E3FEF7; --text-dark: #333; --danger: #E57373; --danger-hover: #EF5350; --chat-bg: #f0f2f5; }
+        :root { --bg-dark: #003C43; --bg-medium: #135D66; --accent: #48D1CC; --accent-hover: #77E4D8; --text-light: #E3FEF7; --text-dark: #333; --danger: #E57373; --danger-hover: #EF5350; --chat-bg: #f0f2f5; --text-on-accent: #003C43; --user-bubble: #135D66; --user-text: #E3FEF7; --ai-bubble: #ffffff; --ai-text: #333;}
         {% endif %}
 
         * { margin: 0; padding: 0; box-sizing: border-box; }
@@ -1430,154 +1380,71 @@ CHAT_TEMPLATE = '''
             height: 100%;
             overflow: hidden;
         }
-        .chat-container {
-            display: flex;
-            flex-direction: column;
-            height: 100%;
-            width: 100%;
-            max-width: 800px;
-            margin: 0 auto;
-            background: #fff;
-            box-shadow: 0 0 20px rgba(0,0,0,0.05);
-        }
-        body.dark-theme .chat-container { background: var(--chat-bg); color: var(--text-light); }
-        .chat-header {
-            display: flex;
-            align-items: center;
-            padding: 10px 15px;
-            background: var(--bg-dark);
-            color: var(--text-light);
-            flex-shrink: 0;
-        }
+        .chat-container { display: flex; flex-direction: column; height: 100%; width: 100%; max-width: 800px; margin: 0 auto; background: var(--chat-bg); box-shadow: 0 0 20px rgba(0,0,0,0.05); }
+        .chat-header { display: flex; align-items: center; padding: 10px 15px; background: var(--bg-dark); color: var(--text-light); flex-shrink: 0; }
         .chat-header a { color: var(--text-light); font-size: 1.2rem; text-decoration: none; }
         .chat-header .logo { width: 40px; height: 40px; border-radius: 50%; margin: 0 15px; border: 2px solid var(--accent); }
         .chat-header h1 { font-size: 1.2rem; font-weight: 600; }
-        #chat-messages {
-            flex-grow: 1;
-            overflow-y: auto;
-            padding: 20px 15px;
-            display: flex;
-            flex-direction: column;
-            gap: 12px;
-        }
-        .chat-message {
-            display: flex;
-            flex-direction: column;
-            max-width: 85%;
-            animation: message-appear 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
-        }
-        @keyframes message-appear {
-            from { opacity: 0; transform: translateY(15px); }
-            to { opacity: 1; transform: translateY(0); }
-        }
-        .message-bubble {
-            padding: 10px 15px;
-            border-radius: 18px;
-            line-height: 1.5;
-            word-wrap: break-word;
-        }
+        #chat-messages { flex-grow: 1; overflow-y: auto; padding: 20px 15px; display: flex; flex-direction: column; gap: 12px; }
+        .chat-message { display: flex; flex-direction: column; max-width: 85%; animation: message-appear 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
+        @keyframes message-appear { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
+        .message-bubble { padding: 10px 15px; border-radius: 18px; line-height: 1.5; word-wrap: break-word; }
         .chat-message.user { align-self: flex-end; }
-        .chat-message.user .message-bubble {
-            background-color: var(--bg-medium);
-            color: white;
-            border-bottom-right-radius: 4px;
-        }
+        .chat-message.user .message-bubble { background-color: var(--user-bubble); color: var(--user-text); border-bottom-right-radius: 4px; }
         .chat-message.ai { align-self: flex-start; }
-        .chat-message.ai .message-bubble {
-            background-color: #e6e6e6;
-            color: var(--text-dark);
-            border-bottom-left-radius: 4px;
-        }
-        body.dark-theme .chat-message.ai .message-bubble { background-color: #333; color: var(--text-light); }
-        .chat-input-container {
-            padding: 15px;
-            background: #fff;
-            border-top: 1px solid #ddd;
-            display: flex;
-            gap: 10px;
-            align-items: center;
-            flex-shrink: 0;
-        }
-        body.dark-theme .chat-input-container { background: var(--bg-dark); border-top: 1px solid #444;}
-        #chat-input {
-            flex-grow: 1;
-            padding: 12px 18px;
-            border: 1px solid #e0e0e0;
-            border-radius: 24px;
-            font-size: 1rem;
-            outline: none;
-            transition: border-color 0.3s, box-shadow 0.3s;
-        }
-        body.dark-theme #chat-input { background-color: #333; color: var(--text-light); border-color: #555; }
-        #chat-input:focus {
-            border-color: var(--bg-medium);
-            box-shadow: 0 0 0 3px rgba(19, 93, 102, 0.15);
-        }
-        #chat-send-button {
-            background-color: var(--bg-medium);
-            color: white;
-            border: none;
-            border-radius: 50%;
-            width: 48px;
-            height: 48px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            cursor: pointer;
-            transition: background-color 0.3s, transform 0.2s;
-            flex-shrink: 0;
-            font-size: 1.2rem;
-        }
+        .chat-message.ai .message-bubble { background-color: var(--ai-bubble); color: var(--ai-text); border-bottom-left-radius: 4px; }
+        .chat-input-container { padding: 15px; background: #fff; border-top: 1px solid #ddd; display: flex; gap: 10px; align-items: center; flex-shrink: 0; }
+        body[data-theme*="dark"] .chat-input-container, body[data-theme*="cosmic"] .chat-input-container, body[data-theme*="crimson"] .chat-input-container, body[data-theme*="cyberpunk"] .chat-input-container { background: var(--bg-dark); border-top: 1px solid var(--bg-medium);}
+        #chat-input { flex-grow: 1; padding: 12px 18px; border: 1px solid #e0e0e0; border-radius: 24px; font-size: 1rem; outline: none; transition: border-color 0.3s, box-shadow 0.3s; }
+        body[data-theme*="dark"] #chat-input, body[data-theme*="cosmic"] #chat-input, body[data-theme*="crimson"] #chat-input, body[data-theme*="cyberpunk"] #chat-input { background-color: var(--bg-medium); color: var(--text-light); border-color: var(--bg-medium); }
+        #chat-input:focus { border-color: var(--bg-medium); box-shadow: 0 0 0 3px rgba(19, 93, 102, 0.15); }
+        #chat-send-button { background-color: var(--bg-medium); color: var(--text-light); border: none; border-radius: 50%; width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s, transform 0.2s; flex-shrink: 0; font-size: 1.2rem; }
         #chat-send-button:hover { background-color: var(--bg-dark); }
         #chat-send-button:active { transform: scale(0.9); }
         #chat-send-button:disabled { background-color: #cccccc; cursor: not-allowed; }
         .floating-buttons-container { position: fixed; bottom: 25px; right: 25px; z-index: 1000; }
-        .floating-button { background-color: var(--accent); color: var(--bg-dark); 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(72, 209, 204, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
+        .floating-button { background-color: var(--accent); color: var(--text-on-accent); 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(72, 209, 204, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
         .floating-button:hover { background-color: var(--accent-hover); transform: translateY(-3px); }
         #cart-button { position: relative; }
         #cart-count { position: absolute; top: -2px; right: -2px; background-color: var(--danger); color: white; border-radius: 50%; padding: 2px 6px; font-size: 0.7rem; font-weight: bold; border: 2px solid var(--accent); }
         .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: #ffffff; color: var(--text-dark); margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); animation: slideIn 0.3s ease-out; position: relative; }
-        body.dark-theme .modal-content { background-color: #2a2a2a; color: var(--text-light); }
+        .modal-content { background: #ffffff; color: #333; margin: 5% auto; padding: 25px; border-radius: 15px; width: 90%; max-width: 700px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); animation: slideIn 0.3s ease-out; position: relative; }
+        body[data-theme*="dark"] .modal-content, body[data-theme*="cosmic"] .modal-content, body[data-theme*="crimson"] .modal-content, body[data-theme*="cyberpunk"] .modal-content { background-color: #2a2a2a; color: var(--text-light); }
         @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: #666; }
         .modal-content h2 { margin-top: 0; margin-bottom: 20px; color: var(--bg-medium); display: flex; align-items: center; gap: 10px;}
-        .cart-item { display: grid; grid-template-columns: 60px 1fr auto auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #e0e0e0; }
-        body.dark-theme .cart-item { border-bottom-color: #444; }
+        .cart-item { display: grid; grid-template-columns: 60px 1fr auto auto; gap: 15px; align-items: center; padding: 15px 0; border-bottom: 1px solid #e0e0e0; }
+        body[data-theme*="dark"] .cart-item, body[data-theme*="cosmic"] .cart-item, body[data-theme*="crimson"] .cart-item, body[data-theme*="cyberpunk"] .cart-item { border-bottom-color: #444; }
         .cart-item:last-child { border-bottom: none; }
         .cart-item img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; }
-        .cart-item-details strong { display: block; margin-bottom: 5px; font-size: 1rem; color: var(--text-dark);}
-        body.dark-theme .cart-item-details strong { color: var(--text-light); }
+        .cart-item-details strong { display: block; margin-bottom: 5px; font-size: 1rem; }
         .cart-item-quantity { display: flex; align-items: center; gap: 8px; }
         .quantity-btn { background-color: #eee; border: 1px solid #ddd; border-radius: 50%; width: 28px; height: 28px; cursor: pointer; }
-        body.dark-theme .quantity-btn { background-color: #444; border-color: #555; color: #fff; }
+        body[data-theme*="dark"] .quantity-btn, body[data-theme*="cosmic"] .quantity-btn, body[data-theme*="crimson"] .quantity-btn, body[data-theme*="cyberpunk"] .quantity-btn { background-color: #444; border-color: #555; color: #fff; }
         .cart-item-total { font-weight: bold; text-align: right; font-size: 1rem; color: var(--bg-medium);}
         .cart-item-remove { background:none; border:none; color: var(--danger); cursor:pointer; font-size: 1.3em; }
         .quantity-input, .options-select { width: 100%; max-width: 180px; padding: 10px; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 1rem; margin: 10px 0; }
-        body.dark-theme .quantity-input, body.dark-theme .options-select { background-color: #333; color: #fff; border-color: #555; }
+        body[data-theme*="dark"] .quantity-input, body[data-theme*="dark"] .options-select { background-color: #333; color: #fff; border-color: #555; }
         .cart-summary { margin-top: 20px; text-align: right; border-top: 1px solid #e0e0e0; padding-top: 15px; }
-        body.dark-theme .cart-summary { border-top-color: #444; }
+        body[data-theme*="dark"] .cart-summary { border-top-color: #444; }
         .cart-actions { margin-top: 25px; display: flex; justify-content: space-between; }
-        .product-button { display: block; width: auto; flex-grow: 1; padding: 10px; border: none; border-radius: 8px; color: white; cursor: pointer; text-align: center; text-decoration: none; }
-        .clear-cart { background-color: #6c757d; }
-        .formulate-order-button { background-color: var(--accent); color: var(--bg-dark); }
-        .notification { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background-color: var(--accent); color: var(--bg-dark); 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;}
+        .product-button { display: block; width: auto; flex-grow: 1; padding: 10px; border: none; border-radius: 8px; color: var(--text-on-accent); cursor: pointer; text-align: center; text-decoration: none; }
+        .clear-cart { background-color: #6c757d; color: #ffffff;}
+        .formulate-order-button { background-color: var(--accent); }
+        .notification { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%); background-color: var(--accent); color: var(--text-on-accent); 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;}
-        .chat-product-card { background-color: #f0f2f5; border-radius: 12px; padding: 10px; margin-top: 8px; display: flex; align-items: center; gap: 12px; border: 1px solid #e0e0e0; }
-        body.dark-theme .chat-product-card { background-color: #333; border-color: #555; }
+        .chat-product-card { background-color: var(--ai-bubble); border-radius: 12px; padding: 10px; margin-top: 8px; display: flex; align-items: center; gap: 12px; border: 1px solid #e0e0e0; }
         .chat-product-card img { width: 50px; height: 50px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
         .chat-product-card-info { flex-grow: 1; }
-        .chat-product-card-info strong { display: block; font-size: 0.9rem; color: var(--text-dark); margin-bottom: 2px; }
-        body.dark-theme .chat-product-card-info strong { color: var(--text-light); }
+        .chat-product-card-info strong { display: block; font-size: 0.9rem; color: var(--ai-text); margin-bottom: 2px; }
         .chat-product-card-info span { font-size: 0.85rem; color: var(--bg-medium); font-weight: 500; }
         .chat-product-card-actions { display: flex; flex-direction: column; gap: 5px; }
-        .chat-product-link, .chat-add-to-cart { display: inline-block; background-color: #E0F2F1; color: var(--bg-medium); padding: 5px 10px; border-radius: 15px; cursor: pointer; font-size: 0.85rem; text-decoration: none; transition: background-color 0.2s; font-weight: 500; text-align: center; width: 100%; }
-        .chat-product-link:hover, .chat-add-to-cart:hover { background-color: #B2DFDB; }
-        body.dark-theme .chat-product-link, body.dark-theme .chat-add-to-cart { background-color: #444; color: var(--accent); }
+        .chat-product-link, .chat-add-to-cart { display: inline-block; background-color: var(--accent); color: var(--text-on-accent); padding: 5px 10px; border-radius: 15px; cursor: pointer; font-size: 0.85rem; text-decoration: none; transition: background-color 0.2s; font-weight: 500; text-align: center; width: 100%; }
+        .chat-product-link:hover, .chat-add-to-cart:hover { background-color: var(--accent-hover); }
     </style>
 </head>
-<body class="{{ 'dark-theme' if settings.color_scheme == 'dark' else '' }}">
+<body data-theme="{{ settings.color_scheme }}">
     <div class="chat-container">
         <div class="chat-header">
             <a href="{{ url_for('catalog', env_id=env_id) }}"><i class="fas fa-arrow-left"></i></a>
@@ -1714,24 +1581,43 @@ CHAT_TEMPLATE = '''
             }
             const product = getProductById(selectedProductId);
             
-            let price = product.price;
-            let variantKey = [color, size].filter(v => v !== 'N/A').join('-');
-            if (variantKey && product.variant_prices && product.variant_prices[variantKey]) {
-                price = product.variant_prices[variantKey];
-            }
-
             const cartItemId = `${product.product_id}-${color}-${size}`;
-            const existingItem = cart.find(item => item.id === cartItemId);
-            if (existingItem) {
-                existingItem.quantity += quantity;
+            const existingItemIndex = cart.findIndex(item => item.id === cartItemId);
+            if (existingItemIndex > -1) {
+                cart[existingItemIndex].quantity += quantity;
             } else {
-                cart.push({ id: cartItemId, product_id: product.product_id, name: product.name, price: price, photo: product.photos ? product.photos[0] : null, quantity, color, size });
+                cart.push({ 
+                    id: cartItemId, 
+                    product_id: product.product_id, 
+                    name: product.name, 
+                    retail_price: product.price,
+                    wholesale_price: product.wholesale_price,
+                    min_wholesale_quantity: product.min_wholesale_quantity,
+                    photo: product.photos ? product.photos[0] : null, 
+                    quantity, 
+                    color, 
+                    size 
+                });
             }
             localStorage.setItem(`mekaCart_${envId}`, JSON.stringify(cart));
             closeModal('quantityModal');
             updateCartButton();
             showNotification(`${product.name} добавлен в корзину!`);
         }
+        function getApplicablePrice(item) {
+            const product = getProductById(item.product_id);
+            if (!product) return item.retail_price;
+             let price = item.retail_price;
+            let variantKey = [item.color, item.size].filter(v => v !== 'N/A').join('-');
+            if (variantKey && product.variant_prices && product.variant_prices[variantKey]) {
+                price = product.variant_prices[variantKey];
+            }
+            if (product.wholesale_price != null && product.min_wholesale_quantity != null && item.quantity >= product.min_wholesale_quantity) {
+                price = product.wholesale_price;
+            }
+            return price;
+        }
+
         function updateCartButton() {
             const cartCountEl = document.getElementById('cart-count');
             const cartButton = document.getElementById('cart-button');
@@ -1754,14 +1640,16 @@ CHAT_TEMPLATE = '''
                 cartTotalEl.textContent = '0.00';
             } else {
                 cartContent.innerHTML = cart.map(item => {
-                    const itemTotal = item.price * item.quantity;
+                    const price = getApplicablePrice(item);
+                    const itemTotal = price * item.quantity;
                     total += itemTotal;
                     let variantInfo = [];
                     if (item.color && item.color !== 'N/A') variantInfo.push(`Цвет: ${item.color}`);
                     if (item.size && item.size !== 'N/A') variantInfo.push(`Размер: ${item.size}`);
+                    const isWholesale = item.wholesale_price != null && item.min_wholesale_quantity != null && item.quantity >= item.min_wholesale_quantity;
                     return `<div class="cart-item">
                                 <img src="${item.photo ? `https://huggingface.co/datasets/${repoId}/resolve/main/photos/${item.photo}` : ''}" alt="${item.name}">
-                                <div><strong>${item.name}</strong><p>${variantInfo.join(', ')}</p><p>${item.price.toFixed(2)} ${currencyCode}</p></div>
+                                <div><strong>${item.name}</strong><p>${variantInfo.join(', ')}</p><p>${price.toFixed(2)} ${currencyCode} ${isWholesale ? '(Опт)' : ''}</p></div>
                                 <div class="cart-item-quantity"><button class="quantity-btn" onclick="decrementCartItem('${item.id}')">-</button><span>${item.quantity}</span><button class="quantity-btn" onclick="incrementCartItem('${item.id}')">+</button></div>
                                 <span class="cart-item-total">${itemTotal.toFixed(2)}</span>
                                 <button class="cart-item-remove" onclick="removeFromCart('${item.id}')"><i class="fas fa-trash-alt"></i></button>
@@ -1804,7 +1692,8 @@ CHAT_TEMPLATE = '''
         }
         function formulateOrder() {
             if (cart.length === 0) return;
-            fetch(`/${envId}/create_order`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ cart }) })
+            const orderCart = cart.map(item => ({...item, price: getApplicablePrice(item)}));
+            fetch(`/${envId}/create_order`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ cart: orderCart }) })
                 .then(res => res.json())
                 .then(data => {
                     if (data.order_id) {
@@ -1834,7 +1723,7 @@ CHAT_TEMPLATE = '''
             const messageElement = document.createElement('div');
             messageElement.className = `chat-message ${role}`;
             
-            const productRegex = /\[ID_ТОВАРА:\\s*([a-fA-F0-9]+)\\s*Название:\\s*([^\]]+)\]/g;
+            const productRegex = /\[ID_ТОВАРА:\s*([a-fA-F0-9]+)\s*Название:\s*([^\]]+)\]/g;
             let lastIndex = 0;
             const contentFragment = document.createDocumentFragment();
             let match;
@@ -1843,7 +1732,7 @@ CHAT_TEMPLATE = '''
                 if (match.index > lastIndex) {
                     const textNode = document.createElement('div');
                     textNode.className = 'message-bubble';
-                    textNode.innerHTML = text.substring(lastIndex, match.index).replace(/\\n/g, '<br>');
+                    textNode.innerHTML = text.substring(lastIndex, match.index).replace(/\n/g, '<br>');
                     messageElement.appendChild(textNode);
                 }
                 const productId = match[1];
@@ -1869,7 +1758,7 @@ CHAT_TEMPLATE = '''
             if (lastIndex < text.length) {
                 const textNode = document.createElement('div');
                 textNode.className = 'message-bubble';
-                textNode.innerHTML = text.substring(lastIndex).replace(/\\n/g, '<br>');
+                textNode.innerHTML = text.substring(lastIndex).replace(/\n/g, '<br>');
                 messageElement.appendChild(textNode);
             }
             
@@ -1982,7 +1871,12 @@ PRODUCT_DETAIL_TEMPLATE = '''
         </div>
 
         <div style="text-align:center; margin-top:20px; padding: 0 10px;">
-            <p style="font-size: 1.5rem; font-weight: bold; color: #135D66; margin-bottom: 15px;"><strong>Цена:</strong> <span id="variantPrice">{{ "%.0f"|format(product.price) }} {{ currency_code }}</span></p>
+             <p style="font-size: 1.5rem; font-weight: bold; color: #135D66; margin-bottom: 5px;"><strong>Цена:</strong> <span id="variantPrice">{{ "%.0f"|format(product.price) }} {{ currency_code }}</span></p>
+             {% if product.get('wholesale_price') and product.get('min_wholesale_quantity') %}
+                <p style="font-size: 0.9rem; color: #4CAF50; margin-bottom: 15px;">
+                    Оптом: <strong>{{ "%.0f"|format(product.wholesale_price) }} {{ currency_code }}</strong> от {{ product.min_wholesale_quantity }} шт.
+                </p>
+            {% endif %}
             <button class="product-button formulate-order-button" style="padding: 12px 30px; width: 100%; max-width: 300px;" onclick="closeModal('productModal'); openQuantityModalById('{{ product.get('product_id', '') }}')">
                 <i class="fas fa-cart-plus"></i> В корзину
             </button>
@@ -2044,6 +1938,17 @@ ORDER_TEMPLATE = '''
         .catalog-link { display: block; text-align: center; margin-top: 25px; color: var(--bg-medium); text-decoration: none; font-size: 0.9rem; }
         .catalog-link:hover { text-decoration: underline; }
         .not-found { text-align: center; color: #dc3545; font-size: 1.2rem; padding: 40px 0;}
+
+        @media (max-width: 600px) {
+            .container { padding: 15px; }
+            h1 { font-size: 1.5rem; }
+            h2 { font-size: 1.2rem; }
+            .order-item { grid-template-columns: 45px 1fr auto; grid-template-rows: auto auto; }
+            .order-item img { width: 45px; height: 45px; }
+            .item-details { grid-column: 2 / 4; }
+            .item-quantity { grid-row: 2; grid-column: 1 / 3; }
+            .item-total { grid-row: 2; grid-column: 3; }
+        }
     </style>
 </head>
 <body>
@@ -2086,12 +1991,13 @@ ORDER_TEMPLATE = '''
                             let variantInfo = [];
                             if (item.color && item.color !== 'N/A') variantInfo.push(`Цвет: ${item.color}`);
                             if (item.size && item.size !== 'N/A') variantInfo.push(`Размер: ${item.size}`);
+                            const isWholesale = item.min_wholesale_quantity && item.quantity >= item.min_wholesale_quantity;
 
                             return `
                             <div class="order-item">
                                 <img src="${item.photo_url}" alt="${item.name}">
                                 <div class="item-details">
-                                    <strong>${item.name}</strong>
+                                    <strong>${item.name} ${isWholesale ? '(Опт)' : ''}</strong>
                                     <span>${variantInfo.join(', ')}</span>
                                     <span>${item.price.toFixed(2)} {{ currency_code }}</span>
                                 </div>
@@ -2154,8 +2060,9 @@ ORDER_TEMPLATE = '''
                         if (item.color && item.color !== 'N/A') variantInfo.push(item.color);
                         if (item.size && item.size !== 'N/A') variantInfo.push(item.size);
                         let variantText = variantInfo.length > 0 ? ` (${variantInfo.join(', ')})` : '';
+                        const isWholesale = item.min_wholesale_quantity && item.quantity >= item.min_wholesale_quantity;
 
-                        message += `*${item.name}*${variantText}%0A`;
+                        message += `*${item.name}*${variantText} ${isWholesale ? '(Опт)' : ''}%0A`;
                         message += `  - Количество: ${item.quantity}%0A`;
                         message += `  - Цена: ${item.price.toFixed(2)} {{ currency_code }}%0A`;
                     });
@@ -2277,6 +2184,7 @@ ADMIN_TEMPLATE = '''
             .variant-price-item { display: flex; align-items: center; gap: 8px; font-size: 0.9em; }
             .variant-price-item label { margin-top: 0; white-space: nowrap; }
             .variant-price-item input { margin-top: 0; }
+            .wholesale-fields { border-left: 3px solid #17a2b8; padding-left: 15px; margin-left: -18px; margin-top: 10px; }
         </style>
     </head>
     <body>
@@ -2331,6 +2239,13 @@ ADMIN_TEMPLATE = '''
                              <label for="organization_name">Название организации:</label>
                              <input type="text" id="organization_name" name="organization_name" value="{{ settings.organization_name }}">
 
+                             <label for="business_type">Тип бизнеса:</label>
+                             <select id="business_type" name="business_type">
+                                 {% for key, name in business_types.items() %}
+                                 <option value="{{ key }}" {% if settings.business_type == key %}selected{% endif %}>{{ name }}</option>
+                                 {% endfor %}
+                             </select>
+
                              <label for="whatsapp_number">Номер WhatsApp для заказов:</label>
                              <input type="tel" id="whatsapp_number" name="whatsapp_number" value="{{ settings.whatsapp_number }}" placeholder="+996XXXXXXXXX">
                              
@@ -2455,8 +2370,22 @@ ADMIN_TEMPLATE = '''
                              <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>
+                             <label for="add_price">
+                                {% if settings.business_type == 'wholesale' %}Оптовая цена{% else %}Розничная цена{% endif %} ({{ currency_code }}) *:
+                             </label>
                              <input type="number" id="add_price" name="price" step="0.01" min="0" required>
+
+                             {% if settings.business_type in ['wholesale', 'both'] %}
+                             <div class="wholesale-fields">
+                                {% if settings.business_type == 'both' %}
+                                <label for="add_wholesale_price">Оптовая Цена ({{ currency_code }}):</label>
+                                <input type="number" id="add_wholesale_price" name="wholesale_price" step="0.01" min="0">
+                                {% endif %}
+                                <label for="add_min_wholesale_quantity">Минимальное количество для опта:</label>
+                                <input type="number" id="add_min_wholesale_quantity" name="min_wholesale_quantity" min="1">
+                             </div>
+                             {% endif %}
+
                              <label for="add_photos">Фотографии (до 10 шт.):</label>
                              <input type="file" id="add_photos" name="photos" accept="image/*" multiple>
                              <label for="add_description">Описание:</label>
@@ -2541,13 +2470,17 @@ ADMIN_TEMPLATE = '''
                                      {% endif %}
                                 </h3>
                                 <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
-                                <p><strong>Цена:</strong> {{ "%.2f"|format(product.price) }} {{ currency_code }}</p>
+                                <p>
+                                    <strong>{% if product.get('wholesale_price') %}Розница:{% else %}Цена:{% endif %}</strong> {{ "%.2f"|format(product.price) }} {{ currency_code }}
+                                </p>
+                                {% if product.get('wholesale_price') and product.get('min_wholesale_quantity') %}
+                                <p><strong>Опт:</strong> {{ "%.2f"|format(product.wholesale_price) }} {{ currency_code }} (от {{ product.min_wholesale_quantity }} шт.)</p>
+                                {% endif %}
                                 <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', []) %}
                                 {% set sizes = product.get('sizes', []) %}
                                 <p><strong>Цвета/Вар-ты:</strong> {{ colors|select('ne', '')|join(', ') if colors|select('ne', '')|list|length > 0 else 'Нет' }}</p>
                                 <p><strong>Размеры/Объем:</strong> {{ sizes|select('ne', '')|join(', ') if sizes|select('ne', '')|list|length > 0 else 'Нет' }}</p>
-
                                 {% if product.get('photos') and product['photos']|length > 1 %}
                                     <p style="font-size: 0.8rem; color: #999;">(Всего фото: {{ product['photos']|length }})</p>
                                 {% endif %}
@@ -2570,8 +2503,22 @@ ADMIN_TEMPLATE = '''
                                 <input type="hidden" name="product_id" value="{{ product.get('product_id', '') }}">
                                 <label>Название *:</label>
                                 <input type="text" name="name" value="{{ product['name'] }}" required>
-                                <label>Цена ({{ currency_code }}) *:</label>
+                                <label>
+                                    {% if settings.business_type == 'wholesale' %}Оптовая цена{% else %}Розничная цена{% endif %} ({{ currency_code }}) *:
+                                </label>
                                 <input type="number" name="price" step="0.01" min="0" value="{{ product['price'] }}" required>
+                                
+                                {% if settings.business_type in ['wholesale', 'both'] %}
+                                <div class="wholesale-fields">
+                                    {% if settings.business_type == 'both' %}
+                                    <label>Оптовая Цена ({{ currency_code }}):</label>
+                                    <input type="number" name="wholesale_price" step="0.01" min="0" value="{{ product.get('wholesale_price', '') }}">
+                                    {% endif %}
+                                    <label>Минимальное количество для опта:</label>
+                                    <input type="number" name="min_wholesale_quantity" min="1" value="{{ product.get('min_wholesale_quantity', '') }}">
+                                </div>
+                                {% endif %}
+
                                 <label>Заменить фотографии (выберите новые файлы, до 10 шт.):</label>
                                 <input type="file" id="edit_photos_{{ loop.index0 }}" name="photos" accept="image/*" multiple>
                                  {% if product.get('photos') %}
@@ -2915,16 +2862,22 @@ def admhosto():
         
         environments_data.append({
             "id": env_id,
+            "business_type": settings.get('business_type', 'retail'),
             "chat_active": is_active,
             "expires_soon": expires_soon,
             "expires_date": expires_date_str
         })
         
     environments_data.sort(key=lambda x: x['id'])
-    return render_template_string(ADMHOSTO_TEMPLATE, environments=environments_data)
+    return render_template_string(ADMHOSTO_TEMPLATE, environments=environments_data, business_types=BUSINESS_TYPES)
 
 @app.route('/admhosto/create', methods=['POST'])
 def create_environment():
+    business_type = request.form.get('business_type')
+    if not business_type or business_type not in BUSINESS_TYPES:
+        flash('Необходимо выбрать корректный тип бизнеса.', 'error')
+        return redirect(url_for('admhosto'))
+
     all_data = load_data()
     while True:
         new_id = ''.join(random.choices(string.digits, k=6))
@@ -2942,19 +2895,20 @@ def create_environment():
             "contact": "Наш магазин находится по адресу: ... Связаться с нами можно по телефону ..."
         },
         'settings': {
-            "organization_name": "Gippo312",
+            "organization_name": f"Магазин {new_id}",
             "whatsapp_number": "+996701202013",
             "currency_code": "KGS",
             "chat_name": "EVA",
             "chat_avatar": None,
             "color_scheme": "default",
             "chat_activated": False,
-            "chat_activation_expires": None
+            "chat_activation_expires": None,
+            "business_type": business_type
         },
         'chats': {}
     }
     save_data(all_data)
-    flash(f'Новая среда с ID {new_id} успешно создана.', 'success')
+    flash(f'Новая среда с ID {new_id} ({BUSINESS_TYPES[business_type]}) успешно создана.', 'success')
     return redirect(url_for('admhosto'))
 
 @app.route('/admhosto/delete/<env_id>', methods=['POST'])
@@ -3104,6 +3058,7 @@ def create_order(env_id):
                 "color": item.get('color', 'N/A'),
                 "size": item.get('size', 'N/A'),
                 "photo": item.get('photo'),
+                "min_wholesale_quantity": item.get('min_wholesale_quantity'),
                 "photo_url": f"https://huggingface.co/datasets/{REPO_ID}/resolve/main/photos/{item['photo']}" if item.get('photo') else "https://via.placeholder.com/60x60.png?text=N/A"
             })
             total_price += price * quantity
@@ -3204,6 +3159,7 @@ def admin(env_id):
             
             elif action == 'update_settings':
                 settings['organization_name'] = request.form.get('organization_name', 'Gippo312').strip()
+                settings['business_type'] = request.form.get('business_type', 'retail')
                 settings['whatsapp_number'] = request.form.get('whatsapp_number', '').strip()
                 settings['currency_code'] = request.form.get('currency_code', 'KGS')
                 settings['chat_name'] = request.form.get('chat_name', 'EVA').strip()
@@ -3280,6 +3236,27 @@ def admin(env_id):
                     flash("Неверный формат цены.", 'error')
                     return redirect(url_for('admin', env_id=env_id))
 
+                if settings.get('business_type') in ['wholesale', 'both']:
+                    wholesale_price_str = request.form.get('wholesale_price', '').replace(',', '.')
+                    min_qty_str = request.form.get('min_wholesale_quantity', '')
+                    
+                    if settings.get('business_type') == 'wholesale':
+                        product_data['wholesale_price'] = product_data['price']
+                    else: 
+                        try:
+                            product_data['wholesale_price'] = round(float(wholesale_price_str), 2) if wholesale_price_str else None
+                        except ValueError:
+                            product_data['wholesale_price'] = None
+
+                    try:
+                        product_data['min_wholesale_quantity'] = int(min_qty_str) if min_qty_str else None
+                    except ValueError:
+                        product_data['min_wholesale_quantity'] = None
+
+                    if product_data['wholesale_price'] is not None and product_data['min_wholesale_quantity'] is None:
+                        flash("Указана оптовая цена, но не указано минимальное количество. Укажите количество.", "warning")
+                        product_data['min_wholesale_quantity'] = 2
+
                 variant_prices = {}
                 for key, value in request.form.items():
                     if key.startswith('variant_price_') and value:
@@ -3420,6 +3397,7 @@ def admin(env_id):
         chat_avatar_url=chat_avatar_url,
         currencies=CURRENCIES,
         color_schemes=COLOR_SCHEMES,
+        business_types=BUSINESS_TYPES,
         env_id=env_id,
         chat_status=chat_status
     )