<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die(); ?>
<?php
    use \Bitrix\Main\Page\Asset;

    $curPage = $APPLICATION->GetCurPage(false);
    $assets = Asset::getInstance();
    $body_class = [];

    if ($curPage == '/') {
        $body_class[] = 'page-index';
    }
    if ($curPage == '/cart/') {
        $body_class[] = 'cart';
    }

?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php $APPLICATION->ShowTitle(); ?></title>
    <?php
        $APPLICATION->ShowMeta("robots", false);
        $APPLICATION->ShowMeta("keywords", false);
        $APPLICATION->ShowMeta("description", false);
        $APPLICATION->ShowLink("canonical", null);
        $APPLICATION->ShowCSS(true);
        $APPLICATION->ShowHeadStrings();
        $APPLICATION->ShowHeadScripts();

        Asset::getInstance()->addCss(DEFAULT_TEMPLATE_PATH . '/css/normalize.css');
        Asset::getInstance()->addCss(DEFAULT_TEMPLATE_PATH . '/css/libs/fancybox.css');
        Asset::getInstance()->addCss(DEFAULT_TEMPLATE_PATH . '/css/libs.css');
        Asset::getInstance()->addCss(DEFAULT_TEMPLATE_PATH . '/css/style.min.css');
        Asset::getInstance()->addCss(DEFAULT_TEMPLATE_PATH . '/css/custom.css');
        $APPLICATION->ShowHead();
    ?>
</head>
<div class="cart-toast-container"></div>
<body class="<?= implode(' ', $body_class) ?>">
<div id="panel">
    <?php $APPLICATION->ShowPanel(); ?>
</div>
<?php if ($curPage === '/'): ?>
    <div class="index-lead" style="background-image: linear-gradient(79.3deg, #557b3080 38.69%, #c9d6ba80 89.73%), url('<?= DEFAULT_TEMPLATE_PATH ?>/img/png/background-header.png');">
<?php endif; ?>
    <div class="overflow js-overflow"></div>
    <header class="header container">
        <div class="header__menu">
            <?$APPLICATION->IncludeComponent(
                "bitrix:main.include",
                "",
                Array(
                    "AREA_FILE_SHOW" => "file",
                    "AREA_FILE_SUFFIX" => "",
                    "EDIT_TEMPLATE" => "",
                    "PATH" => "/include/header_logo.php"
                )
            );?>
            <div class="header_location-wrap js-location">
                <button class="header__location js-location-btn">
                    Москва
                </button>
                <select class="header__location-select js-location-select">
                    <option value="Москва" selected="">Москва</option>
                    <option value="Санкт-Петербург">Санкт-Петербург</option>
                    <option value="Казань">Казань</option>
                    <option value="Нижний Новгород">Нижний Новгород</option>
                    <option value="Ярославль">Ярославль</option>
                    <option value="Волгоград">Волгоград</option>
                </select>
            </div>
            <?$APPLICATION->IncludeComponent("bitrix:menu", "header_menu", Array(
                "ALLOW_MULTI_SELECT" => "N",
                    "CHILD_MENU_TYPE" => "",
                    "DELAY" => "N",
                    "MAX_LEVEL" => "1",
                    "MENU_CACHE_GET_VARS" => array(
                        0 => "",
                    ),
                    "MENU_CACHE_TIME" => "3600",
                    "MENU_CACHE_TYPE" => "N",
                    "MENU_CACHE_USE_GROUPS" => "Y",
                    "ROOT_MENU_TYPE" => "top",
                    "USE_EXT" => "N",
                ),
                false
            );?>
        </div>
        <div class="header__bottom">
            <button class="button button--orange button--catalog js-catalog">
                Каталог
                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M17.5 1.6v5.9h-6.897v-7h5.818c.284 0 .558.114.76.32.204.206.319.486.319.78ZM1.58.5h5.817v7H.5V1.6c0-.294.115-.574.318-.78A1.07 1.07 0 0 1 1.58.5Zm9.023 17v-7H17.5v5.9c0 .294-.115.574-.318.78a1.07 1.07 0 0 1-.761.32h-5.818ZM.5 16.4v-5.9h6.897v7H1.58a1.07 1.07 0 0 1-.76-.32A1.11 1.11 0 0 1 .5 16.4Z"
                        fill="currentColor"
                        stroke="currentColor"
                    ></path>
                </svg>
            </button>
            <button class="button button--green button--outline">Расчет септика</button>
            <?$APPLICATION->IncludeComponent("bitrix:search.title", "main", Array(
                "CATEGORY_0" => array(	// Ограничение области поиска
                        0 => "iblock_catalog",
                    ),
                    "CATEGORY_0_TITLE" => "",	// Название категории
                    "CATEGORY_0_iblock_catalog" => array(	// Искать в информационных блоках типа "iblock_catalog"
                        0 => "4",
                    ),
                    "CHECK_DATES" => "N",	// Искать только в активных по дате документах
                    "CONTAINER_ID" => "title-search",	// ID контейнера, по ширине которого будут выводиться результаты
                    "INPUT_ID" => "title-search-input",	// ID строки ввода поискового запроса
                    "NUM_CATEGORIES" => "1",	// Количество категорий поиска
                    "ORDER" => "date",	// Сортировка результатов
                    "PAGE" => "",	// Страница выдачи результатов поиска (доступен макрос #SITE_DIR#)
                    "SHOW_INPUT" => "Y",	// Показывать форму ввода поискового запроса
                    "SHOW_OTHERS" => "N",	// Показывать категорию "прочее"
                    "TOP_COUNT" => "50",	// Количество результатов в каждой категории
                    "USE_LANGUAGE_GUESS" => "Y",	// Включить автоопределение раскладки клавиатуры
                    "COMPONENT_TEMPLATE" => ".default"
                ),
                false
            );?>
            <?$APPLICATION->IncludeComponent(
                "bitrix:main.include",
                "",
                Array(
                    "AREA_FILE_SHOW" => "file",
                    "AREA_FILE_SUFFIX" => "",
                    "EDIT_TEMPLATE" => "",
                    "PATH" => "/include/header_phone.php"
                )
            );?>
            <?$APPLICATION->IncludeComponent("bitrix:sale.basket.basket.line", "main", Array(
                "HIDE_ON_BASKET_PAGES" => "N",	// Не показывать на страницах корзины и оформления заказа
                    "PATH_TO_AUTHORIZE" => "",	// Страница авторизации
                    "PATH_TO_BASKET" => SITE_DIR."cart/",	// Страница корзины
                    "PATH_TO_ORDER" => SITE_DIR."checkout/",	// Страница оформления заказа
                    "PATH_TO_PERSONAL" => SITE_DIR."personal/",	// Страница персонального раздела
                    "PATH_TO_PROFILE" => SITE_DIR."personal/",	// Страница профиля
                    "PATH_TO_REGISTER" => SITE_DIR."login/",	// Страница регистрации
                    "POSITION_FIXED" => "N",	// Отображать корзину поверх шаблона
                    "SHOW_AUTHOR" => "N",	// Добавить возможность авторизации
                    "SHOW_EMPTY_VALUES" => "Y",	// Выводить нулевые значения в пустой корзине
                    "SHOW_NUM_PRODUCTS" => "Y",	// Показывать количество товаров
                    "SHOW_PERSONAL_LINK" => "N",	// Отображать персональный раздел
                    "SHOW_PRODUCTS" => "N",	// Показывать список товаров
                    "SHOW_REGISTRATION" => "N",	// Добавить возможность регистрации
                    "SHOW_TOTAL_PRICE" => "N",	// Показывать общую сумму по товарам
                ),
                false
            );?>
        </div>
        <div class="catalog-overflow js-overflow"></div>
        <div class="catalog">
            <div class="catalog__top">
                <div class="catalog__top-name">Каталог</div>
                <button class="catalog__top-btn button button--green button--outline js-close-catalog">
                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                    </svg>
                </button>
            </div>
            <div class="catalog__list">
                <div class="catalog__item js-catalog-item">
                    <picture><source srcset="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/jpg/catalog-1.jpg" width="60" height="70" alt="Септики" /></picture>
                    <span class="catalog__item-name">Септики</span>
                    <div class="catalog__inner-wrap">
                        <div class="catalog__top">
                            <button class="catalog__top-btn button button--green button--outline js-back-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                            <div class="catalog__top-name">Септики</div>
                            <button class="catalog__top-btn button button--green button--outline js-close-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                        </div>
                        <div class="catalog__inner">
                            <a href="category.html" class="catalog__link">Все товары</a>
                            <a href="#" class="catalog__link">Для дома</a>
                            <a href="#" class="catalog__link">Для дачи</a>
                            <a href="#" class="catalog__link">Для коттеджа</a>
                            <a href="#" class="catalog__link">Для частного дома</a>
                            <a href="#" class="catalog__link">Для загородного дома</a>
                            <a href="#" class="catalog__link">Для непостоянного проживания</a>
                            <a href="#" class="catalog__link">Для постоянного проживания</a>
                            <a href="#" class="catalog__link">Автономный септик для дачи</a>
                            <a href="#" class="catalog__link">Автономный септик для частного дома</a>
                            <a href="#" class="catalog__link">Накопительный септик</a>
                            <a href="#" class="catalog__link">Септик без откачки</a>
                            <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
                            <a href="#" class="catalog__link">Анаэробный септик</a>
                            <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
                            <a href="#" class="catalog__link">Для бани</a>
                            <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
                            <a href="#" class="catalog__link">Автономные</a>
                        </div>
                    </div>
                </div>

                <div class="catalog__item js-catalog-item">
                    <picture><source srcset="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/jpg/catalog-1.jpg" width="60" height="70" alt="Септики" /></picture>
                    <span class="catalog__item-name">Автономная канализация</span>
                    <div class="catalog__inner-wrap">
                        <div class="catalog__top">
                            <button class="catalog__top-btn button button--green button--outline js-back-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                            <div class="catalog__top-name">Септики</div>
                            <button class="catalog__top-btn button button--green button--outline js-close-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                        </div>
                        <div class="catalog__inner">
                            <a href="category.html" class="catalog__link">Все товары</a>
                            <a href="#" class="catalog__link">Для дома</a>
                            <a href="#" class="catalog__link">Для дачи</a>
                            <a href="#" class="catalog__link">Для коттеджа</a>
                            <a href="#" class="catalog__link">Для частного дома</a>
                            <a href="#" class="catalog__link">Для загородного дома</a>
                            <a href="#" class="catalog__link">Для непостоянного проживания</a>
                            <a href="#" class="catalog__link">Для постоянного проживания</a>
                            <a href="#" class="catalog__link">Автономный септик для дачи</a>
                            <a href="#" class="catalog__link">Автономный септик для частного дома</a>
                            <a href="#" class="catalog__link">Накопительный септик</a>
                            <a href="#" class="catalog__link">Септик без откачки</a>
                            <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
                            <a href="#" class="catalog__link">Анаэробный септик</a>
                            <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
                            <a href="#" class="catalog__link">Для бани</a>
                            <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
                            <a href="#" class="catalog__link">Автономные</a>
                        </div>
                    </div>
                </div>

                <div class="catalog__item js-catalog-item">
                    <picture><source srcset="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/jpg/catalog-1.jpg" width="60" height="70" alt="Септики" /></picture>
                    <span class="catalog__item-name">Станции биологической очистки</span>
                    <div class="catalog__inner-wrap">
                        <div class="catalog__top">
                            <button class="catalog__top-btn button button--green button--outline js-back-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                            <div class="catalog__top-name">Септики</div>
                            <button class="catalog__top-btn button button--green button--outline js-close-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                        </div>
                        <div class="catalog__inner">
                            <a href="category.html" class="catalog__link">Все товары</a>
                            <a href="#" class="catalog__link">Для дома</a>
                            <a href="#" class="catalog__link">Для дачи</a>
                            <a href="#" class="catalog__link">Для коттеджа</a>
                            <a href="#" class="catalog__link">Для частного дома</a>
                            <a href="#" class="catalog__link">Для загородного дома</a>
                            <a href="#" class="catalog__link">Для непостоянного проживания</a>
                            <a href="#" class="catalog__link">Для постоянного проживания</a>
                            <a href="#" class="catalog__link">Автономный септик для дачи</a>
                            <a href="#" class="catalog__link">Автономный септик для частного дома</a>
                            <a href="#" class="catalog__link">Накопительный септик</a>
                            <a href="#" class="catalog__link">Септик без откачки</a>
                            <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
                            <a href="#" class="catalog__link">Анаэробный септик</a>
                            <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
                            <a href="#" class="catalog__link">Для бани</a>
                            <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
                            <a href="#" class="catalog__link">Автономные</a>
                        </div>
                    </div>
                </div>
                <div class="catalog__item js-catalog-item">
                    <picture><source srcset="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/jpg/catalog-1.jpg" width="60" height="70" alt="Септики" /></picture>
                    <span class="catalog__item-name">Локальные очистные сооружения</span>
                    <div class="catalog__inner-wrap">
                        <div class="catalog__top">
                            <button class="catalog__top-btn button button--green button--outline js-back-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                            <div class="catalog__top-name">Септики</div>
                            <button class="catalog__top-btn button button--green button--outline js-close-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                        </div>
                        <div class="catalog__inner">
                            <a href="category.html" class="catalog__link">Все товары</a>
                            <a href="#" class="catalog__link">Для дома</a>
                            <a href="#" class="catalog__link">Для дачи</a>
                            <a href="#" class="catalog__link">Для коттеджа</a>
                            <a href="#" class="catalog__link">Для частного дома</a>
                            <a href="#" class="catalog__link">Для загородного дома</a>
                            <a href="#" class="catalog__link">Для непостоянного проживания</a>
                            <a href="#" class="catalog__link">Для постоянного проживания</a>
                            <a href="#" class="catalog__link">Автономный септик для дачи</a>
                            <a href="#" class="catalog__link">Автономный септик для частного дома</a>
                            <a href="#" class="catalog__link">Накопительный септик</a>
                            <a href="#" class="catalog__link">Септик без откачки</a>
                            <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
                            <a href="#" class="catalog__link">Анаэробный септик</a>
                            <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
                            <a href="#" class="catalog__link">Для бани</a>
                            <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
                            <a href="#" class="catalog__link">Автономные</a>
                        </div>
                    </div>
                </div>
                <div class="catalog__item js-catalog-item">
                    <picture><source srcset="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/jpg/catalog-1.jpg" width="60" height="70" alt="Септики" /></picture>
                    <span class="catalog__item-name">Септики по количеству человек</span>
                    <div class="catalog__inner-wrap">
                        <div class="catalog__top">
                            <button class="catalog__top-btn button button--green button--outline js-back-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                            <div class="catalog__top-name">Септики</div>
                            <button class="catalog__top-btn button button--green button--outline js-close-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                        </div>
                        <div class="catalog__inner">
                            <a href="category.html" class="catalog__link">Все товары</a>
                            <a href="#" class="catalog__link">Для дома</a>
                            <a href="#" class="catalog__link">Для дачи</a>
                            <a href="#" class="catalog__link">Для коттеджа</a>
                            <a href="#" class="catalog__link">Для частного дома</a>
                            <a href="#" class="catalog__link">Для загородного дома</a>
                            <a href="#" class="catalog__link">Для непостоянного проживания</a>
                            <a href="#" class="catalog__link">Для постоянного проживания</a>
                            <a href="#" class="catalog__link">Автономный септик для дачи</a>
                            <a href="#" class="catalog__link">Автономный септик для частного дома</a>
                            <a href="#" class="catalog__link">Накопительный септик</a>
                            <a href="#" class="catalog__link">Септик без откачки</a>
                            <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
                            <a href="#" class="catalog__link">Анаэробный септик</a>
                            <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
                            <a href="#" class="catalog__link">Для бани</a>
                            <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
                            <a href="#" class="catalog__link">Автономные</a>
                        </div>
                    </div>
                </div>
                <div class="catalog__item js-catalog-item">
                    <picture><source srcset="./img/jpg/catalog-2.webp" type="image/webp"><img src="./img/jpg/catalog-2.jpg" width="60" height="70" alt="Септики" /></picture>
                    <span class="catalog__item-name">Жироуловители</span>
                    <div class="catalog__inner-wrap">
                        <div class="catalog__top">
                            <button class="catalog__top-btn button button--green button--outline js-back-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                            <div class="catalog__top-name">Септики</div>
                            <button class="catalog__top-btn button button--green button--outline js-close-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                        </div>
                        <div class="catalog__inner">
                            <a href="category.html" class="catalog__link">Все товары</a>
                            <a href="#" class="catalog__link">Для дома</a>
                            <a href="#" class="catalog__link">Для дачи</a>
                            <a href="#" class="catalog__link">Для коттеджа</a>
                            <a href="#" class="catalog__link">Для частного дома</a>
                            <a href="#" class="catalog__link">Для загородного дома</a>
                            <a href="#" class="catalog__link">Для непостоянного проживания</a>
                            <a href="#" class="catalog__link">Для постоянного проживания</a>
                            <a href="#" class="catalog__link">Автономный септик для дачи</a>
                            <a href="#" class="catalog__link">Автономный септик для частного дома</a>
                            <a href="#" class="catalog__link">Накопительный септик</a>
                            <a href="#" class="catalog__link">Септик без откачки</a>
                            <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
                            <a href="#" class="catalog__link">Анаэробный септик</a>
                            <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
                            <a href="#" class="catalog__link">Для бани</a>
                            <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
                            <a href="#" class="catalog__link">Автономные</a>
                        </div>
                    </div>
                </div>
                <div class="catalog__item js-catalog-item">
                    <picture><source srcset="./img/jpg/catalog-3.webp" type="image/webp"><img src="./img/jpg/catalog-3.jpg" width="60" height="70" alt="Септики" /></picture>
                    <span class="catalog__item-name">Кессоны</span>
                    <div class="catalog__inner-wrap">
                        <div class="catalog__top">
                            <button class="catalog__top-btn button button--green button--outline js-back-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                            <div class="catalog__top-name">Септики</div>
                            <button class="catalog__top-btn button button--green button--outline js-close-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                        </div>
                        <div class="catalog__inner">
                            <a href="category.html" class="catalog__link">Все товары</a>
                            <a href="#" class="catalog__link">Для дома</a>
                            <a href="#" class="catalog__link">Для дачи</a>
                            <a href="#" class="catalog__link">Для коттеджа</a>
                            <a href="#" class="catalog__link">Для частного дома</a>
                            <a href="#" class="catalog__link">Для загородного дома</a>
                            <a href="#" class="catalog__link">Для непостоянного проживания</a>
                            <a href="#" class="catalog__link">Для постоянного проживания</a>
                            <a href="#" class="catalog__link">Автономный септик для дачи</a>
                            <a href="#" class="catalog__link">Автономный септик для частного дома</a>
                            <a href="#" class="catalog__link">Накопительный септик</a>
                            <a href="#" class="catalog__link">Септик без откачки</a>
                            <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
                            <a href="#" class="catalog__link">Анаэробный септик</a>
                            <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
                            <a href="#" class="catalog__link">Для бани</a>
                            <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
                            <a href="#" class="catalog__link">Автономные</a>
                        </div>
                    </div>
                </div>
                <div class="catalog__item js-catalog-item">
                    <picture><source srcset="./img/jpg/catalog-4.webp" type="image/webp"><img src="./img/jpg/catalog-4.jpg" width="60" height="70" alt="Септики" /></picture>
                    <span class="catalog__item-name">Комплектующие</span>
                    <div class="catalog__inner-wrap">
                        <div class="catalog__top">
                            <button class="catalog__top-btn button button--green button--outline js-back-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                            <div class="catalog__top-name">Септики</div>
                            <button class="catalog__top-btn button button--green button--outline js-close-catalog">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
                                </svg>
                            </button>
                        </div>
                        <div class="catalog__inner">
                            <a href="category.html" class="catalog__link">Все товары</a>
                            <a href="#" class="catalog__link">Для дома</a>
                            <a href="#" class="catalog__link">Для дачи</a>
                            <a href="#" class="catalog__link">Для коттеджа</a>
                            <a href="#" class="catalog__link">Для частного дома</a>
                            <a href="#" class="catalog__link">Для загородного дома</a>
                            <a href="#" class="catalog__link">Для непостоянного проживания</a>
                            <a href="#" class="catalog__link">Для постоянного проживания</a>
                            <a href="#" class="catalog__link">Автономный септик для дачи</a>
                            <a href="#" class="catalog__link">Автономный септик для частного дома</a>
                            <a href="#" class="catalog__link">Накопительный септик</a>
                            <a href="#" class="catalog__link">Септик без откачки</a>
                            <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
                            <a href="#" class="catalog__link">Анаэробный септик</a>
                            <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
                            <a href="#" class="catalog__link">Для бани</a>
                            <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
                            <a href="#" class="catalog__link">Автономные</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="menu-mobile">
        <div class="menu-mobile__top">
            <?$APPLICATION->IncludeComponent(
                "bitrix:main.include",
                "",
                Array(
                    "AREA_FILE_SHOW" => "file",
                    "AREA_FILE_SUFFIX" => "",
                    "EDIT_TEMPLATE" => "",
                    "PATH" => "/include/header_phone_mobile.php"
                )
            );?>
            <button class="button button--green button--outline">Расчет септика</button>
            <form action="#">
                <div class="menu-mobile__search">
                    <input type="text" class="input" placeholder="Поиск" />
                    <div class="header__search-block">
                        <div class="header__search-top">
                            История поиска
                            <button class="button button--ghost" type="button">Очистить</button>
                        </div>
                        <div class="header__search-histories">
                            <div class="header__search-history">
                                <button class="header__search-btn header__search-btn--again">
                                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z"
                                            fill="currentColor"
                                        ></path>
                                        <path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path>
                                    </svg>
                                    <span>ЭРА 6 midi прин</span>
                                </button>
                                <button class="header__search-btn header__search-btn--remove">
                                    <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg">
                                        <path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path>
                                    </svg>
                                </button>
                            </div>
                            <div class="header__search-history">
                                <button class="header__search-btn header__search-btn--again">
                                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z"
                                            fill="currentColor"
                                        ></path>
                                        <path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path>
                                    </svg>
                                    <span>ЭРА 8 long прин</span>
                                </button>
                                <button class="header__search-btn header__search-btn--remove">
                                    <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg">
                                        <path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path>
                                    </svg>
                                </button>
                            </div>
                            <div class="header__search-history">
                                <button class="header__search-btn header__search-btn--again">
                                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z"
                                            fill="currentColor"
                                        ></path>
                                        <path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path>
                                    </svg>
                                    <span>Жироуловитель ЭРА 4</span>
                                </button>
                                <button class="header__search-btn header__search-btn--remove">
                                    <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg">
                                        <path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path>
                                    </svg>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="header_location-wrap js-location">
            <button class="menu-mobile__location js-location-btn">
                Москва
            </button>
            <select class="header__location-select js-location-select">
                <option value="Москва" selected="">Москва</option>
                <option value="Санкт-Петербург">Санкт-Петербург</option>
                <option value="Казань">Казань</option>
                <option value="Нижний Новгород">Нижний Новгород</option>
                <option value="Ярославль">Ярославль</option>
                <option value="Волгоград">Волгоград</option>
            </select>
        </div>
        <footer class="footer footer section">
            <div class="container">
                <div class="footer__top">
                    <?$APPLICATION->IncludeComponent("bitrix:menu", "footer_menu", Array(
                        "ALLOW_MULTI_SELECT" => "N",
                        "CHILD_MENU_TYPE" => "",
                        "DELAY" => "N",
                        "MAX_LEVEL" => "1",
                        "MENU_CACHE_GET_VARS" => array(
                            0 => "",
                        ),
                        "MENU_CACHE_TIME" => "3600",
                        "MENU_CACHE_TYPE" => "N",
                        "MENU_CACHE_USE_GROUPS" => "Y",
                        "ROOT_MENU_TYPE" => "services",
                        "MENU_TITLE" => 'Услуги',
                        "USE_EXT" => "N",
                    ),
                        false
                    );?>
                    <?$APPLICATION->IncludeComponent("bitrix:menu", "footer_menu", Array(
                        "ALLOW_MULTI_SELECT" => "N",
                        "CHILD_MENU_TYPE" => "",
                        "DELAY" => "N",
                        "MAX_LEVEL" => "1",
                        "MENU_CACHE_GET_VARS" => array(
                            0 => "",
                        ),
                        "MENU_CACHE_TIME" => "3600",
                        "MENU_CACHE_TYPE" => "N",
                        "MENU_CACHE_USE_GROUPS" => "Y",
                        "ROOT_MENU_TYPE" => "useful",
                        "MENU_TITLE" => 'Полезная информация',
                        "USE_EXT" => "N",
                    ),
                        false
                    );?>
                    <?$APPLICATION->IncludeComponent("bitrix:menu", "footer_menu", Array(
                        "ALLOW_MULTI_SELECT" => "N",
                        "CHILD_MENU_TYPE" => "",
                        "DELAY" => "N",
                        "MAX_LEVEL" => "1",
                        "MENU_CACHE_GET_VARS" => array(
                            0 => "",
                        ),
                        "MENU_CACHE_TIME" => "3600",
                        "MENU_CACHE_TYPE" => "N",
                        "MENU_CACHE_USE_GROUPS" => "Y",
                        "ROOT_MENU_TYPE" => "customers",
                        "MENU_TITLE" => 'Покупателям',
                        "USE_EXT" => "N",
                    ),
                        false
                    );?>
                    <div class="footer-items">
                        <?$APPLICATION->IncludeComponent("bitrix:menu", "footer_menu", Array(
                            "ALLOW_MULTI_SELECT" => "N",
                            "CHILD_MENU_TYPE" => "",
                            "DELAY" => "N",
                            "MAX_LEVEL" => "1",
                            "MENU_CACHE_GET_VARS" => array(
                                0 => "",
                            ),
                            "MENU_CACHE_TIME" => "3600",
                            "MENU_CACHE_TYPE" => "N",
                            "MENU_CACHE_USE_GROUPS" => "Y",
                            "ROOT_MENU_TYPE" => "interesting",
                            "MENU_TITLE" => 'Интересное',
                            "USE_EXT" => "N",
                        ),
                            false
                        );?>
                        <?$APPLICATION->IncludeComponent("bitrix:menu", "footer_menu", Array(
                            "ALLOW_MULTI_SELECT" => "N",
                            "CHILD_MENU_TYPE" => "",
                            "DELAY" => "N",
                            "MAX_LEVEL" => "1",
                            "MENU_CACHE_GET_VARS" => array(
                                0 => "",
                            ),
                            "MENU_CACHE_TIME" => "3600",
                            "MENU_CACHE_TYPE" => "N",
                            "MENU_CACHE_USE_GROUPS" => "Y",
                            "ROOT_MENU_TYPE" => "docs",
                            "MENU_TITLE" => 'Документация',
                            "USE_EXT" => "N",
                        ),
                            false
                        );?>
                    </div>
                </div>
                <div class="footer__bottom">
                    <?$APPLICATION->IncludeComponent(
                        "bitrix:main.include",
                        "",
                        Array(
                            "AREA_FILE_SHOW" => "file",
                            "AREA_FILE_SUFFIX" => "",
                            "EDIT_TEMPLATE" => "",
                            "PATH" => "/include/footer_logo.php"
                        )
                    );?>
                    <div><iframe src="https://yandex.ru/sprav/widget/rating-badge/153624708058?type=rating" width="150" height="50" frameborder="0"></iframe></div>
                    <?$APPLICATION->IncludeComponent(
                        "bitrix:main.include",
                        "",
                        Array(
                            "AREA_FILE_SHOW" => "file",
                            "AREA_FILE_SUFFIX" => "",
                            "EDIT_TEMPLATE" => "",
                            "PATH" => "/include/footer_address.php"
                        )
                    );?>
                    <?$APPLICATION->IncludeComponent(
                        "bitrix:main.include",
                        "",
                        Array(
                            "AREA_FILE_SHOW" => "file",
                            "AREA_FILE_SUFFIX" => "",
                            "EDIT_TEMPLATE" => "",
                            "PATH" => "/include/footer_phone.php"
                        )
                    );?>
                    <?$APPLICATION->IncludeComponent(
                        "bitrix:main.include",
                        "",
                        Array(
                            "AREA_FILE_SHOW" => "file",
                            "AREA_FILE_SUFFIX" => "",
                            "EDIT_TEMPLATE" => "",
                            "PATH" => "/include/footer-requisite.php"
                        )
                    );?>
                    <?$APPLICATION->IncludeComponent(
                        "bitrix:main.include",
                        "",
                        Array(
                            "AREA_FILE_SHOW" => "file",
                            "AREA_FILE_SUFFIX" => "",
                            "EDIT_TEMPLATE" => "",
                            "PATH" => "/include/footer-social.php"
                        )
                    );?>
                </div>
            </div>
        </footer>
    </div>
    <?php if ($curPage === '/'): ?>
        <?$APPLICATION->IncludeComponent(
	"bitrix:news.detail", 
	"header_lead", 
	array(
		"ACTIVE_DATE_FORMAT" => "",
		"ADD_ELEMENT_CHAIN" => "N",
		"ADD_SECTIONS_CHAIN" => "N",
		"AJAX_MODE" => "N",
		"AJAX_OPTION_ADDITIONAL" => "",
		"AJAX_OPTION_HISTORY" => "N",
		"AJAX_OPTION_JUMP" => "N",
		"AJAX_OPTION_STYLE" => "N",
		"BROWSER_TITLE" => "-",
		"CACHE_GROUPS" => "Y",
		"CACHE_TIME" => "36000000",
		"CACHE_TYPE" => "A",
		"CHECK_DATES" => "N",
		"DETAIL_URL" => "",
		"DISPLAY_BOTTOM_PAGER" => "N",
		"DISPLAY_DATE" => "N",
		"DISPLAY_NAME" => "N",
		"DISPLAY_PICTURE" => "N",
		"DISPLAY_PREVIEW_TEXT" => "N",
		"DISPLAY_TOP_PAGER" => "N",
		"ELEMENT_CODE" => "",
		"ELEMENT_ID" => "452",
		"FIELD_CODE" => array(
			0 => "",
			1 => "",
		),
		"IBLOCK_ID" => "32",
		"IBLOCK_TYPE" => "main",
		"IBLOCK_URL" => "",
		"INCLUDE_IBLOCK_INTO_CHAIN" => "N",
		"MESSAGE_404" => "",
		"META_DESCRIPTION" => "-",
		"META_KEYWORDS" => "-",
		"PAGER_BASE_LINK_ENABLE" => "N",
		"PAGER_SHOW_ALL" => "N",
		"PAGER_TEMPLATE" => ".default",
		"PAGER_TITLE" => "Страница",
		"PROPERTY_CODE" => array(
			0 => "TITLE",
			1 => "SUBTITLE",
			2 => "STATS",
			3 => "BIG_CARD_TEXT",
			4 => "BIG_CARD_LINK",
			5 => "SMALL_CARD_1",
			6 => "SMALL_CARD_2",
			7 => "SMALL_CARD_3",
			8 => "",
		),
		"SET_BROWSER_TITLE" => "N",
		"SET_CANONICAL_URL" => "N",
		"SET_LAST_MODIFIED" => "N",
		"SET_META_DESCRIPTION" => "N",
		"SET_META_KEYWORDS" => "N",
		"SET_STATUS_404" => "N",
		"SET_TITLE" => "N",
		"SHOW_404" => "N",
		"STRICT_SECTION_CHECK" => "N",
		"USE_PERMISSIONS" => "N",
		"USE_SHARE" => "N",
		"COMPONENT_TEMPLATE" => "header_lead"
	),
	false
);?>
    <?php endif; ?>
<?php if ($curPage === '/'): ?>
    </div>
<?php endif; ?>
<main class="content" id="content">
