/* Start:/bitrix/templates/2025/template_styles.css?17699430846577*/
   /* =========================
       1) Поиск в шапке (минимализм)
       ========================= */
    .header-right {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 18px;
      flex-wrap: wrap;
    }

    .header-search {
      flex: 0 0 auto;
    }

    .header-search form {
      position: relative;
      display: flex;
      align-items: center;
    }

    .header-search input {
      width: 220px;
      height: 36px;
      padding: 0 36px 0 12px;
      border-radius: 8px;
      border: 1px solid #e5e7eb;
      background: #f3f4f6;
      color: #111827;
      font-size: 13px;
      font-weight: 500;
      transition: border-color .15s ease, background .15s ease;
    }
    .header-search input::placeholder { color: #6b7280; }
    .header-search input:focus {
      outline: none;
      background: #fff;
      border-color: #0c7e7d;
    }

    .header-search button {
      position: absolute;
      right: 8px;
      top: 50%;
      transform: translateY(-50%);
      border: none;
      background: transparent;
      color: #6b7280;
      cursor: pointer;
      font-size: 14px;
      padding: 0;
    }
    .header-search button:hover { color: #0c7e7d; }

    @media (max-width: 992px) {
      .header-search { display: none; } /* можно потом добавить в мобильное меню */
    }

    /* =========================
       2) Выравнивание меню + иконок
       ========================= */
    .mainmenu #navigation {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
    }
    .mainmenu #navigation > li {
      list-style: none;
    }

    .nav-icon-link img {
      display: block;
      width: 36px;
      height: 36px;
      object-fit: contain;
    }

    /* =========================
       3) Панель слабовидящих (минимально)
       ========================= */
    .access-panel {
      display: none;
      gap: 10px;
      padding: 10px;
      margin-top: 8px;
      border: 1px solid #e5e7eb;
      border-radius: 10px;
      background: #fff;
    }
    .access-panel.is-open { display: flex; flex-wrap: wrap; }

    .access-block {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      font-weight: 500;
    }
    .access-block button {
      border: 1px solid #e5e7eb;
      background: #f3f4f6;
      border-radius: 6px;
      padding: 6px 8px;
      cursor: pointer;
      font-weight: 600;
    }
    .access-block button.active {
      border-color: #0c7e7d;
      background: #e7f6f6;
    }

    /* =========================
       4) Баннер + текст (чисто)
       ========================= */
    .banner-main {
      position: relative;
      width: 100%;
      height: 300px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      text-align: center;
      z-index: 1;
    }

    .banner-main::before {
      content: "";
      position: absolute;
      inset: 0;
      /* ВАЖНО: пробелы — через %20, никаких обратных слэшей */
      background: url("/bitrix/templates/2025/assets/img/%D0%BF%D1%80%D0%B5%D0%B2%D1%8C%D1%8E%20%D0%B1%D0%B0%D0%BD%D0%BD%D0%B5%D1%80%20%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F%20%D1%84%D0%BE%D0%BD%D0%B1%20(2).jpg") center/cover no-repeat;
      z-index: -1;
      filter: saturate(1.05);
    }

    .typing-title {
      font-size: 48px;
      font-weight: 800;
      text-shadow: 3px 3px 10px rgba(0,0,0,.55);
      padding: 0 12px;
    }

    @media (max-width: 576px){
      .typing-title { font-size: 32px; }
      .banner { height: 220px; }
    }

    /* курсор */
    .typing-title .cursor {
      display: inline-block;
      width: 10px;
      margin-left: 6px;
      border-right: 3px solid #00a0a0;
      animation: blink 0.85s step-end infinite;
    }
    @keyframes blink { 50% { opacity: 0; } }


  /* Стили для кнопки возврата вверх */
    #scrollToTop {
        position: fixed;
        bottom: 20px;
        right: 20px; /* Кнопка теперь закреплена в левом нижнем углу */
        background-color: #008080;
        color: white;
        border: none;
        padding: 10px;
        border-radius: 50%; /* Закругленные края */
        cursor: pointer;
        display: none; /* Кнопка изначально скрыта */
    }

        /* Стили для изображения внутри кнопки */
        #scrollToTop img {
            width: 20px; /* Устанавливаем ширину изображения */
            height: 20px; /* Устанавливаем высоту изображения */
            display: block;
            margin: auto; /* Центрируем изображение внутри кнопки */
        }

           .banner-container {
                display: flex;
                justify-content: center;
            }

            /* Стиль для баннера */
            .banner {
                background-color: #e3eded;
                width: 80%;
                padding: 70px;
                margin: 20px 0;
                text-align: left;
                border-radius: 10px;
                animation: slideDown 1s ease;
            }

                .banner p {
                    margin: 0;
                    font-size: 14px;
                    color: #666;
                }

                .banner h1 {
                    font-size: 40px;
                    margin: 30px 0;
                    color: #333;
                }

                .banner .btn {
                    padding: 10px 20px;
                    font-size: 16px;
                    color: #fff;
                    background-color: #333;
                    border: none;
                    border-radius: 25px;
                    cursor: pointer;
                    transition: background-color 0.3s ease;
                }

                    .banner .btn:hover {
                        background-color: #555;
                    }

    .doc-image {
      display: block;
      width: 150px;
      height: 150px;
      background-image: url('/test/assets/img/Доки.png');
      background-size: cover;
      background-position: center;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
      transition: transform 0.4s ease-in-out;
      margin-bottom: 10px;
    }
/* End */
/* /bitrix/templates/2025/template_styles.css?17699430846577 */