{
    "errors": [],
    "params": [],
    "data": {
        "page": {
            "uuid": "90607a69-d2d8-4d49-8d37-a21b2d0c521d",
            "title": "sadovod",
            "address": "sadovod",
            "date": "2026-01-01 17:17:00",
            "content": "<style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            color: #333;\r\n            line-height: 1.6;\r\n            padding: 20px;\r\n        }\r\n        \r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            background: white;\r\n            border-radius: 20px;\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n            padding: 40px;\r\n        }\r\n        \r\n        h1 {\r\n            color: #667eea;\r\n            font-size: 2.5em;\r\n            margin-bottom: 10px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .subtitle {\r\n            text-align: center;\r\n            color: #666;\r\n            margin-bottom: 40px;\r\n            font-size: 1.1em;\r\n        }\r\n        \r\n        .tree {\r\n            list-style: none;\r\n            padding-left: 0;\r\n        }\r\n        \r\n        .tree ul {\r\n            list-style: none;\r\n            padding-left: 30px;\r\n            margin-top: 10px;\r\n        }\r\n        \r\n        .tree-item {\r\n            margin: 8px 0;\r\n            position: relative;\r\n        }\r\n        \r\n        .tree-toggle {\r\n            cursor: pointer;\r\n            padding: 12px 20px;\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 10px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);\r\n            width: 100%;\r\n            text-align: left;\r\n        }\r\n        \r\n        .tree-toggle:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);\r\n        }\r\n        \r\n        .tree-toggle::before {\r\n            content: '▶';\r\n            display: inline-block;\r\n            transition: transform 0.3s ease;\r\n            font-size: 0.8em;\r\n        }\r\n        \r\n        .tree-toggle.active::before {\r\n            transform: rotate(90deg);\r\n        }\r\n        \r\n        .tree-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease;\r\n        }\r\n        \r\n        .tree-content.show {\r\n            max-height: 5000px;\r\n        }\r\n        \r\n        \/* Цветовая кодировка ролей *\/\r\n        .role-customer .tree-toggle {\r\n            background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);\r\n        }\r\n        \r\n        .role-owner .tree-toggle {\r\n            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);\r\n        }\r\n        \r\n        .role-mediator .tree-toggle {\r\n            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\r\n            box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);\r\n        }\r\n        \r\n        .role-supplier .tree-toggle {\r\n            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);\r\n            box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);\r\n        }\r\n        \r\n        .info-block {\r\n            background: #f8fafc;\r\n            border-left: 4px solid #667eea;\r\n            padding: 15px 20px;\r\n            margin: 15px 0;\r\n            border-radius: 8px;\r\n        }\r\n        \r\n        .info-block h3 {\r\n            color: #667eea;\r\n            margin-bottom: 10px;\r\n            font-size: 1.2em;\r\n        }\r\n        \r\n        .info-block p {\r\n            color: #475569;\r\n            line-height: 1.8;\r\n        }\r\n        \r\n        .step-list {\r\n            counter-reset: step;\r\n            list-style: none;\r\n            padding-left: 0;\r\n        }\r\n        \r\n        .step-list li {\r\n            counter-increment: step;\r\n            position: relative;\r\n            padding-left: 50px;\r\n            margin: 15px 0;\r\n        }\r\n        \r\n        .step-list li::before {\r\n            content: counter(step);\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            background: #667eea;\r\n            color: white;\r\n            width: 35px;\r\n            height: 35px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n        }\r\n        \r\n        .emoji {\r\n            font-size: 1.2em;\r\n            margin-right: 8px;\r\n        }\r\n        \r\n        .badge {\r\n            display: inline-block;\r\n            padding: 4px 12px;\r\n            background: #667eea;\r\n            color: white;\r\n            border-radius: 12px;\r\n            font-size: 0.85em;\r\n            font-weight: 600;\r\n            margin-left: 10px;\r\n        }\r\n        \r\n        .badge.green { background: #10b981; }\r\n        .badge.blue { background: #3b82f6; }\r\n        .badge.yellow { background: #f59e0b; }\r\n        .badge.red { background: #ef4444; }\r\n    <\/style>\r\n\r\n    <div class=\"container\">\r\n        <h1>🏪 SadovodProfi<\/h1>\r\n        <p class=\"subtitle\">Полная логика платформы и взаимодействия ролей<\/p>\r\n\r\n        <!-- Главное дерево -->\r\n        <ul class=\"tree\">\r\n            \r\n            <!-- 1. ОБЗОР ПЛАТФОРМЫ -->\r\n            <li class=\"tree-item\">\r\n                <button class=\"tree-toggle\">\r\n                    <span class=\"emoji\">🌐<\/span>\r\n                    ОБЗОР ПЛАТФОРМЫ\r\n                    <span class=\"badge\">Начать здесь<\/span>\r\n                <\/button>\r\n                <div class=\"tree-content\">\r\n                    <div class=\"info-block\">\r\n                        <h3>Что такое SadovodProfi?<\/h3>\r\n                        <p><strong>SadovodProfi<\/strong> — это платформа для автоматизации торговли через рынок \"Садовод\". \r\n                        Она объединяет владельцев интернет-магазинов, посредников и поставщиков в единую экосистему.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <ul>\r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">🎯<\/span>\r\n                                Ключевые компоненты\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <ul class=\"step-list\">\r\n                                    <li><strong>Витрины магазинов<\/strong> — онлайн-магазины владельцев (например, sadovod-express.ru)<\/li>\r\n                                    <li><strong>Панель управления<\/strong> — кабинеты для владельцев, посредников, поставщиков (sadovodprofi.ru\/panel)<\/li>\r\n                                    <li><strong>Рынок \"Садовод\"<\/strong> — физический рынок с 200+ точками поставщиков<\/li>\r\n                                    <li><strong>Система сборов<\/strong> — организация закупок по дням<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">💡<\/span>\r\n                                Как это работает (кратко)\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p>\r\n                                        <strong>1.<\/strong> Покупатель заказывает на витрине магазина<br>\r\n                                        <strong>2.<\/strong> Владелец получает заявку и создает заказ<br>\r\n                                        <strong>3.<\/strong> Посредник забирает товары на рынке \"Садовод\"<br>\r\n                                        <strong>4.<\/strong> Владелец получает товары и доставляет покупателю\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n            \r\n            <!-- 2. РОЛИ В СИСТЕМЕ -->\r\n            <li class=\"tree-item\">\r\n                <button class=\"tree-toggle\">\r\n                    <span class=\"emoji\">👥<\/span>\r\n                    РОЛИ В СИСТЕМЕ\r\n                    <span class=\"badge blue\">4 роли<\/span>\r\n                <\/button>\r\n                <div class=\"tree-content\">\r\n                    <ul>\r\n                        <!-- ПОКУПАТЕЛЬ -->\r\n                        <li class=\"tree-item role-customer\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">🛒<\/span>\r\n                                ПОКУПАТЕЛЬ\r\n                                <span class=\"badge green\">Клиент<\/span>\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <h3>Кто это?<\/h3>\r\n                                    <p>Конечный клиент, который покупает товары в интернет-магазине владельца.<\/p>\r\n                                <\/div>\r\n                                \r\n                                <ul>\r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">📱<\/span>\r\n                                            Интерфейс покупателя\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <ul class=\"step-list\">\r\n                                                <li><strong>Витрина магазина<\/strong> — каталог товаров с поиском<\/li>\r\n                                                <li><strong>Корзина<\/strong> — выбранные товары<\/li>\r\n                                                <li><strong>Оформление заказа<\/strong> — контакты, адрес, способ доставки<\/li>\r\n                                                <li><strong>Личный кабинет<\/strong> — история заказов, баланс<\/li>\r\n                                            <\/ul>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                    \r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">🔄<\/span>\r\n                                            Процесс покупки (пошагово)\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <ul class=\"step-list\">\r\n                                                <li><strong>Выбор товара<\/strong> — поиск или просмотр каталога<\/li>\r\n                                                <li><strong>Добавление в корзину<\/strong> — выбор размера\/варианта<\/li>\r\n                                                <li><strong>Оформление<\/strong> — заполнение формы с контактами<\/li>\r\n                                                <li><strong>Выбор доставки<\/strong> — курьер или самовывоз<\/li>\r\n                                                <li><strong>Оплата<\/strong> — баланс или онлайн-оплата<\/li>\r\n                                                <li><strong>Подтверждение<\/strong> — получение номера заказа<\/li>\r\n                                            <\/ul>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                    \r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">💰<\/span>\r\n                                            Баланс покупателя\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <div class=\"info-block\">\r\n                                                <p>Покупатель может пополнить баланс заранее и оплачивать заказы с него. \r\n                                                Это удобнее, чем платить каждый раз при оформлении.<\/p>\r\n                                                <ul class=\"step-list\">\r\n                                                    <li>Пополнение через банковскую карту<\/li>\r\n                                                    <li>Пополнение через СБП<\/li>\r\n                                                    <li>Просмотр истории транзакций<\/li>\r\n                                                <\/ul>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <!-- ВЛАДЕЛЕЦ МАГАЗИНА -->\r\n                        <li class=\"tree-item role-owner\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">🏪<\/span>\r\n                                ВЛАДЕЛЕЦ МАГАЗИНА\r\n                                <span class=\"badge blue\">Главная роль<\/span>\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <h3>Кто это?<\/h3>\r\n                                    <p>Предприниматель, который владеет интернет-магазином (например, Садовод Экспресс). \r\n                                    Получает заказы от покупателей, организует закупку через посредников и доставляет товары.<\/p>\r\n                                <\/div>\r\n                                <ul>\r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">📊<\/span>\r\n                                            Разделы панели владельца\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <ul class=\"step-list\">\r\n                                                <li><strong>Заявки<\/strong> — новые заказы от покупателей (вкладки: Новые, В работе)<\/li>\r\n                                                <li><strong>Заказы<\/strong> — все заказы, отправленные в работу<\/li>\r\n                                                <li><strong>Балансы<\/strong> — заявки на пополнение баланса от покупателей<\/li>\r\n                                                <li><strong>Настройки<\/strong> — настройка магазина, доставки, посредников<\/li>\r\n                                            <\/ul>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                    \r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">📝<\/span>\r\n                                            Обработка заявки (пошагово)\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <ul class=\"step-list\">\r\n                                                <li><strong>Получение заявки<\/strong> — покупатель оформил заказ на витрине<\/li>\r\n                                                <li><strong>Проверка деталей<\/strong> — товары, адрес, контакты, дата доставки<\/li>\r\n                                                <li><strong>Решение<\/strong>:\r\n                                                    <ul style=\"list-style: disc; padding-left: 30px; margin-top: 10px;\">\r\n                                                        <li>Создать заказ (если всё ОК)<\/li>\r\n                                                        <li>Позвонить клиенту (если нужны уточнения)<\/li>\r\n                                                        <li>Отклонить (если проблема)<\/li>\r\n                                                    <\/ul>\r\n                                                <\/li>\r\n                                                <li><strong>Создание заказа<\/strong> — переносит заявку в работу<\/li>\r\n                                            <\/ul>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                    \r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">🔄<\/span>\r\n                                            Жизненный цикл заказа\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <div class=\"info-block\">\r\n                                                <h3>Этапы заказа:<\/h3>\r\n                                                <ul class=\"step-list\">\r\n                                                    <li><strong>Заявка принята<\/strong> — владелец создал заказ из заявки<\/li>\r\n                                                    <li><strong>Передано посреднику<\/strong> — посредник получил задание на сбор<\/li>\r\n                                                    <li><strong>На рынке<\/strong> — посредник собирает товары у поставщиков<\/li>\r\n                                                    <li><strong>Товары у владельца<\/strong> — посредник передал товары<\/li>\r\n                                                    <li><strong>В доставке<\/strong> — владелец отправил покупателю<\/li>\r\n                                                    <li><strong>Завершено<\/strong> — покупатель получил заказ<\/li>\r\n                                                <\/ul>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                    \r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">💰<\/span>\r\n                                            Управление балансами\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <div class=\"info-block\">\r\n                                                <p>Владелец обрабатывает заявки покупателей на пополнение баланса:<\/p>\r\n                                                <ul class=\"step-list\">\r\n                                                    <li>Покупатель отправляет заявку с суммой<\/li>\r\n                                                    <li>Владелец проверяет оплату (перевод на карту\/счет)<\/li>\r\n                                                    <li>Владелец подтверждает → баланс пополняется<\/li>\r\n                                                    <li>Или отклоняет, если оплата не поступила<\/li>\r\n                                                <\/ul>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                    \r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">⚙️<\/span>\r\n                                            Настройки магазина\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <ul class=\"step-list\">\r\n                                                <li><strong>Страницы<\/strong> — редактирование информационных страниц<\/li>\r\n                                                <li><strong>Доставка<\/strong> — настройка способов доставки и ПВЗ<\/li>\r\n                                                <li><strong>Посредники<\/strong> — добавление\/удаление посредников для работы<\/li>\r\n                                                <li><strong>Поставщики<\/strong> — управление связями с поставщиками<\/li>\r\n                                            <\/ul>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <!-- ПОСРЕДНИК -->\r\n                        <li class=\"tree-item role-mediator\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">🚗<\/span>\r\n                                ПОСРЕДНИК\r\n                                <span class=\"badge yellow\">Ключевая инфраструктура<\/span>\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <h3>Кто это?<\/h3>\r\n                                    <p>Профессиональный закупщик на рынке \"Садовод\". Работает одновременно с несколькими владельцами магазинов. \r\n                                    Обналичивает деньги, забирает товары у поставщиков и передает их владельцам.<\/p>\r\n                                <\/div>\r\n                                \r\n                                <ul>\r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">💡<\/span>\r\n                                            Зачем нужен посредник?\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <div class=\"info-block\">\r\n                                                <ul class=\"step-list\">\r\n                                                    <li><strong>Экономия времени<\/strong> — владельцы из других городов не едут сами<\/li>\r\n                                                    <li><strong>Обналичка<\/strong> — переводит безнал в наличные для оплаты поставщикам<\/li>\r\n                                                    <li><strong>Оптимизация<\/strong> — один маршрут для 10+ магазинов<\/li>\r\n                                                    <li><strong>Связи<\/strong> — знает всех поставщиков лично, может договориться<\/li>\r\n                                                    <li><strong>Эффективность<\/strong> — знает рынок как свои 5 пальцев<\/li>\r\n                                                <\/ul>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                    \r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">📦<\/span>\r\n                                            Система \"Сборов\"\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <div class=\"info-block\">\r\n                                                <h3>Что такое \"Сбор\"?<\/h3>\r\n                                                <p><strong>Сбор<\/strong> — это организованная поездка посредника на рынок в определенный день. \r\n                                                В один сбор входят заказы от нескольких магазинов.<\/p>\r\n                                                <p><strong>Пример:<\/strong> Сбор #14 \"Ста\" на 14.01.2026 в 20:45<\/p>\r\n                                                <ul class=\"step-list\" style=\"margin-top: 15px;\">\r\n                                                    <li>5 магазинов подключены<\/li>\r\n                                                    <li>23 заказа на сбор<\/li>\r\n                                                    <li>12 точек для посещения<\/li>\r\n                                                    <li>145,300₽ общая сумма<\/li>\r\n                                                <\/ul>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">🔄<\/span>\r\n                                            Процесс работы посредника (полный цикл)\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <div class=\"info-block\">\r\n                                                <h3>ЭТАП 1: Подготовка (за день до сбора)<\/h3>\r\n                                                <ul class=\"step-list\">\r\n                                                    <li><strong>Получение задания<\/strong> — владельцы создали \"День сбора\"<\/li>\r\n                                                    <li><strong>Обналичивание<\/strong> — переводит безнал от владельцев в наличные (например, 145,300₽)<\/li>\r\n                                                    <li><strong>Планирование маршрута<\/strong> — система группирует заказы по точкам (12 точек)<\/li>\r\n                                                <\/ul>\r\n                                                \r\n                                                <h3 style=\"margin-top: 20px;\">ЭТАП 2: Сбор на рынке (день сбора)<\/h3>\r\n                                                <ul class=\"step-list\">\r\n                                                    <li><strong>Прибытие на рынок<\/strong> — начало маршрута (09:00)<\/li>\r\n                                                    <li><strong>Обход точек<\/strong> — посещение 12 точек поставщиков:\r\n                                                        <ul style=\"list-style: disc; padding-left: 30px; margin-top: 10px;\">\r\n                                                            <li>Получение товаров по списку<\/li>\r\n                                                            <li>Проверка качества и количества<\/li>\r\n                                                            <li>Оплата наличными<\/li>\r\n                                                            <li>Фотографирование чеков<\/li>\r\n                                                        <\/ul>\r\n                                                    <\/li>\r\n                                                    <li><strong>Завершение сбора<\/strong> — все 23 заказа собраны (16:30)<\/li>\r\n                                                <\/ul>\r\n                                                \r\n                                                <h3 style=\"margin-top: 20px;\">ЭТАП 3: Возврат и распределение<\/h3>\r\n                                                <ul class=\"step-list\">\r\n                                                    <li><strong>Сортировка<\/strong> — разделение товаров по магазинам (5 пакетов)<\/li>\r\n                                                    <li><strong>Передача владельцам<\/strong> — каждый владелец получает:\r\n                                                        <ul style=\"list-style: disc; padding-left: 30px; margin-top: 10px;\">\r\n                                                            <li>Свои товары<\/li>\r\n                                                            <li>Все чеки<\/li>\r\n                                                            <li>Отчет по деньгам<\/li>\r\n                                                        <\/ul>\r\n                                                    <\/li>\r\n                                                    <li><strong>Вознаграждение<\/strong> — получение % от суммы (например, 5% = 7,265₽)<\/li>\r\n                                                <\/ul>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                    \r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">📊<\/span>\r\n                                            Статистика посредника\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <div class=\"info-block\">\r\n                                                <p><strong>Типичная нагрузка:<\/strong><\/p>\r\n                                                <ul style=\"list-style: disc; padding-left: 30px;\">\r\n                                                    <li>Работа с 5-10 магазинами одновременно<\/li>\r\n                                                    <li>20-50 заказов за один сбор<\/li>\r\n                                                    <li>10-15 точек посещения<\/li>\r\n                                                    <li>Обналичивание 100,000-500,000₽<\/li>\r\n                                                    <li>Заработок: 5-10% от оборота<\/li>\r\n                                                <\/ul>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <!-- ПОСТАВЩИК -->\r\n                        <li class=\"tree-item role-supplier\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">📦<\/span>\r\n                                ПОСТАВЩИК\r\n                                <span class=\"badge red\">Рынок \"Садовод\"<\/span>\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <h3>Кто это?<\/h3>\r\n                                    <p>Продавец на рынке \"Садовод\", у которого есть физическая точка (например, Павильон А, Место 16). \r\n                                    Получает заказы, готовит товары и отдает их посреднику.<\/p>\r\n                                <\/div>\r\n                                \r\n                                <ul>\r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">🏪<\/span>\r\n                                            Информация о точке\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <ul class=\"step-list\">\r\n                                                <li><strong>Название<\/strong> — например, \"Siroj Shop\"<\/li>\r\n                                                <li><strong>Адрес<\/strong> — павильон, этаж, номер места<\/li>\r\n                                                <li><strong>Контакт<\/strong> — телефон +7 (925) 424-45-27<\/li>\r\n                                                <li><strong>Ассортимент<\/strong> — категории товаров (обувь, одежда и т.д.)<\/li>\r\n                                            <\/ul>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                    \r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">📝<\/span>\r\n                                            Процесс выполнения заказа\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <ul class=\"step-list\">\r\n                                                <li><strong>Получение заказа<\/strong> — поставщик видит новый заказ в системе<\/li>\r\n                                                <li><strong>Поиск товара<\/strong> — находит нужный товар на складе\/витрине<\/li>\r\n                                                <li><strong>Проверка<\/strong> — размер, цвет, качество<\/li>\r\n                                                <li><strong>Упаковка<\/strong> — упаковывает товар<\/li>\r\n                                                <li><strong>Готов к выдаче<\/strong> — ставит на полку выдачи с номером<\/li>\r\n                                                <li><strong>Выдача посреднику<\/strong> — передает товар + чек<\/li>\r\n                                                <li><strong>Получение оплаты<\/strong> — получает деньги наличными<\/li>\r\n                                            <\/ul>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                    \r\n                                    <li class=\"tree-item\">\r\n                                        <button class=\"tree-toggle\">\r\n                                            <span class=\"emoji\">⏱️<\/span>\r\n                                            Время на подготовку\r\n                                        <\/button>\r\n                                        <div class=\"tree-content\">\r\n                                            <div class=\"info-block\">\r\n                                                <p>Поставщик должен подготовить заказ к определенному времени (например, до 15:00). \r\n                                                Обычно на сборку одного заказа уходит 10-20 минут.<\/p>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n            \r\n            <!-- 3. ПОЛНЫЙ ЦИКЛ ЗАКАЗА -->\r\n            <li class=\"tree-item\">\r\n                <button class=\"tree-toggle\">\r\n                    <span class=\"emoji\">🔄<\/span>\r\n                    ПОЛНЫЙ ЦИКЛ ЗАКАЗА\r\n                    <span class=\"badge\">От А до Я<\/span>\r\n                <\/button>\r\n                <div class=\"tree-content\">\r\n                    <div class=\"info-block\">\r\n                        <h3>Как проходит заказ через всю систему?<\/h3>\r\n                        <p>Давайте проследим путь реального заказа от момента оформления до получения покупателем.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <ul>\r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">🛒<\/span>\r\n                                ШАГ 1: Покупатель оформляет заказ\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>Пример:<\/strong> Ильшат заказывает кроссовки на sadovod-express.ru<\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li>Выбрал товар: \"Кроссовки из эко-кожи для зимы\"<\/li>\r\n                                        <li>Размер: 37<\/li>\r\n                                        <li>Цена: 950₽<\/li>\r\n                                        <li>Доставка: Самовывоз (01.01.2026)<\/li>\r\n                                        <li>Адрес: Менделеева 140\/1-22, Уфа<\/li>\r\n                                        <li>Получил номер: <strong>#26950-s<\/strong><\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">📋<\/span>\r\n                                ШАГ 2: Владелец получает заявку\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>Что видит владелец:<\/strong><\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li>Раздел \"Заявки\" → вкладка \"Новые\"<\/li>\r\n                                        <li>Заявка #26950-s от Ильшата<\/li>\r\n                                        <li>Товары: Кроссовки 950₽<\/li>\r\n                                        <li>Дата доставки: 01.01.2026<\/li>\r\n                                        <li><strong>Действие:<\/strong> Нажимает \"Детали\" → проверяет → \"Создать заказ\"<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">📦<\/span>\r\n                                ШАГ 3: Создание заказа и назначение\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>Владелец формирует заказ:<\/strong><\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li>Заявка переходит в статус \"В работе\"<\/li>\r\n                                        <li>Владелец определяет поставщика (Siroj Shop, Место 16)<\/li>\r\n                                        <li>Назначает посредника на сбор<\/li>\r\n                                        <li>Добавляет в \"День сбора\" (например, Сбор #12 \"Скейт\")<\/li>\r\n                                        <li>Передает деньги посреднику (950₽)<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">💰<\/span>\r\n                                ШАГ 4: Посредник обналичивает деньги\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>Подготовка к сбору:<\/strong><\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li>Посредник видит Сбор #12 с заказами от 5 магазинов<\/li>\r\n                                        <li>Общая сумма: 145,300₽ (включая 950₽ от Садовод Экспресс)<\/li>\r\n                                        <li>Переводит безнал → наличные<\/li>\r\n                                        <li>Планирует маршрут по 12 точкам<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">📦<\/span>\r\n                                ШАГ 5: Поставщик готовит товар\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>У поставщика (Siroj Shop):<\/strong><\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li>Получил уведомление о заказе<\/li>\r\n                                        <li>Нашел кроссовки размер 37<\/li>\r\n                                        <li>Проверил качество<\/li>\r\n                                        <li>Упаковал<\/li>\r\n                                        <li>Поставил на полку выдачи с номером Место 16<\/li>\r\n                                        <li>Ждет посредника<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">🚗<\/span>\r\n                                ШАГ 6: Посредник на рынке\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>День сбора (07.01.2026):<\/strong><\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li>09:00 — Прибыл на рынок \"Садовод\"<\/li>\r\n                                        <li>10:30 — Дошел до Места 16 (Siroj Shop)<\/li>\r\n                                        <li>Получил кроссовки от поставщика<\/li>\r\n                                        <li>Оплатил 950₽ наличными<\/li>\r\n                                        <li>Получил и сфотографировал чек<\/li>\r\n                                        <li>Пометил заказ как \"Собран\"<\/li>\r\n                                        <li>Продолжил маршрут к другим точкам...<\/li>\r\n                                        <li>16:30 — Все 23 заказа собраны<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">📦<\/span>\r\n                                ШАГ 7: Возврат товаров владельцу\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>Передача владельцу:<\/strong><\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li>Посредник сортирует все товары по магазинам<\/li>\r\n                                        <li>Пакет для \"Садовод Экспресс\": кроссовки + другие заказы<\/li>\r\n                                        <li>Встречается с владельцем<\/li>\r\n                                        <li>Передает товары + чек на 950₽<\/li>\r\n                                        <li>Отчитывается: Дано 950₽ → Потрачено 950₽<\/li>\r\n                                        <li>Владелец проверяет и принимает<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">🚚<\/span>\r\n                                ШАГ 8: Доставка покупателю\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>Владелец доставляет заказ:<\/strong><\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li>Владелец получил товары от посредника<\/li>\r\n                                        <li>Связывается с Ильшатом (звонок\/SMS)<\/li>\r\n                                        <li>Вариант 1: <strong>Самовывоз<\/strong> — Ильшат приезжает в ПВЗ на Менделеева 140\/1<\/li>\r\n                                        <li>Вариант 2: <strong>Доставка<\/strong> — владелец\/курьер везет по адресу<\/li>\r\n                                        <li>Ильшат проверяет товар<\/li>\r\n                                        <li>Получает кроссовки<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">✅<\/span>\r\n                                ШАГ 9: Завершение заказа\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>Финал:<\/strong><\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li>Владелец отмечает заказ как \"Завершено\"<\/li>\r\n                                        <li>Ильшат доволен покупкой ✓<\/li>\r\n                                        <li>Поставщик получил оплату ✓<\/li>\r\n                                        <li>Посредник получил вознаграждение ✓<\/li>\r\n                                        <li>Владелец получил прибыль ✓<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n            \r\n            <!-- 4. ФИНАНСОВЫЕ ПОТОКИ -->\r\n            <li class=\"tree-item\">\r\n                <button class=\"tree-toggle\">\r\n                    <span class=\"emoji\">💰<\/span>\r\n                    ФИНАНСОВЫЕ ПОТОКИ\r\n                    <span class=\"badge yellow\">Деньги<\/span>\r\n                <\/button>\r\n                <div class=\"tree-content\">\r\n                    <ul>\r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">💳<\/span>\r\n                                Баланс покупателя\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <ul class=\"step-list\">\r\n                                        <li><strong>Пополнение:<\/strong> Покупатель отправляет заявку → владелец проверяет → подтверждает<\/li>\r\n                                        <li><strong>Оплата заказа:<\/strong> Списывается с баланса автоматически<\/li>\r\n                                        <li><strong>История:<\/strong> Все транзакции видны в личном кабинете<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">🔄<\/span>\r\n                                Обналичивание (ключевая функция посредника)\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <h3>Почему это важно?<\/h3>\r\n                                    <p>Поставщики на рынке \"Садовод\" работают только с наличными. \r\n                                    Владельцы магазинов получают деньги онлайн (карты, СБП). \r\n                                    Посредник — мост между безналом и налом.<\/p>\r\n                                    <ul class=\"step-list\" style=\"margin-top: 15px;\">\r\n                                        <li>Владелец → Посредник: Безнал (перевод на карту)<\/li>\r\n                                        <li>Посредник → Обналичивание: Снятие наличных<\/li>\r\n                                        <li>Посредник → Поставщик: Наличные<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">💵<\/span>\r\n                                Распределение прибыли\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>Пример на заказе 950₽:<\/strong><\/p>\r\n                                    <ul style=\"list-style: disc; padding-left: 30px;\">\r\n                                        <li><strong>Поставщик:<\/strong> 600₽ (себестоимость товара)<\/li>\r\n                                        <li><strong>Посредник:<\/strong> ~50₽ (5% комиссия)<\/li>\r\n                                        <li><strong>Владелец:<\/strong> ~300₽ (наценка магазина)<\/li>\r\n                                    <\/ul>\r\n                                    <p style=\"margin-top: 10px;\"><em>* Цифры примерные, зависят от договоренностей<\/em><\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n            \r\n            <!-- 5. ЭКОСИСТЕМА И СВЯЗИ -->\r\n            <li class=\"tree-item\">\r\n                <button class=\"tree-toggle\">\r\n                    <span class=\"emoji\">🌍<\/span>\r\n                    ЭКОСИСТЕМА ПЛАТФОРМЫ\r\n                    <span class=\"badge\">Взаимосвязи<\/span>\r\n                <\/button>\r\n                <div class=\"tree-content\">\r\n                    <ul>\r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">🔗<\/span>\r\n                                Связь между компонентами\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <h3>Как всё связано:<\/h3>\r\n                                    <ul class=\"step-list\">\r\n                                        <li><strong>Витрина (sadovod-express.ru)<\/strong> → автоматически создает заявки в панели владельца<\/li>\r\n                                        <li><strong>Панель владельца<\/strong> → создает задания для посредников<\/li>\r\n                                        <li><strong>Панель посредника<\/strong> → видит сборы от всех владельцев<\/li>\r\n                                        <li><strong>Панель поставщика<\/strong> → получает уведомления о заказах<\/li>\r\n                                        <li><strong>Все связано в реальном времени<\/strong> через единую базу данных<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">🏪<\/span>\r\n                                Рынок \"Садовод\" — центр экосистемы\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>Физическая инфраструктура:<\/strong><\/p>\r\n                                    <ul style=\"list-style: disc; padding-left: 30px;\">\r\n                                        <li>200+ точек поставщиков<\/li>\r\n                                        <li>Разбит на павильоны и этажи<\/li>\r\n                                        <li>Каждая точка имеет номер (например, Место 16)<\/li>\r\n                                        <li>Работает ежедневно, кроме понедельника<\/li>\r\n                                        <li>Основной оптовый рынок Москвы<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">📱<\/span>\r\n                                Мобильная оптимизация\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>90% работы через смартфон:<\/strong><\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li>Покупатели заказывают с телефонов<\/li>\r\n                                        <li>Посредники работают на рынке с телефонов<\/li>\r\n                                        <li>Поставщики получают уведомления на телефоны<\/li>\r\n                                        <li>Владельцы управляют бизнесом с телефонов<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n            \r\n            <!-- 6. КЛЮЧЕВЫЕ КОНЦЕПЦИИ -->\r\n            <li class=\"tree-item\">\r\n                <button class=\"tree-toggle\">\r\n                    <span class=\"emoji\">💡<\/span>\r\n                    КЛЮЧЕВЫЕ КОНЦЕПЦИИ\r\n                    <span class=\"badge\">Важно понять<\/span>\r\n                <\/button>\r\n                <div class=\"tree-content\">\r\n                    <ul>\r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">📅<\/span>\r\n                                Система \"Сборов\" (Collections)\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p>Сбор — это организованная поездка посредника на рынок в определенный день.<\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li><strong>Название:<\/strong> например, \"Скейт\", \"Рождество\", \"Ста\"<\/li>\r\n                                        <li><strong>Дата и время:<\/strong> когда закрывается сбор (например, 07.01.2026 19:52)<\/li>\r\n                                        <li><strong>Статусы:<\/strong> \r\n                                            <ul style=\"list-style: disc; padding-left: 30px; margin-top: 10px;\">\r\n                                                <li>Открыт (до закрытия: 134 ч.)<\/li>\r\n                                                <li>Закрыт<\/li>\r\n                                            <\/ul>\r\n                                        <\/li>\r\n                                        <li><strong>Вкладки внутри сбора:<\/strong>\r\n                                            <ul style=\"list-style: disc; padding-left: 30px; margin-top: 10px;\">\r\n                                                <li>Новые — новые заказы<\/li>\r\n                                                <li>В работе — посредник собирает<\/li>\r\n                                                <li>Сортировка — сортировка по магазинам<\/li>\r\n                                                <li>Завершенные — переданы владельцам<\/li>\r\n                                            <\/ul>\r\n                                        <\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">🔢<\/span>\r\n                                Нумерация заказов\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <ul style=\"list-style: disc; padding-left: 30px;\">\r\n                                        <li><strong>#26950-s<\/strong> — номер на витрине (suffix 's' = store)<\/li>\r\n                                        <li><strong>#384-e<\/strong> — внутренний номер в системе сборов (suffix 'e' = internal)<\/li>\r\n                                        <li>Оба номера связаны, но используются в разных интерфейсах<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">📍<\/span>\r\n                                \"Место\" на рынке\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>Место<\/strong> — это номер точки поставщика на рынке.<\/p>\r\n                                    <p>Пример: <strong>Место 5-14<\/strong> или <strong>Место 16<\/strong><\/p>\r\n                                    <ul style=\"list-style: disc; padding-left: 30px; margin-top: 10px;\">\r\n                                        <li>Помогает посреднику найти поставщика<\/li>\r\n                                        <li>Может включать этаж\/павильон<\/li>\r\n                                        <li>Есть иконка карты для навигации<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                        \r\n                        <li class=\"tree-item\">\r\n                            <button class=\"tree-toggle\">\r\n                                <span class=\"emoji\">✅<\/span>\r\n                                Двойное подтверждение кнопок\r\n                            <\/button>\r\n                            <div class=\"tree-content\">\r\n                                <div class=\"info-block\">\r\n                                    <p><strong>Важная особенность интерфейса:<\/strong><\/p>\r\n                                    <p>Многие важные действия требуют двойного нажатия:<\/p>\r\n                                    <ul class=\"step-list\">\r\n                                        <li>Первое нажатие → показывает \"Подтвердите\" (3 секунды)<\/li>\r\n                                        <li>Второе нажатие → выполняет действие<\/li>\r\n                                        <li>Это защита от случайных нажатий<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/li>\r\n            \r\n        <\/ul>\r\n        \r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ JavaScript для сворачивания\/разворачивания веток\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const toggles = document.querySelectorAll('.tree-toggle');\r\n            \r\n            toggles.forEach(toggle => {\r\n                toggle.addEventListener('click', function() {\r\n                    const content = this.nextElementSibling;\r\n                    const isActive = this.classList.contains('active');\r\n                    \r\n                    if (isActive) {\r\n                        \/\/ Закрываем\r\n                        this.classList.remove('active');\r\n                        content.classList.remove('show');\r\n                    } else {\r\n                        \/\/ Открываем\r\n                        this.classList.add('active');\r\n                        content.classList.add('show');\r\n                    }\r\n                });\r\n            });\r\n            \r\n            \/\/ Функция для разворачивания всех веток\r\n            window.expandAll = function() {\r\n                toggles.forEach(toggle => {\r\n                    toggle.classList.add('active');\r\n                    toggle.nextElementSibling.classList.add('show');\r\n                });\r\n            };\r\n            \r\n            \/\/ Функция для сворачивания всех веток\r\n            window.collapseAll = function() {\r\n                toggles.forEach(toggle => {\r\n                    toggle.classList.remove('active');\r\n                    toggle.nextElementSibling.classList.remove('show');\r\n                });\r\n            };\r\n        });\r\n    <\/script>",
            "type": "html",
            "meta": {
                "title": "",
                "description": "",
                "keywords": ""
            },
            "template": "page.twig",
            "files": []
        }
    }
}