/* Start:/index26/dist/css/hf.css?179028237227479*/
@charset "UTF-8";
/* AVATECH 2026 — шапка и подвал для шаблона Битрикса avatech2026.
   Вход сборки: dist/css/hf.css. Подключается в header.php шаблона.
   Scope-префикс .ava26 НЕ нужен: в шаблоне avatech2026 CSS темы Aspro
   не подключается, конфликтовать не с чем. Разметка шапки/подвала лежит
   внутри обёртки .ava26 (открывает header.php шаблона).

   ВАЖНО: сюда нельзя подключать about/_base.scss (кнопки .btn и пр.) —
   Битрикс печатает бандл страницы (index.css) ДО бандла шаблона, и при
   равной специфичности базовые .ava26 .btn { background:none } перебили
   бы блочные .ava26 .btn-send. Здесь — только то, что нужно шапке/подвалу;
   дубли правил index.css безопасны: значения совпадают. */
/* AVATECH 2026 — переменные проекта
   Значения из макета Figma (канвас 3840px), пересчитаны в px десктопной
   вёрстки 1600px: значение макета × 0.4167. Адаптив — через respond(). */
/* Цвета из макета */
/* Типографика (размеры макета × 0.4167) */
/* Миксины и брейкпоинты (desktop-first). */
/* AVATECH 2026 — шапка и подвал для шаблона Битрикса avatech2026.
   Вход сборки: dist/css/hf.css. Подключается в header.php шаблона.
   Scope-префикс .ava26 НЕ нужен: в шаблоне avatech2026 CSS темы Aspro
   не подключается, конфликтовать не с чем. Разметка шапки/подвала лежит
   внутри обёртки .ava26 (открывает header.php шаблона).

   ВАЖНО: сюда нельзя подключать about/_base.scss (кнопки .btn и пр.) —
   Битрикс печатает бандл страницы (index.css) ДО бандла шаблона, и при
   равной специфичности базовые .ava26 .btn { background:none } перебили
   бы блочные .ava26 .btn-send. Здесь — только то, что нужно шапке/подвалу;
   дубли правил index.css безопасны: значения совпадают. */
/* 1. ШАПКА «Меню» */
.header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #FFFFFF;
  transition: box-shadow 0.3s ease;
}

.header.scrolled {
  box-shadow: 0 4.17px 12.5px rgba(23, 63, 110, 0.12);
}

.header-top {
  display: flex;
  align-items: center;
  padding: 42.5px 0 0;
}

.header-logo {
  flex: none;
  margin-right: 43.5px;
}

.header-logo img {
  width: 275.39px; /* bounding-box ~275px */
}

.header-top-nav {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-right: 13.75px;
  font-size: 15.83px;
  color: #173F6E;
  text-transform: uppercase;
  white-space: nowrap;
}

.header-sep {
  color: #173F6E;
}

.header-main-nav .header-sep {
  color: #000000;
  opacity: 0.3;
}

.header-location {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-right: 4.17px;
  font-size: 15.83px;
  color: #173F6E;
  white-space: nowrap;
  /* может сжиматься с многоточием: на узких десктопах (1281–1330)
     адрес уступает место телефону, а не выталкивает его за край */
  min-width: 0;
}

.header-location span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.header-location img {
  width: 16.48px;
  opacity: 1;
}

.header-phone {
  display: flex;
  align-items: center;
  gap: 1.67px;
  font-size: 20px;
  font-weight: 500;
  color: #173F6E;
  white-space: nowrap;
}

.header-phone img {
  width: 26.67px;
  height: 24px;
  margin: 0px 8px 0px 24px;
}

.header-line {
  height: 0.83px;
  background: rgba(23, 63, 110, 0.3);
  /* линия от начала навигации до правого края контейнера */
  margin-left: 318.86px;
  margin-right: -133.75px;
}

.header-bottom {
  display: flex;
  align-items: center;
  padding: 18.75px 0 20.84px;
}

.header-main-nav {
  display: flex;
  align-items: center;
  gap: 11.67px;
  margin-left: 318.79px;
  font-size: 15.83px;
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
  white-space: nowrap;
}

.header-main-nav a {
  position: relative;
}

.header-main-nav a:hover {
  color: #173F6E;
}

.header-search {
  margin-left: auto;
}

.header-search img {
  width: 25px;
}

/* Выпадающее меню */
.header-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-top: 0.83px solid rgba(23, 63, 110, 0.3);
  box-shadow: 0 12.5px 20.84px rgba(0, 0, 0, 0.08);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.header-dropdown.open {
  max-height: 291.69px;
}

.dropdown-cols {
  display: block;
  padding: 25px 0;
}

.dropdown-cols .dropdown-col {
  display: none;
}

.dropdown-cols .dropdown-col.active {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 340px));
  gap: 0 33.34px;
}

.dropdown-col h4 {
  font-size: 16.67px;
  font-weight: 700;
  color: #173F6E;
  margin-bottom: 12.5px;
  line-height: 1.35;
}

.dropdown-col ul li {
  margin-bottom: 7.5px;
}

.dropdown-col ul a {
  font-size: 15.83px;
  color: #000000;
  line-height: 1.4;
}

.dropdown-col ul a:hover {
  color: #173F6E;
}

/* Адаптив */
/* xl (1281–1600): макет рассчитан на 1600, на узких десктопах ужимаем
   лого и шрифты, иначе телефон и «ПРОЕКТЫ» обрезаются краем экрана */
@media (max-width: 1600px) {
  .header-top {
    padding-top: 32px;
  }
  .header-logo {
    margin-right: 32px;
  }
  .header-logo img {
    width: 220px;
  }
  .header-top-nav {
    gap: 12px;
    font-size: 13px;
  }
  .header-location {
    font-size: 13px;
  }
  .header-phone {
    flex: none;
    font-size: 18px;
  }
  .header-phone img {
    margin-left: 16px;
  }
  /* левый край линии/меню = лого 220 + отступ 32 */
  .header-line {
    margin-left: 252px;
  }
  .header-main-nav {
    margin-left: 252px;
    gap: 10px;
    font-size: 13px;
  }
}
@media (max-width: 1280px) {
  .header-top {
    padding-top: 24px;
  }
  .header-logo {
    margin-right: 32px;
  }
  .header-logo img {
    width: 220px;
  }
  .header-top-nav {
    gap: 16px;
    font-size: 13px;
  }
  .header-location {
    display: none;
  }
  .header-phone {
    margin-left: auto;
    font-size: 18px;
  }
  .header-line {
    margin-left: 252px;
    margin-right: -64px;
  }
  .header-main-nav {
    margin-left: 252px;
    font-size: 13px;
    gap: 10px;
    white-space: normal;
    flex-wrap: wrap;
    row-gap: 6px;
  }
}
@media (max-width: 1024px) {
  .header-top {
    padding: 16px 0;
  }
  .header-logo {
    margin-right: 0;
  }
  .header-logo img {
    width: 180px;
  }
  /* навигация скрыта до появления мобильного меню */
  .header-top-nav,
  .header-location,
  .header-line,
  .header-bottom,
  .header-dropdown {
    display: none;
  }
  .header-phone {
    margin-left: auto;
    font-size: 17px;
  }
  /* height: auto нельзя: у phone-t1.svg пропорция 21×55, при ширине 22px
     высота вылезает в ~58px. Задаём обе размерности, как на десктопе */
  .header-phone img {
    width: 20px;
    height: 22px;
    margin: 0 8px 0 0;
  }
}
@media (max-width: 480px) {
  .header-logo img {
    width: 140px;
  }
  .header-phone {
    font-size: 14px;
  }
}
/* AVATECH 2026 — шапка и подвал для шаблона Битрикса avatech2026.
   Вход сборки: dist/css/hf.css. Подключается в header.php шаблона.
   Scope-префикс .ava26 НЕ нужен: в шаблоне avatech2026 CSS темы Aspro
   не подключается, конфликтовать не с чем. Разметка шапки/подвала лежит
   внутри обёртки .ava26 (открывает header.php шаблона).

   ВАЖНО: сюда нельзя подключать about/_base.scss (кнопки .btn и пр.) —
   Битрикс печатает бандл страницы (index.css) ДО бандла шаблона, и при
   равной специфичности базовые .ava26 .btn { background:none } перебили
   бы блочные .ava26 .btn-send. Здесь — только то, что нужно шапке/подвалу;
   дубли правил index.css безопасны: значения совпадают. */
/* Строка поиска в шапке (открывается по иконке) */
.header-search {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.header-searchbar {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-top: 0.83px solid rgba(23, 63, 110, 0.3);
  box-shadow: 0 12.5px 20.84px rgba(0, 0, 0, 0.08);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.header-searchbar.open {
  max-height: 100px;
}

.header-searchbar-form {
  display: flex;
  align-items: center;
  gap: 16.67px;
  padding: 20.84px 0;
}

.header-searchbar-form input[name=q] {
  flex: 1;
  min-width: 0;
  height: 45.84px;
  padding: 0 16.67px;
  border: 0.83px solid rgba(23, 63, 110, 0.3);
  border-radius: 4.17px;
  font-family: inherit;
  font-size: 16.67px;
  color: #000000;
  outline: none;
}

.header-searchbar-form input[name=q]:focus {
  border-color: #173F6E;
}

.header-searchbar-submit {
  flex: none;
  height: 45.84px;
  padding: 0 33.34px;
  border: 0;
  border-radius: 4.17px;
  background: #173F6E;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 14.17px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

.header-searchbar-submit:hover {
  opacity: 0.85;
}

.header-searchbar-close {
  position: relative;
  flex: none;
  width: 29.17px;
  height: 29.17px;
  background: none;
  border: 0;
  cursor: pointer;
}
.header-searchbar-close::before, .header-searchbar-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20.84px;
  height: 1.67px;
  background: #173F6E;
}
.header-searchbar-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.header-searchbar-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* AVATECH 2026 — шапка и подвал для шаблона Битрикса avatech2026.
   Вход сборки: dist/css/hf.css. Подключается в header.php шаблона.
   Scope-префикс .ava26 НЕ нужен: в шаблоне avatech2026 CSS темы Aspro
   не подключается, конфликтовать не с чем. Разметка шапки/подвала лежит
   внутри обёртки .ava26 (открывает header.php шаблона).

   ВАЖНО: сюда нельзя подключать about/_base.scss (кнопки .btn и пр.) —
   Битрикс печатает бандл страницы (index.css) ДО бандла шаблона, и при
   равной специфичности базовые .ava26 .btn { background:none } перебили
   бы блочные .ava26 .btn-send. Здесь — только то, что нужно шапке/подвалу;
   дубли правил index.css безопасны: значения совпадают. */
/* Мобильное меню шаблона avatech2026.
   Панель по образцу старой темы Aspro (#mobilemenu: слайд слева, крестик
   справа сверху, жирные пункты 18px, блок контактов внизу), но своя
   реализация — без jQuery/аякс-блоков темы. Логика: modules/mobile-menu.js.
   Бургер и панель видны только ≤md (1024px), где скрыта десктопная навигация. */
.header-burger {
  display: none;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 6px;
  padding: 0;
  border: 0;
  background: none;
  color: #173F6E;
  cursor: pointer;
}

.mobile-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 190;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-menu-backdrop.open {
  opacity: 1;
  visibility: visible;
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 200;
  width: min(320px, 86vw);
  background: #FFFFFF;
  transform: translateX(-105%);
  visibility: hidden;
  transition: transform 0.3s ease, visibility 0.3s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mobile-menu.open {
  transform: translateX(0);
  visibility: visible;
}

/* блокировка прокрутки страницы при открытой панели */
body.mobile-menu-opened {
  overflow: hidden;
}

.mobile-menu-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: none;
  color: #999;
  cursor: pointer;
}
.mobile-menu-close:hover {
  color: #173F6E;
}

.mobile-menu-inner {
  padding: 28px 0 32px;
}

.mobile-menu-list {
  list-style: none;
}

.mobile-menu-list a {
  display: block;
  padding: 13px 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: #000000;
  transition: background 0.2s ease, color 0.2s ease;
}

.mobile-menu-list a:hover {
  background: rgba(167, 198, 234, 0.1);
  color: #173F6E;
}

.mobile-menu-list--secondary {
  margin-top: 16px;
  padding-top: 8px;
  border-top: 0.83px solid rgba(23, 63, 110, 0.3);
}
.mobile-menu-list--secondary a {
  font-size: 16px;
  font-weight: 400;
  color: #666;
}

.mobile-menu-contacts {
  margin-top: 24px;
  padding: 20px 24px 0;
  border-top: 0.83px solid rgba(23, 63, 110, 0.3);
}
.mobile-menu-contacts a {
  display: block;
  color: #000000;
}
.mobile-menu-contacts .mobile-menu-phone {
  font-size: 20px;
  font-weight: 700;
  color: #173F6E;
}
.mobile-menu-contacts .mobile-menu-mail {
  margin-top: 10px;
  font-size: 16px;
}
.mobile-menu-contacts p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}

/* Бургер появляется там, где десктопная навигация скрывается */
@media (max-width: 1024px) {
  .header-burger {
    display: inline-flex;
  }
}
/* На десктопе панель недоступна, в т.ч. для фокуса с клавиатуры */
@media (min-width: 1025px) {
  .mobile-menu,
  .mobile-menu-backdrop {
    display: none;
  }
}
/* AVATECH 2026 — шапка и подвал для шаблона Битрикса avatech2026.
   Вход сборки: dist/css/hf.css. Подключается в header.php шаблона.
   Scope-префикс .ava26 НЕ нужен: в шаблоне avatech2026 CSS темы Aspro
   не подключается, конфликтовать не с чем. Разметка шапки/подвала лежит
   внутри обёртки .ava26 (открывает header.php шаблона).

   ВАЖНО: сюда нельзя подключать about/_base.scss (кнопки .btn и пр.) —
   Битрикс печатает бандл страницы (index.css) ДО бандла шаблона, и при
   равной специфичности базовые .ava26 .btn { background:none } перебили
   бы блочные .ava26 .btn-send. Здесь — только то, что нужно шапке/подвалу;
   дубли правил index.css безопасны: значения совпадают. */
/* Модальное окно с веб-формой (кнопки data-form на страницах) */
.ava26-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(23, 63, 110, 0.45);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s;
}

.ava26-modal.open {
  opacity: 1;
  visibility: visible;
}

body.ava26-modal-opened {
  overflow: hidden;
}

.ava26-modal-window {
  position: relative;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
  background: #FFFFFF;
  border-radius: 8.34px;
  padding: 41.67px;
  transform: translateY(12.5px);
  transition: transform 0.25s ease;
}

.ava26-modal.open .ava26-modal-window {
  transform: none;
}

.ava26-modal-close {
  position: absolute;
  top: 16.67px;
  right: 16.67px;
  width: 29.17px;
  height: 29.17px;
  background: none;
  border: 0;
  cursor: pointer;
}
.ava26-modal-close::before, .ava26-modal-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20.84px;
  height: 1.67px;
  background: #173F6E;
}
.ava26-modal-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.ava26-modal-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.ava26-modal-loading {
  padding: 41.67px 0;
  text-align: center;
  color: #173F6E;
}

/* Форма (шаблон ava26 компонента bitrix:form.result.new) */
.ava26-form-title {
  font-size: 24.17px;
  font-weight: 700;
  color: #264B77;
  margin-bottom: 20.84px;
}

.ava26-form-errors {
  margin-bottom: 16.67px;
  padding: 12.5px 14.59px;
  border-radius: 4.17px;
  background: #FDECEC;
  color: #A00;
  font-size: 15.83px;
}

.ava26-form-field {
  margin-bottom: 16.67px;
}
.ava26-form-field input[type=text],
.ava26-form-field input[type=email],
.ava26-form-field input[type=tel],
.ava26-form-field input:not([type]),
.ava26-form-field textarea,
.ava26-form-field select {
  width: 100%;
  padding: 12.5px 14.59px;
  border: 0.83px solid rgba(23, 63, 110, 0.3);
  border-radius: 4.17px;
  background: #FFFFFF;
  font-family: inherit;
  font-size: 16.67px;
  color: #000000;
  outline: none;
}
.ava26-form-field input[type=text]:focus,
.ava26-form-field input[type=email]:focus,
.ava26-form-field input[type=tel]:focus,
.ava26-form-field input:not([type]):focus,
.ava26-form-field textarea:focus,
.ava26-form-field select:focus {
  border-color: #173F6E;
}
.ava26-form-field textarea {
  min-height: 100px;
  resize: vertical;
}
.ava26-form-field.error input,
.ava26-form-field.error textarea,
.ava26-form-field.error select {
  border-color: #C00;
}

.ava26-form-label {
  display: block;
  font-size: 15.83px;
  color: #173F6E;
  margin-bottom: 6.25px;
}

.ava26-form-req {
  color: #C00;
  margin-left: 4.17px;
}

.ava26-form-footer {
  margin-top: 20.84px;
}

.ava26-form-btn {
  width: 100%;
  justify-content: center;
}

/* Чекбоксы согласия и политики — обязательны, по умолчанию сняты;
   без них HTML5-валидация не даёт отправить форму */
.ava26-form-check {
  display: flex;
  align-items: flex-start;
  gap: 8.33px;
  margin-bottom: 12.5px;
  font-size: 13.34px;
  line-height: 1.5;
  color: #666;
  cursor: pointer;
}
.ava26-form-check input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.ava26-form-check a {
  color: #173F6E;
  text-decoration: underline;
}

.ava26-form-check-box {
  position: relative;
  flex: none;
  width: 16.67px;
  height: 16.67px;
  margin-top: 1.67px;
  border: 0.83px solid rgba(23, 63, 110, 0.3);
  border-radius: 2.08px;
  background: #FFFFFF;
}

.ava26-form-check input:checked + .ava26-form-check-box {
  background: #173F6E;
  border-color: #173F6E;
}
.ava26-form-check input:checked + .ava26-form-check-box::after {
  content: "";
  position: absolute;
  left: 4.58px;
  top: 1.25px;
  width: 4.58px;
  height: 9.17px;
  border: solid #FFFFFF;
  border-width: 0 1.67px 1.67px 0;
  transform: rotate(45deg);
}

.ava26-form-check input:focus-visible + .ava26-form-check-box {
  outline: 2px solid rgba(23, 63, 110, 0.4);
  outline-offset: 1px;
}

.ava26-form-success {
  text-align: center;
  padding: 20.84px 0;
}

.ava26-form-success-text {
  margin-bottom: 25px;
}

@media (max-width: 768px) {
  .ava26-modal-window {
    padding: 28px 20px;
  }
}
/* AVATECH 2026 — шапка и подвал для шаблона Битрикса avatech2026.
   Вход сборки: dist/css/hf.css. Подключается в header.php шаблона.
   Scope-префикс .ava26 НЕ нужен: в шаблоне avatech2026 CSS темы Aspro
   не подключается, конфликтовать не с чем. Разметка шапки/подвала лежит
   внутри обёртки .ava26 (открывает header.php шаблона).

   ВАЖНО: сюда нельзя подключать about/_base.scss (кнопки .btn и пр.) —
   Битрикс печатает бандл страницы (index.css) ДО бандла шаблона, и при
   равной специфичности базовые .ava26 .btn { background:none } перебили
   бы блочные .ava26 .btn-send. Здесь — только то, что нужно шапке/подвалу;
   дубли правил index.css безопасны: значения совпадают. */
/* 13. ПОДВАЛ */
.footer {
  background: #FFFFFF;
  padding: 0px 0 0px;
}

.footer-main {
  display: grid;
  grid-template-columns: max((100vw - 1600px) / 2 + 422.33px, 422.33px) 784.44px 1fr;
  align-items: stretch;
}

.footer-side {
  background: rgba(167, 198, 234, 0.2);
  display: flex;
  align-items: flex-start;
}

.footer-side-left {
  justify-content: flex-end;
  padding-right: 37.29px;
}

.footer-side-right {
  justify-content: flex-start;
  padding-left: 32.92px;
}

.footer-side .footer-col {
  /* width: 172.93px; */
}

.footer-side-left .footer-col {
  width: 239.19px;
}

.footer-side-left, .footer-side-right, .footer-center {
  padding-top: 64px;
}

.footer-center {
  background: #FFFFFF;
  display: grid;
  grid-template-columns: 340.44px 390.45px;
  gap: 25px;
  padding-left: 79.17px;
}

.footer-col h4 {
  font-size: 16.67px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 16.67px;
}

.footer-col ul li {
  margin-bottom: 9.17px;
}

.footer-col ul a,
.footer-contacts p {
  font-size: 16.67px;
  color: #000000;
  line-height: 1.5;
}

.footer-col ul a:hover {
  color: #173F6E;
}

.footer-contacts {
  display: flex;
  flex-direction: column;
}

.footer-contact-row {
  display: flex;
  align-items: flex-start;
  gap: 10.42px;
  margin-bottom: 16.67px;
}

.footer-contact-icon {
  flex: none;
  width: 26.67px;
  height: 26.67px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.5px;
}

.footer-contact-icon img {
  width: 20px;
}

.footer-contacts .footer-phone {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
}

.footer-contact-row a,
.footer-contact-row p {
  font-size: 16.67px;
  color: #000000;
  line-height: 1.5;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16.67px;
  margin-top: 0px;
  padding: 16px 0;
  font-size: 16.67px;
  color: #000000;
}

.footer-bottom a:hover {
  color: #173F6E;
}

/* Адаптив */
/* xl (1281–1600): фиксированные 422+784px и внутренние 340/390px требуют
   ~1210px, на узких десктопах правая колонка контактов уезжает за край.
   Те же пропорции во fr — на 1600 вид как в макете, ниже колонки сжимаются */
@media (max-width: 1600px) {
  .footer-main {
    grid-template-columns: minmax(220px, 1.07fr) minmax(0, 2fr) minmax(200px, 1fr);
  }
  .footer-center {
    grid-template-columns: minmax(0, 0.87fr) minmax(0, 1fr);
    padding-left: 48px;
    padding-right: 24px;
  }
}
@media (max-width: 1280px) {
  .footer-main {
    grid-template-columns: minmax(200px, 1fr) minmax(0, 2fr) minmax(200px, 1fr);
  }
  .footer-side-left {
    padding-left: 64px;
    padding-right: 24px;
    justify-content: flex-start;
  }
  .footer-side-right {
    padding-right: 64px;
    padding-left: 24px;
  }
  .footer-side-left .footer-col {
    width: auto;
  }
  .footer-center {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 1024px) {
  .footer-main {
    grid-template-columns: 1fr;
  }
  .footer-side-left, .footer-side-right {
    padding: 32px 40px;
    justify-content: flex-start;
  }
  .footer-side-left .footer-col {
    width: auto;
  }
  .footer-center {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    padding: 32px 40px;
  }
}
@media (max-width: 768px) {
  .footer-side-left, .footer-side-right {
    padding: 24px;
  }
  .footer-center {
    grid-template-columns: 1fr;
    padding: 24px;
  }
  .footer-bottom {
    flex-direction: column;
    gap: 8px;
    align-items: center;
    /* text-align центрирует переносы внутри копирайта: без него
       items центрированы, а строки внутри span — по левому краю */
    text-align: center;
    font-size: 13.34px;
    padding: 12px 0;
  }
}
body {
  margin: 0;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16.67px;
  line-height: 1.5;
  color: #000000;
  background: #FFFFFF;
  overflow-x: clip;
}

html {
  scroll-behavior: smooth;
}

.ava26,
.ava26 *,
.ava26 *::before,
.ava26 *::after {
  box-sizing: border-box;
}

/* Мини-база для шапки/подвала (значения совпадают с about/_base.scss).
   :where() даёт нулевую специфичность: Битрикс печатает hf.css ПОСЛЕ бандла
   страницы (about.css/index.css), и даже равная специфичность перебивала бы
   блочные правила (.about-geo-text margin-top, .about-coop-btn color). */
:where(.ava26 img) {
  max-width: 100%;
  display: block;
}

:where(.ava26 h1, .ava26 h2, .ava26 h3, .ava26 h4, .ava26 h5, .ava26 p, .ava26 ul, .ava26 ol) {
  margin: 0;
  padding: 0;
}

:where(.ava26 ul) {
  list-style: none;
}

:where(.ava26 a) {
  color: inherit;
  text-decoration: none;
}

.ava26 {
  /* Контейнер — как в bitrix/_scope.scss */
}
.ava26 .container {
  max-width: 1600px;
  margin: 0 auto;
  padding-left: 145.85px;
  padding-right: 133.76px;
}
@media (max-width: 1280px) {
  .ava26 .container {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (max-width: 1024px) {
  .ava26 .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .ava26 .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 480px) {
  .ava26 .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* End */
/* /index26/dist/css/hf.css?179028237227479 */