/* Start:/index26/dist/css/infracc.css?179233545544608*/
@charset "UTF-8";
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* AVATECH 2026 — переменные проекта
   Значения из макета Figma (канвас 3840px), пересчитаны в px десктопной
   вёрстки 1600px: значение макета × 0.4167. Адаптив — через respond(). */
/* Цвета из макета */
/* Типографика (размеры макета × 0.4167) */
/* Миксины и брейкпоинты (desktop-first). */
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* База для страницы «О компании» в Битриксе (шаблон Aspro).
   Всё изолировано под обёрткой .ava26, чтобы не конфликтовать
   со стилями Bootstrap и Aspro (.container, .btn и т.д.). */
.ava26 {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16.67px;
  line-height: 1.5;
  color: #000000;
  /* Кнопки — изолированные копии .btn/.btn-text из base/_buttons.scss */
}
.ava26 .btn {
  display: inline-flex;
  align-items: center;
  gap: 8.33px;
  font-family: inherit;
  font-size: 14.17px;
  font-weight: 700;
  line-height: 1;
  padding: 4.58px 11.25px;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  cursor: pointer;
  white-space: nowrap;
}
.ava26 .btn img {
  width: 5px;
  flex: none;
}
.ava26 .btn-text {
  background: transparent;
  color: #173F6E;
  padding: 0;
  gap: 6.25px;
}
.ava26 .btn-text:hover {
  opacity: 0.75;
}
.ava26 .btn-fill {
  background: rgba(23, 63, 110, 0.15);
  color: #173F6E;
  min-height: 45.84px;
  padding: 0px 32px;
}
.ava26 {
  /* Два класса: в теме Aspro есть .btn.btn-white той же специфичности,
     что .ava26 .btn-white, и она грузится позже — нужен перевес. */
}
.ava26 .btn.btn-white {
  background: #FFFFFF;
  color: #173F6E;
}
.ava26 {
  /* Ripple-эффект кнопок — как в blocks/_banner.scss главной
     (порт vendor/css/ripple.css темы Aspro). Класс .btn-ripple вешается
     в разметке (кнопки «Обсудить проект», «Обсудить сотрудничество», …),
     круги по наведению добавляет modules/ripple.js из template-main.js. */
}
.ava26 .btn-ripple.has-ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.ava26 .btn-ripple .ripple {
  display: block;
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  transform: scale(0);
  background: #fff;
  opacity: 1;
}
.ava26 .btn-ripple .ripple-animate {
  animation: ripple;
}
@media (max-width: 768px) {
  .ava26 .btn {
    font-size: 13px;
  }
  .ava26 .btn-fill {
    min-height: 40px;
    padding: 0 20px;
  }
}

/* Ключи анимации ripple — на корне, вне .ava26 ( Sass не вынесет
   @keyframes из вложенности сам, а вложенные ключи невалидны) */
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
/* Ресеты с нулевой специфичностью (:where), чтобы не перевешивать
   одноклассовые правила блоков (margin-top у intro-текстов, color у кнопок);
   в Битриксе поверх грузится hf.css шаблона с такими же нулевыми ресетами. */
: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;
}

/* Контейнер — изолированная копия .container из base/_typography.scss */
.ava-container {
  max-width: 1600px;
  margin: 0 auto;
  padding-left: 145.85px;
  padding-right: 133.76px;
}
@media (max-width: 1280px) {
  .ava-container {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (max-width: 1024px) {
  .ava-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .ava-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 480px) {
  .ava-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 1. БЛОК-1 «Баннер Главн» (страница «INFRA CC», Figma 2224-130)
   Макет 3840px → 1600px (×0.4167): высота 1200→500px, фото справа
   x=1208, w=2632 (55%), текст x=350 (совпадает с .ava-container).
   Заголовок y=265 → 110px, текст y=615 → 256px, кнопка y=905 → 377px. */
.infracc-hero {
  position: relative;
  min-height: 500px;
  background: #FFFFFF;
  overflow: hidden;
}

.infracc-hero-photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 55%;
}
.infracc-hero-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Подложка блок-1: белый градиент 47%→65% поверх фото,
   граница мягко растворяется к левому краю */
.infracc-hero-fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, white 47%, rgba(255, 255, 255, 0) 65%);
  pointer-events: none;
}

/* Подложка с оттенком блок-1: rgba(167,198,234,0.1) поверх всей секции */
.infracc-hero-tint {
  position: absolute;
  inset: 0;
  background: rgba(167, 198, 234, 0.1);
  pointer-events: none;
}

.infracc-hero-container {
  position: relative;
  z-index: 2;
  padding-top: 110px;
}

.infracc-hero-title {
  font-size: 33.34px;
  font-weight: 700;
  color: #555555;
  line-height: 1.22;
  max-width: 690px;
  /* «INFRA CC —» в макете капсом (opentype DNOM), остальные строки — строчные */
}
.infracc-hero-title .infracc-hero-brand {
  text-transform: uppercase;
}
.infracc-hero-title {
  /* Перенос строки как в макете; на узких экранах — естественный */
}
@media (max-width: 1024px) {
  .infracc-hero-title br {
    display: none;
  }
}

.infracc-hero-text {
  margin-top: 23px;
  font-size: 20.84px;
  line-height: 29.17px;
  color: #000000;
  max-width: 690px;
}

/* Кнопка «Обсудить проект» под текстом хиро — открывает веб-форму (data-form) */
.infracc-hero-btn {
  margin-top: 33.3px;
}

/* Адаптив */
@media (max-width: 1280px) {
  .infracc-hero {
    min-height: 440px;
  }
  .infracc-hero-container {
    padding-top: 90px;
  }
  .infracc-hero-photo {
    width: 48%;
  }
  .infracc-hero-title {
    font-size: 28px;
    max-width: 560px;
  }
  .infracc-hero-text {
    font-size: 18px;
    line-height: 1.45;
    max-width: 540px;
  }
}
@media (max-width: 1024px) {
  .infracc-hero {
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .infracc-hero-container {
    order: 1;
    padding-top: 64px;
    padding-bottom: 48px;
  }
  .infracc-hero-photo {
    order: 2;
    position: static;
    width: 100%;
    height: 300px;
  }
  .infracc-hero-fade {
    display: none;
  }
  .infracc-hero-title {
    font-size: 24px;
  }
  .infracc-hero-text {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .infracc-hero-container {
    padding-top: 48px;
    padding-bottom: 40px;
  }
  .infracc-hero-photo {
    height: 240px;
  }
  .infracc-hero-title {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .infracc-hero-photo {
    height: 190px;
  }
  .infracc-hero-title {
    font-size: 18px;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 2. БЛОК-2 «Синяя плашка преимуществ» (Figma 2171-134)
   Макет 3840×400 → 1600×167px, подложка $blue, текст белый 55px Regular
   в 2 строки, пункты от x=350/893/2009/3082, между ними вертикальные
   линии (3px в макете). */
.infracc-strip {
  background: #173F6E;
}

.infracc-strip-container {
  display: flex;
  align-items: stretch;
  padding-top: 55px;
  padding-bottom: 55px;
}

.infracc-strip-item {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  font-size: 22.92px;
  line-height: 1.25;
  color: #FFFFFF;
  padding-left: 32px;
  padding-right: 30px;
  border-left: 2px solid rgba(255, 255, 255, 0.7);
}
.infracc-strip-item:nth-child(2), .infracc-strip-item:nth-child(3) {
  flex-grow: 2.2;
}
.infracc-strip-item:first-child {
  padding-left: 0;
  border-left: none;
}
.infracc-strip-item:last-child {
  padding-right: 0;
}

/* Адаптив */
@media (max-width: 1024px) {
  .infracc-strip-container {
    flex-wrap: wrap;
    row-gap: 28px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .infracc-strip-item {
    flex: 1 1 40%;
    font-size: 18px;
  }
  .infracc-strip-item:nth-child(2), .infracc-strip-item:nth-child(3) {
    flex-grow: 2.2;
  }
}
@media (max-width: 768px) {
  .infracc-strip-container {
    flex-direction: column;
    row-gap: 0;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .infracc-strip-item {
    font-size: 16px;
    padding: 16px 0;
    border-left: none;
    border-top: 2px solid rgba(255, 255, 255, 0.7);
  }
  .infracc-strip-item:first-child {
    padding-top: 0;
    border-top: none;
  }
  .infracc-strip-item:last-child {
    padding-bottom: 0;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 3. БЛОК-3 «INFRA CC — единый центр управления зданием» (Figma 2171-112)
   Белый фон, заголовок y=210 → 88px, 76px Bold $blue → $fs-title,
   текст y=435 → 50px/72px Regular, w=3140 → 1308px.
   Ниже текста — схема инженерных систем (w=2775 → 1156px, по центру). */
.infracc-about {
  background: #FFFFFF;
  padding-top: 88px;
  padding-bottom: 120px;
}

.infracc-about-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
  max-width: 1124px;
}

.infracc-about-text {
  margin-top: 55px;
  max-width: 1308px;
}
.infracc-about-text p {
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}
.infracc-about-text p + p {
  margin-top: 30px;
}

/* Схема инженерных систем под текстом — по центру, 72% ширины */
.infracc-about-scheme {
  display: block;
  width: 72%;
  max-width: 1156px;
  height: auto;
  margin: 60px auto 0;
}

/* Адаптив */
@media (max-width: 1280px) {
  .infracc-about {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media (max-width: 1024px) {
  .infracc-about {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .infracc-about-title {
    font-size: 26px;
  }
  .infracc-about-text {
    margin-top: 32px;
  }
  .infracc-about-text p {
    font-size: 17px;
    line-height: 1.55;
  }
  .infracc-about-text p + p {
    margin-top: 20px;
  }
  .infracc-about-scheme {
    width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .infracc-about {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .infracc-about-title {
    font-size: 22px;
  }
  .infracc-about-text {
    margin-top: 24px;
  }
  .infracc-about-text p {
    font-size: 16px;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 4. БЛОК-4 «Единая платформа» (Figma 2171-102)
   Белый фон + оттенок rgba(167,198,234,0.2) на всю секцию.
   Заголовок y=243 → 101px, колонки y=472 → 197px (две, gap 193 → 80px),
   кнопка y=1547 → 645px, низ секции 1850 → 771px. */
.infracc-platform {
  position: relative;
  background: #FFFFFF;
  overflow: hidden;
}

/* Оттенок поверх фона, под контентом */
.infracc-platform-tint {
  position: absolute;
  inset: 0;
  background: rgba(167, 198, 234, 0.2);
  pointer-events: none;
}

.infracc-platform-container {
  position: relative;
  z-index: 1;
  padding-top: 101px;
  padding-bottom: 80px;
}

.infracc-platform-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
  max-width: 1308px;
}

.infracc-platform-grid {
  display: flex;
  gap: 80px;
  margin-top: 57px;
}

.infracc-platform-col {
  flex: 1 1 0;
}

.infracc-platform-sub {
  font-size: 20.84px;
  font-weight: 700;
  color: #000000;
  line-height: 29.17px;
  margin-bottom: 29px;
}

.infracc-platform-list li {
  position: relative;
  font-size: 20.84px;
  line-height: 29.17px;
  color: #000000;
  padding-left: 29px;
}
.infracc-platform-list li::before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(167, 198, 234, 0.8);
}
.infracc-platform-list li + li {
  margin-top: 4px;
}

.infracc-platform-result {
  margin-top: 29px;
  font-size: 20.84px;
  line-height: 29.17px;
  color: #000000;
}
.infracc-platform-result strong {
  font-weight: 700;
}

.infracc-platform-btn {
  margin-top: 69px;
}

/* Адаптив */
@media (max-width: 1024px) {
  .infracc-platform-container {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .infracc-platform-title {
    font-size: 26px;
  }
  .infracc-platform-grid {
    flex-direction: column;
    gap: 40px;
    margin-top: 32px;
  }
  .infracc-platform-sub,
  .infracc-platform-list li,
  .infracc-platform-result {
    font-size: 17px;
    line-height: 1.55;
  }
  .infracc-platform-btn {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .infracc-platform-container {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .infracc-platform-title {
    font-size: 22px;
  }
  .infracc-platform-grid {
    gap: 32px;
    margin-top: 24px;
  }
  .infracc-platform-sub,
  .infracc-platform-list li,
  .infracc-platform-result {
    font-size: 16px;
  }
  .infracc-platform-btn {
    margin-top: 32px;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 5. БЛОК-5 «Ключевые преимущества» (Figma 2171-94)
   Сетка: заголовок — левая колонка (55%), правая колонка с 4 пронумерованными
   пунктами (x=2041, w=1471 → 613px, 50px/60px Regular) начинается вровень
   с заголовком и тянется вниз на всю высоту. Под заголовком слева — мокап
   устройств (w=2113 → 55%) и логотип INFRA (x=380, y=1510), оба строго
   внутри контейнера. */
.infracc-adv {
  background: #FFFFFF;
  overflow: hidden;
}

.infracc-adv-container {
  display: grid;
  grid-template-columns: 55% 1fr;
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 40px;
  padding-top: 94px;
  padding-bottom: 126px;
}

.infracc-adv-title {
  grid-column: 1;
  grid-row: 1;
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
}

.infracc-adv-media {
  grid-column: 1;
  grid-row: 2;
}

.infracc-adv-map {
  width: 100%;
  height: auto;
}

.infracc-adv-logo {
  width: 444px;
  height: auto;
  margin-top: 10px;
  margin-left: 12px;
}

.infracc-adv-text {
  padding-top: 16px;
  grid-column: 2;
  grid-row: 1/span 2;
  max-width: 613px;
}
.infracc-adv-text h3 {
  font-size: 20.84px;
  font-weight: 700;
  line-height: 25px;
  color: #000000;
}
.infracc-adv-text h3:not(:first-child) {
  margin-top: 29px;
}
.infracc-adv-text p {
  margin-top: 4px;
  font-size: 20.84px;
  line-height: 25px;
  color: #000000;
}

/* Адаптив */
@media (max-width: 1280px) {
  .infracc-adv-container {
    padding-bottom: 96px;
  }
}
@media (max-width: 1024px) {
  .infracc-adv-container {
    grid-template-columns: 1fr;
    row-gap: 32px;
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .infracc-adv-title,
  .infracc-adv-media,
  .infracc-adv-text {
    grid-column: 1;
    grid-row: auto;
  }
  .infracc-adv-title {
    font-size: 26px;
  }
  .infracc-adv-logo {
    width: 320px;
  }
  .infracc-adv-text {
    max-width: none;
  }
  .infracc-adv-text h3 {
    font-size: 18px;
    line-height: 1.4;
  }
  .infracc-adv-text p {
    font-size: 17px;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .infracc-adv-container {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .infracc-adv-title {
    font-size: 22px;
  }
  .infracc-adv-logo {
    width: 240px;
    margin-left: 0;
  }
  .infracc-adv-text h3 {
    font-size: 16px;
  }
  .infracc-adv-text p {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .infracc-adv-logo {
    width: 200px;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 6. БЛОК-6 «Интеграции» (Figma 2225-178)
   Белый фон + оттенок rgba(167,198,234,0.2) на всю секцию.
   Заголовок y=243 → 101px, текст y=456 → 190px, схема y=1167 → 486px,
   w=3133 → 1305px. Низ секции 3000 → 1250px. */
.infracc-integrations {
  position: relative;
  background: #FFFFFF;
  overflow: hidden;
}

/* Оттенок поверх фона, под контентом */
.infracc-integrations-tint {
  position: absolute;
  inset: 0;
  background: rgba(167, 198, 234, 0.2);
  pointer-events: none;
}

.infracc-integrations-container {
  position: relative;
  z-index: 1;
  padding-top: 101px;
  padding-bottom: 126px;
}

.infracc-integrations-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
  max-width: 1336px;
}

.infracc-integrations-text {
  margin-top: 50px;
  max-width: 1308px;
}
.infracc-integrations-text p {
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}
.infracc-integrations-text p + p {
  margin-top: 30px;
}

.infracc-integrations-scheme {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 86px;
}

/* Адаптив */
@media (max-width: 1280px) {
  .infracc-integrations-container {
    padding-top: 80px;
    padding-bottom: 96px;
  }
}
@media (max-width: 1024px) {
  .infracc-integrations-container {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .infracc-integrations-title {
    font-size: 26px;
  }
  .infracc-integrations-text {
    margin-top: 32px;
  }
  .infracc-integrations-text p {
    font-size: 17px;
    line-height: 1.55;
  }
  .infracc-integrations-text p + p {
    margin-top: 20px;
  }
  .infracc-integrations-scheme {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .infracc-integrations-container {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .infracc-integrations-title {
    font-size: 22px;
  }
  .infracc-integrations-text {
    margin-top: 24px;
  }
  .infracc-integrations-text p {
    font-size: 16px;
  }
  .infracc-integrations-scheme {
    margin-top: 32px;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 7. БЛОК-7 «Интеграция BMS с ERP» (Figma 2225-190)
   Белый фон. Заголовок y=243 → 101px, полоса «Обмен данными»
   на всю ширину y=531 → 221px (h=431 → 180px), текст y=1114 → 464px.
   Низ секции 1800 → 750px. */
.infracc-erp {
  background: #FFFFFF;
}

.infracc-erp-head {
  padding-top: 101px;
}

.infracc-erp-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
  max-width: 1336px;
}

/* Полоса со схемой обмена — на всю ширину экрана */
.infracc-erp-band {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 81px;
}

.infracc-erp-text {
  margin-top: 63px;
  max-width: 1308px;
}
.infracc-erp-text p {
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}
.infracc-erp-text p + p {
  margin-top: 30px;
}

.infracc-erp-body {
  padding-bottom: 76px;
}

/* Адаптив */
@media (max-width: 1280px) {
  .infracc-erp-head {
    padding-top: 80px;
  }
  .infracc-erp-body {
    padding-bottom: 64px;
  }
}
@media (max-width: 1024px) {
  .infracc-erp-head {
    padding-top: 56px;
  }
  .infracc-erp-title {
    font-size: 26px;
  }
  .infracc-erp-band {
    margin-top: 40px;
  }
  .infracc-erp-text {
    margin-top: 32px;
  }
  .infracc-erp-text p {
    font-size: 17px;
    line-height: 1.55;
  }
  .infracc-erp-text p + p {
    margin-top: 20px;
  }
  .infracc-erp-body {
    padding-bottom: 56px;
  }
}
@media (max-width: 768px) {
  .infracc-erp-head {
    padding-top: 48px;
  }
  .infracc-erp-title {
    font-size: 22px;
  }
  .infracc-erp-band {
    margin-top: 32px;
  }
  .infracc-erp-text {
    margin-top: 24px;
  }
  .infracc-erp-text p {
    font-size: 16px;
  }
  .infracc-erp-body {
    padding-bottom: 48px;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 8. БЛОК-8 «Экосистема модулей INFRA CC» (Figma 2225-198)
   Белый фон. Заголовок y=94 → 39px, интро y=250 → 104px,
   5 пронумерованных модулей: номер 180px Bold rgba(167,198,234,0.8) в колонке
   x=350, текст x=553 → 230px (заголовок жирный + описание, 50px/72px).
   Между пунктами ~73 в макете → 30px. Низ секции 1900 → 792px. */
.infracc-eco {
  background: #FFFFFF;
}

.infracc-eco-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
}

.infracc-eco-intro {
  margin-top: 26px;
  max-width: 1308px;
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}

.infracc-eco-list {
  margin-top: 54px;
  padding-bottom: 64px;
}

.infracc-eco-item {
  display: flex;
  align-items: flex-start;
}
.infracc-eco-item + .infracc-eco-item {
  margin-top: 30px;
}

.infracc-eco-num {
  flex: 0 0 85px;
  font-size: 75px;
  font-weight: 700;
  line-height: 1;
  color: rgba(167, 198, 234, 0.8);
}

.infracc-eco-body {
  flex: 1 1 auto;
  max-width: 1221px;
}
.infracc-eco-body h3 {
  font-size: 20.84px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
}
.infracc-eco-body p {
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}

/* Адаптив */
@media (max-width: 1024px) {
  .infracc-eco-title {
    font-size: 26px;
  }
  .infracc-eco-intro {
    margin-top: 20px;
    font-size: 17px;
    line-height: 1.55;
  }
  .infracc-eco-list {
    margin-top: 40px;
    padding-bottom: 56px;
  }
  .infracc-eco-item + .infracc-eco-item {
    margin-top: 24px;
  }
  .infracc-eco-num {
    flex-basis: 56px;
    font-size: 48px;
  }
  .infracc-eco-body h3 {
    font-size: 17px;
    line-height: 1.4;
  }
  .infracc-eco-body p {
    font-size: 17px;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .infracc-eco-title {
    font-size: 22px;
  }
  .infracc-eco-intro {
    font-size: 16px;
  }
  .infracc-eco-list {
    margin-top: 32px;
    padding-bottom: 48px;
  }
  .infracc-eco-num {
    flex-basis: 44px;
    font-size: 36px;
  }
  .infracc-eco-body h3 {
    font-size: 16px;
  }
  .infracc-eco-body p {
    font-size: 16px;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 9. БЛОК-9 «Кейс: INFRA CC на УГМК-Арене» (Figma 2225-218)
   Белый фон. Заголовок y=94 → 39px, интро y=250 → 104px,
   3D-визуализация x=315, y=493, w=2010 → 837px; статистика справа
   x=2372, w=1137 → 474px; итоговый текст y=2077 → 865px.
   Низ секции 3000 → 1250px. */
.infracc-case {
  background: #FFFFFF;
  padding-top: 39px;
  padding-bottom: 115px;
}

.infracc-case-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
}

.infracc-case-intro {
  margin-top: 26px;
  max-width: 1321px;
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}

.infracc-case-grid {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 41px;
}

.infracc-case-photo {
  flex: 0 0 63%;
  min-width: 0;
  width: 100%;
  height: auto;
  margin-left: -15px;
}

.infracc-case-stats {
  flex: 1 1 0;
  max-width: 474px;
  margin-top: 22px;
}
.infracc-case-stats h3 {
  font-size: 20.84px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
}
.infracc-case-stats h3:not(:first-child) {
  margin-top: 30px;
}
.infracc-case-stats p {
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}

.infracc-case-text {
  margin-top: 34px;
  max-width: 1318px;
}
.infracc-case-text p {
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}
.infracc-case-text p + p {
  margin-top: 30px;
}
.infracc-case-text strong {
  font-weight: 700;
}

/* Адаптив */
@media (max-width: 1280px) {
  .infracc-case {
    padding-bottom: 96px;
  }
}
@media (max-width: 1024px) {
  .infracc-case {
    padding-top: 32px;
    padding-bottom: 56px;
  }
  .infracc-case-title {
    font-size: 26px;
  }
  .infracc-case-intro {
    margin-top: 20px;
    font-size: 17px;
    line-height: 1.55;
  }
  .infracc-case-grid {
    flex-direction: column;
    gap: 32px;
    margin-top: 32px;
  }
  .infracc-case-photo {
    flex: none;
    margin-left: 0;
  }
  .infracc-case-stats {
    max-width: none;
    margin-top: 0;
  }
  .infracc-case-stats h3 {
    font-size: 17px;
    line-height: 1.4;
  }
  .infracc-case-stats p {
    font-size: 17px;
    line-height: 1.5;
  }
  .infracc-case-text {
    margin-top: 32px;
  }
  .infracc-case-text p {
    font-size: 17px;
    line-height: 1.55;
  }
  .infracc-case-text p + p {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .infracc-case {
    padding-top: 24px;
    padding-bottom: 48px;
  }
  .infracc-case-title {
    font-size: 22px;
  }
  .infracc-case-intro {
    font-size: 16px;
  }
  .infracc-case-grid {
    margin-top: 24px;
    gap: 24px;
  }
  .infracc-case-stats h3 {
    font-size: 16px;
  }
  .infracc-case-stats p {
    font-size: 16px;
  }
  .infracc-case-text {
    margin-top: 24px;
  }
  .infracc-case-text p {
    font-size: 16px;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 10. БЛОК-10 «Российская разработка / Сертификаты» (Figma 2230-236)
   Белый фон + оттенок rgba(167,198,234,0.2). Заголовок y=243 → 101px,
   интро y=456 → 190px, колонки y=936 → 390px (gap 211 → 88px):
   слева ОС/совместимость/безопасность (w=1419 → 591px) + два сертификата
   533×770 → 222×321, справа текст о свидетельстве + скан
   (730×1030 → 304×429, тень 20/20/100 → 8/8/42). */
.infracc-cert {
  position: relative;
  background: #FFFFFF;
  overflow: hidden;
}

/* Оттенок поверх фона, под контентом */
.infracc-cert-tint {
  position: absolute;
  inset: 0;
  background: rgba(167, 198, 234, 0.2);
  pointer-events: none;
}

.infracc-cert-container {
  position: relative;
  z-index: 1;
  padding-top: 101px;
  padding-bottom: 130px;
}

.infracc-cert-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
  max-width: 1336px;
}

.infracc-cert-intro {
  margin-top: 50px;
  max-width: 1336px;
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}
.infracc-cert-intro a {
  color: #173F6E;
  text-decoration: underline;
}
.infracc-cert-intro a:hover {
  opacity: 0.75;
}

.infracc-cert-grid {
  display: flex;
  gap: 88px;
  margin-top: 50px;
}

.infracc-cert-col {
  flex: 1 1 0;
}
.infracc-cert-col h3 {
  font-size: 20.84px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
}
.infracc-cert-col h3:not(:first-child) {
  margin-top: 30px;
}
.infracc-cert-col p {
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}

/* Скан свидетельства под текстом правой колонки */
.infracc-cert-doc {
  display: block;
  width: 304px;
  height: auto;
  margin-top: 61px;
  box-shadow: 8.3px 8.3px 41.7px rgba(23, 63, 110, 0.2);
}

/* medium-zoom не задаёт z-index — оверлей и зум-фото с z-index:auto
   оказываются ПОД слоями страницы (.infracc-*-container имеют
   z-index: 1, шапка Aspro — ещё выше): текст и соседние фото
   остаются поверх затемнения. Поднимаем слои зума выше страницы. */
.medium-zoom-overlay {
  z-index: 9990;
}

.medium-zoom-image--opened {
  z-index: 9991;
}

/* Два сертификата под текстом левой колонки */
.infracc-cert-docs {
  display: flex;
  gap: 48px;
  margin-top: 61px;
}

.infracc-cert-pic {
  width: 222px;
  height: auto;
  box-shadow: 8.3px 8.3px 41.7px rgba(23, 63, 110, 0.2);
}

/* Адаптив */
@media (max-width: 1280px) {
  .infracc-cert-container {
    padding-top: 80px;
    padding-bottom: 96px;
  }
}
@media (max-width: 1024px) {
  .infracc-cert-container {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .infracc-cert-title {
    font-size: 26px;
  }
  .infracc-cert-intro {
    margin-top: 32px;
    font-size: 17px;
    line-height: 1.55;
  }
  .infracc-cert-grid {
    flex-direction: column;
    gap: 40px;
    margin-top: 32px;
  }
  .infracc-cert-col h3 {
    font-size: 17px;
    line-height: 1.4;
  }
  .infracc-cert-col p {
    font-size: 17px;
    line-height: 1.5;
  }
  .infracc-cert-docs {
    margin-top: 40px;
  }
  .infracc-cert-pic {
    width: 200px;
  }
  .infracc-cert-doc {
    width: 240px;
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .infracc-cert-container {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .infracc-cert-title {
    font-size: 22px;
  }
  .infracc-cert-intro {
    font-size: 16px;
  }
  .infracc-cert-grid {
    gap: 32px;
    margin-top: 24px;
  }
  .infracc-cert-col h3 {
    font-size: 16px;
  }
  .infracc-cert-col p {
    font-size: 16px;
  }
  .infracc-cert-docs {
    gap: 20px;
    margin-top: 32px;
  }
  .infracc-cert-pic {
    flex: 1 1 0;
    width: auto;
  }
  .infracc-cert-doc {
    width: 200px;
    margin-top: 32px;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 11. БЛОК-11 «Внедрение, эксплуатация и поддержка INFRA CC» (Figma 2231-259)
   Белый фон. Заголовок y=266 → 111px, текст y=491 → 205px,
   4 карточки 720×720 → 300×300, y=1072 → 447px, gap 87 → 36px,
   фон карточек rgba(167,198,234,0.2), заголовок 52px Bold $blue,
   ссылка «Подробнее» 34px Bold чёрная со стрелкой.
   (Логотип и кнопки «Запросить презентацию» в макете за краем канваса —
   не переносим.) Низ секции 2000 → 833px. */
.infracc-impl {
  background: #FFFFFF;
  padding-top: 111px;
  padding-bottom: 86px;
}

.infracc-impl-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
  max-width: 855px;
}

.infracc-impl-text {
  margin-top: 55px;
  max-width: 1316px;
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}
.infracc-impl-text a {
  color: #173F6E;
  text-decoration: underline;
}
.infracc-impl-text a:hover {
  opacity: 0.75;
}
.infracc-impl-text p + p {
  margin-top: 30px;
}

.infracc-impl-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 36px;
  margin-top: 55px;
}

.infracc-impl-card {
  display: flex;
  flex-direction: column;
  min-height: 300px;
  padding: 60px 33px 40px;
  background: rgba(167, 198, 234, 0.2);
}
.infracc-impl-card h3 {
  margin-top: 25px;
  font-size: 21.67px;
  font-weight: 400;
  line-height: 1.25;
  color: #173F6E;
  text-transform: uppercase;
}
.infracc-impl-card:hover .infracc-impl-link {
  opacity: 0.75;
}

.infracc-impl-icon {
  height: 60px;
  width: auto;
  align-self: flex-start;
}

.infracc-impl-link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14.17px;
  font-weight: 700;
  color: #000000;
}
.infracc-impl-link img {
  height: 10px;
}

/* Адаптив */
@media (max-width: 1280px) {
  .infracc-impl {
    padding-top: 80px;
    padding-bottom: 72px;
  }
  .infracc-impl-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1024px) {
  .infracc-impl {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .infracc-impl-title {
    font-size: 26px;
  }
  .infracc-impl-text {
    margin-top: 32px;
    font-size: 17px;
    line-height: 1.55;
  }
  .infracc-impl-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 32px;
  }
  .infracc-impl-card {
    min-height: 0;
    padding: 32px 24px 28px;
  }
  .infracc-impl-card h3 {
    font-size: 17px;
  }
  .infracc-impl-icon {
    height: 44px;
  }
}
@media (max-width: 768px) {
  .infracc-impl {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .infracc-impl-title {
    font-size: 22px;
  }
  .infracc-impl-text {
    font-size: 16px;
  }
  .infracc-impl-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 24px;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 12. БЛОК-12 «FAQ» (Figma 2232-37)
   Белый фон. Заголовок y=125 → 52px, интро y=310 (отступ 38px),
   аккордеон: разделители 5px rgba(167,198,234,0.2) на всю ширину,
   строка вопроса 230 → 96px (padding 33px 0), вопрос 50px Bold,
   шеврон 38×23 → 16px (открыт — вверх, закрыт — вниз),
   ответ сдвинут x=572 → 92px, открытый пункт: padding-top 55px,
   отступ ответа 30px, низ ответа 50px. Низ секции 3700 → 110px. */
.infracc-faq {
  background: #FFFFFF;
  padding-top: 52px;
  padding-bottom: 110px;
}

.infracc-faq-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #173F6E;
  line-height: 1.2;
  max-width: 822px;
}

.infracc-faq-intro {
  margin-top: 38px;
  max-width: 1316px;
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}

.infracc-faq-list {
  margin-top: 60px;
}

.infracc-faq-item {
  border-top: 2px solid rgba(167, 198, 234, 0.2);
}
.infracc-faq-item summary {
  display: flex;
  align-items: center;
  gap: 42px;
  padding: 33px 0;
  cursor: pointer;
  list-style: none;
}
.infracc-faq-item summary::-webkit-details-marker {
  display: none;
}
.infracc-faq-item summary img {
  flex: none;
  width: 16px;
  height: auto;
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.infracc-faq-item summary span {
  font-size: 20.84px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
  transition: color 0.2s ease;
}
.infracc-faq-item summary:hover span {
  color: #173F6E;
}
.infracc-faq-item[open] summary {
  padding-top: 55px;
  padding-bottom: 0;
}
.infracc-faq-item[open] summary img {
  transform: rotate(0deg);
}

.infracc-faq-answer {
  margin-left: 92px;
  margin-top: 30px;
  padding-bottom: 50px;
  max-width: 1238px;
  font-size: 20.84px;
  line-height: 30px;
  color: #000000;
}
.infracc-faq-answer ul {
  margin: 0;
  padding-left: 22px;
  list-style: disc;
}

/* Адаптив */
@media (max-width: 1280px) {
  .infracc-faq {
    padding-top: 44px;
    padding-bottom: 90px;
  }
}
@media (max-width: 1024px) {
  .infracc-faq {
    padding-top: 40px;
    padding-bottom: 70px;
  }
  .infracc-faq-title {
    font-size: 26px;
  }
  .infracc-faq-intro {
    margin-top: 28px;
    font-size: 17px;
    line-height: 1.55;
  }
  .infracc-faq-list {
    margin-top: 40px;
  }
  .infracc-faq-item summary {
    gap: 28px;
    padding: 24px 0;
  }
  .infracc-faq-item summary span {
    font-size: 17px;
    line-height: 1.4;
  }
  .infracc-faq-item[open] summary {
    padding-top: 32px;
  }
  .infracc-faq-answer {
    margin-left: 44px;
    margin-top: 20px;
    padding-bottom: 32px;
    font-size: 17px;
    line-height: 1.55;
  }
}
@media (max-width: 768px) {
  .infracc-faq {
    padding-top: 32px;
    padding-bottom: 56px;
  }
  .infracc-faq-title {
    font-size: 22px;
  }
  .infracc-faq-intro {
    margin-top: 20px;
    font-size: 16px;
  }
  .infracc-faq-list {
    margin-top: 28px;
  }
  .infracc-faq-item summary {
    gap: 20px;
    padding: 18px 0;
  }
  .infracc-faq-item summary img {
    width: 14px;
  }
  .infracc-faq-item summary span {
    font-size: 16px;
  }
  .infracc-faq-item[open] summary {
    padding-top: 24px;
  }
  .infracc-faq-answer {
    margin-left: 34px;
    margin-top: 16px;
    padding-bottom: 24px;
    font-size: 16px;
  }
}
/* AVATECH 2026 — страница «INFRA CC» для Битрикса (шаблон avatech2026).
   Вход сборки: dist/css/infracc.css. Подключается в /index26/bitrix/infracc/index.php.
   Структура как у about.scss: база изолирована под .ava26 (about/_base.scss),
   контейнер — .ava-container, блоки страницы — с префиксом .infracc-. */
/* 13. БЛОК-13 «Обсудите внедрение» (Figma 2171-86)
   Синий фон #173F6E. Заголовок y=205 → 85px, текст y=384 (отступ 36px),
   кнопки y=683: 1000×200 → 417×83px, gap 130 → 54px,
   кнопка 1 #DDE7F5, кнопка 2 #FFFFFF, текст #173F6E 50px Bold,
   тень 10px 10px 30px rgba(23,63,110,0.15) → 4px 4px 12.5px.
   Низ секции 1100 → 90px. */
.infracc-cta {
  background: #173F6E;
  padding-top: 85px;
  padding-bottom: 90px;
}

.infracc-cta-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.2;
  max-width: 1042px;
}

.infracc-cta-text {
  margin-top: 36px;
  max-width: 1320px;
  font-size: 20.84px;
  font-weight: 500;
  line-height: 30px;
  color: #FFFFFF;
}

.infracc-cta-actions {
  display: flex;
  gap: 54px;
  margin-top: 65px;
}

.infracc-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 417px;
  min-height: 83px;
  padding: 12px 24px;
  font-size: 20.84px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.35;
  text-align: center;
  color: #173F6E;
  background: #FFFFFF;
  box-shadow: 4px 4px 12.5px rgba(23, 63, 110, 0.15);
  transition: opacity 0.2s ease;
}
.infracc-cta-btn:hover {
  opacity: 0.85;
}
.infracc-cta-btn--tint {
  background: #DDE7F5;
}

/* Адаптив */
@media (max-width: 1280px) {
  .infracc-cta {
    padding-top: 72px;
    padding-bottom: 76px;
  }
  .infracc-cta-btn {
    width: 380px;
  }
}
@media (max-width: 1024px) {
  .infracc-cta {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .infracc-cta-title {
    font-size: 26px;
  }
  .infracc-cta-text {
    margin-top: 28px;
    font-size: 17px;
    line-height: 1.55;
  }
  .infracc-cta-actions {
    flex-direction: column;
    gap: 20px;
    margin-top: 40px;
  }
  .infracc-cta-btn {
    width: 100%;
    min-height: 64px;
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .infracc-cta {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .infracc-cta-title {
    font-size: 22px;
  }
  .infracc-cta-text {
    margin-top: 20px;
    font-size: 16px;
  }
  .infracc-cta-actions {
    margin-top: 28px;
  }
  .infracc-cta-btn {
    min-height: 56px;
    font-size: 16px;
  }
}
/* End */
/* /index26/dist/css/infracc.css?179233545544608 */