/* Start:/index26/dist/css/index.css?179028167055425*/
@charset "UTF-8";
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* AVATECH 2026 — переменные проекта
   Значения из макета Figma (канвас 3840px), пересчитаны в px десктопной
   вёрстки 1600px: значение макета × 0.4167. Адаптив — через respond(). */
/* Цвета из макета */
/* Типографика (размеры макета × 0.4167) */
/* Миксины и брейкпоинты (desktop-first). */
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* База для страницы «О компании» в Битриксе (шаблон 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 шаблона с такими же нулевыми ресетами. */
.ava26 :where(.ava26 img) {
  max-width: 100%;
  display: block;
}

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

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

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

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

/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* Копии глобальных классов статичной вёрстки, изолированные под .ava26
   (страница главной в Битриксе: .container конфликтует с Bootstrap/Aspro).
   Блоки (banner, solutions, ...) ссылаются на .container как на потомка —
   под обёрткой .ava26 специфичность .ava26 .container выигрывает. */
.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;
  }
}
.ava26 .section-title {
  font-size: 31.67px;
  font-weight: 700;
  color: #264B77;
  line-height: 1.2;
}
@media (max-width: 1280px) {
  .ava26 .section-title {
    font-size: 27px;
  }
}
@media (max-width: 1024px) {
  .ava26 .section-title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .ava26 .section-title {
    font-size: 19px;
  }
}
@media (max-width: 480px) {
  .ava26 .section-title {
    font-size: 17px;
  }
}
.ava26 .section-tag {
  display: inline-block;
  font-size: 16.67px;
  font-weight: 300;
  color: #264B77;
  margin-bottom: 16.67px;
}
@media (max-width: 1280px) {
  .ava26 .section-tag {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .ava26 .section-tag {
    font-size: 13px;
    margin-bottom: 12px;
  }
}
@media (max-width: 768px) {
  .ava26 .section-tag {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.ava26 .section-subtitle {
  font-size: 20.84px;
  color: #000000;
  margin-top: 20.84px;
}
@media (max-width: 1280px) {
  .ava26 .section-subtitle {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .ava26 .section-subtitle {
    font-size: 17px;
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .ava26 .section-subtitle {
    font-size: 15px;
    margin-top: 12px;
  }
}
@media (max-width: 1024px) {
  .ava26 .section-subtitle br {
    display: none;
  }
}

/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 2. БАННЕР «Баннер Главн» */
.ava26 .banner {
  position: relative;
  min-height: 500.04px;
  background: #CAECF5;
  overflow: hidden;
}

.ava26 .banner-bg {
  position: absolute;
  inset: 0;
  background: url("/index26/dist/css/../images/banner-bg.png") center/cover no-repeat;
  opacity: 1;
}

.ava26 .banner .container {
  position: relative;
  z-index: 2;
  padding-top: 100.01px;
  padding-bottom: 50px;
}

.ava26 .banner-title {
  font-size: 33.34px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000000;
  line-height: 1.25;
  max-width: 666.72px;
}

.ava26 .banner-subtitle {
  font-size: 20.84px;
  color: #000000;
  margin-top: 25px;
  line-height: 1.5;
}

.ava26 .banner-geo {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  margin-top: 20.84px;
}

.ava26 .banner-actions {
  display: flex;
  gap: 29.17px;
  margin-top: 25px;
}

/* Ripple-эффект кнопок — порт vendor/css/ripple.css темы Aspro.
   Класс .btn-ripple вешается в разметке (кнопки баннера, «О компании», …),
   круги добавляет modules/ripple.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;
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
/* Адаптив */
@media (max-width: 1280px) {
  .ava26 .banner {
    min-height: 420px;
  }
  .ava26 .banner .container {
    padding-top: 90px;
    padding-bottom: 70px;
  }
  .ava26 .banner-title {
    font-size: 28px;
  }
  .ava26 .banner-subtitle {
    font-size: 18px;
    margin-top: 30px;
  }
  .ava26 .banner-geo {
    font-size: 18px;
    margin-top: 24px;
  }
  .ava26 .banner-actions {
    gap: 20px;
    margin-top: 30px;
  }
}
@media (max-width: 1024px) {
  .ava26 .banner {
    min-height: 380px;
  }
  .ava26 .banner .container {
    padding-top: 64px;
    padding-bottom: 56px;
  }
  .ava26 .banner-title {
    font-size: 24px;
  }
  .ava26 .banner-subtitle {
    font-size: 16px;
  }
  .ava26 .banner-subtitle br {
    display: none;
  }
}
@media (max-width: 768px) {
  .ava26 .banner {
    min-height: 0;
  }
  .ava26 .banner .container {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .ava26 .banner-title {
    font-size: 20px;
  }
  .ava26 .banner-title br {
    display: none;
  }
  .ava26 .banner-geo {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .ava26 .banner-title {
    font-size: 18px;
  }
  .ava26 .banner-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 2.1 Слайдер баннера — Swiper (тот же swiper-bundle 8.4.3, что в теме Aspro).
   swiper-bundle.css не подключаем (тема Aspro его тоже не грузит) —
   базовая раскладка свайпера продублирована здесь. */
.ava26 .banner--slider {
  position: relative;
}

.ava26 .banner--slider .swiper-wrapper {
  display: flex;
  box-sizing: content-box;
  transition-property: transform;
}

.ava26 .banner--slider .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  position: relative;
}

/* Передний план слайда: коллаж объектов поверх фона-неба,
   как на старой главной (plaxy-картинка оригинального слайдера).
   Позиционируется по .banner (position:relative), как и .banner-bg */
.ava26 .banner-img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  max-width: 55%;
  max-height: 94%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right bottom;
     object-position: right bottom;
  pointer-events: none;
}

/* Точки — как на старой главной (css/slider.swiper.css темы Aspro):
   кружок 12px с белой сердцевиной 8px; активный — сердцевина растёт
   и становится синей. Строка навигации одна: точки слева, стрелки справа,
   в правом нижнем углу по правому краю .container */
.ava26 .banner--slider .swiper-pagination {
  position: absolute;
  right: 241.76px;
  bottom: 54px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 14px;
}

.ava26 .banner--slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
  margin: 0;
  padding: 0;
  position: relative;
  cursor: pointer;
}

.ava26 .banner--slider .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.ava26 .banner--slider .swiper-pagination-bullet:hover::before,
.ava26 .banner--slider .swiper-pagination-bullet-active::before {
  transform: scale(1.5);
  background: #173F6E;
}

/* Стрелки — белые квадраты 40×40 со шевроном, как на старой главной;
   hover — синий фон, белый шеврон */
.ava26 .banner--slider .swiper-button-prev,
.ava26 .banner--slider .swiper-button-next {
  position: absolute;
  bottom: 40px;
  z-index: 3;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 3px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}

.ava26 .banner--slider .swiper-button-prev {
  right: 181.76px;
}

.ava26 .banner--slider .swiper-button-next {
  right: 133.76px;
}

.ava26 .banner--slider .swiper-button-prev::after,
.ava26 .banner--slider .swiper-button-next::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transition: border-color 0.3s ease-in-out;
}

.ava26 .banner--slider .swiper-button-prev::after {
  transform: rotate(-135deg);
  margin-left: 3px;
}

.ava26 .banner--slider .swiper-button-next::after {
  transform: rotate(45deg);
  margin-right: 3px;
}

.ava26 .banner--slider .swiper-button-prev:hover,
.ava26 .banner--slider .swiper-button-next:hover {
  background: #173F6E;
}

.ava26 .banner--slider .swiper-button-prev:hover::after,
.ava26 .banner--slider .swiper-button-next:hover::after {
  border-color: #fff;
}

/* Отступы по брейкпоинтам — как паддинги .container (base/_typography.scss);
   точки правее стрелок не заезжают: +108px (40+8+40 кнопок и отступ 20) */
@media (max-width: 1280px) {
  .ava26 .banner--slider .swiper-pagination {
    right: 172px;
  }
  .ava26 .banner--slider .swiper-button-prev {
    right: 112px;
  }
  .ava26 .banner--slider .swiper-button-next {
    right: 64px;
  }
}
@media (max-width: 1024px) {
  .ava26 .banner--slider .swiper-pagination {
    right: 148px;
  }
  .ava26 .banner--slider .swiper-button-prev {
    right: 88px;
  }
  .ava26 .banner--slider .swiper-button-next {
    right: 40px;
  }
}
@media (max-width: 768px) {
  .ava26 .banner--slider .swiper-pagination {
    right: 24px;
    bottom: 16px;
  }
  .ava26 .banner--slider .swiper-button-prev,
  .ava26 .banner--slider .swiper-button-next {
    display: none;
  }
  /* на мобильных коллаж не показываем — слайд текстовый */
  .ava26 .banner-img {
    display: none;
  }
}
@media (max-width: 480px) {
  .ava26 .banner--slider .swiper-pagination {
    right: 16px;
  }
}
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 3. РЕШЕНИЯ АВАТЕХ */
.ava26 .solutions {
  padding: 70.84px 0 66.67px;
}

.ava26 .solutions .section-title {
  margin-bottom: 16.67px;
}

.ava26 .solutions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 41.67px;
  margin-top: 54.17px;
}

.ava26 .solution-card {
  background: rgba(167, 198, 234, 0.1);
  padding: 37.5px;
  display: flex;
  flex-direction: column;
  min-height: 342.11px;
  /* Hover-отклик — только реакция на мышь, без появления по скроллу */
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.ava26 .solution-card h3 {
  font-size: 22.92px;
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
  margin-bottom: 25px;
}

.ava26 .solution-card p {
  font-size: 17.92px;
  color: #000000;
  line-height: 1.55;
  margin-bottom: auto;
}

.ava26 .solution-card .btn {
  margin-top: 29.17px;
}

.ava26 .solution-card .btn + .btn {
  margin-top: 16.67px;
}

/* Hover: карточка приподнимается с мягкой тенью и фоном плотнее
   (tint-soft → tint), стрелки ссылок уходят вправо.
   (hover: hover) — чтобы на тач-устройствах не залипал подъём после тапа */
.ava26 .solution-card .btn-text img {
  transition: transform 0.3s ease;
}

@media (hover: hover) {
  .ava26 .solution-card:hover {
    background: rgba(167, 198, 234, 0.2);
    transform: translateY(-4.17px);
    box-shadow: 0 8.33px 25px rgba(23, 63, 110, 0.15);
  }
  .ava26 .solution-card .btn-text:hover img {
    transform: translateX(2.5px);
  }
}
/* Адаптив */
@media (max-width: 1280px) {
  .ava26 .solutions-grid {
    gap: 24px;
    margin-top: 40px;
  }
  .ava26 .solution-card {
    padding: 28px;
    min-height: 0;
  }
}
@media (max-width: 1024px) {
  .ava26 .solutions {
    padding: 48px 0;
  }
  .ava26 .solutions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ava26 .solution-card h3 {
    font-size: 18px;
  }
  .ava26 .solution-card h3 br {
    display: none;
  }
  .ava26 .solution-card p {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .ava26 .solutions-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 28px;
  }
  .ava26 .solution-card {
    padding: 20px;
  }
}
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 3.1. БАННЕР НА ВСЮ ШИРИНУ (после «Решения AVATECH») */
.ava26 .wide-banner {
  line-height: 0;
}

.ava26 .wide-banner img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 4. О КОМПАНИИ */
.ava26 .about {
  background: rgba(167, 198, 234, 0.2);
  padding: 83.34px 0 0;
}

.ava26 .about .section-title {
  margin-bottom: 25px;
}

.ava26 .about-text {
  font-size: 20.84px;
  line-height: 1.55;
  max-width: 1270.94px;
  margin-bottom: 33.34px;
}

.ava26 .about-stats {
  background: #173F6E;
  margin-top: 50px;
  padding: 37.5px 0 41.67px;
}

.ava26 .stats-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px;
}

.ava26 .stat-num {
  font-size: 62.51px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1;
  white-space: nowrap;
}

.ava26 .stat-label {
  font-size: 26.67px;
  color: #FFFFFF;
  margin-top: 8.33px;
  line-height: 1.2;
}

.ava26 .stat-desc {
  font-size: 16.67px;
  color: #FFFFFF;
  margin-top: 12.5px;
  line-height: 1.4;
  opacity: 0.85;
}

/* Адаптив */
@media (max-width: 1280px) {
  .ava26 .stats-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 24px;
  }
  .ava26 .stat-num {
    font-size: 48px;
  }
  .ava26 .stat-label {
    font-size: 22px;
  }
}
@media (max-width: 1024px) {
  .ava26 .about {
    padding-top: 56px;
  }
  .ava26 .about-text {
    font-size: 17px;
  }
  .ava26 .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ava26 .stat-num {
    font-size: 40px;
  }
  .ava26 .stat-label {
    font-size: 19px;
  }
  .ava26 .stat-desc {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .ava26 .about {
    padding-top: 40px;
  }
  .ava26 .about-stats {
    margin-top: 32px;
    padding: 28px 0 32px;
  }
  .ava26 .stat-num {
    font-size: 32px;
  }
  .ava26 .stat-label {
    font-size: 16px;
  }
}
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 5. ПРОЕКТЫ */
.ava26 .projects {
  padding: 70.84px 0 54.17px;
  background: rgba(167, 198, 234, 0.2);
}

.ava26 .projects .section-subtitle {
  margin-bottom: 25px;
}

.ava26 .projects-block {
  margin-top: 37.5px;
}

.ava26 .projects-block + .projects-block {
  margin-top: 54.17px;
}

.ava26 .projects-block-title {
  font-size: 24.17px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 25px;
}

.ava26 .projects-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 58.34px;
}

.ava26 .project-card {
  display: block;
  color: #000000;
  text-decoration: none;
  /* Hover-отклик — как в «Решениях»: лёгкое приподнятие, тень под фото */
  transition: transform 0.3s ease;
}

.ava26 .project-card__photo {
  position: relative;
  min-height: 404.2px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 29.17px;
  background: #000000;
  overflow: hidden;
  color: #FFFFFF;
  transition: box-shadow 0.3s ease;
}

.ava26 .project-card__photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ava26 .project-card__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.7) 100%);
}

.ava26 .project-category,
.ava26 .project-name {
  position: relative;
  z-index: 2;
}

.ava26 .project-category {
  font-size: 13.33px;
  text-transform: uppercase;
  margin-bottom: 12.5px;
}

.ava26 .project-name {
  font-size: 22.92px;
  font-weight: 700;
  line-height: 1.35;
}

.ava26 .project-desc {
  display: block;
  margin-top: 16.67px;
  font-size: 16.67px;
  line-height: 1.5;
}

.ava26 .projects-more {
  display: flex;
  justify-content: flex-end;
  margin-top: 33.34px;
}

/* Hover: приподнимается карточка целиком (фото вместе с описанием),
   тень — под фото (оно тёмное, тень как у «Решений», чуть плотнее).
   (hover: hover) — на тач-устройствах не залипает после тапа */
@media (hover: hover) {
  .ava26 .project-card:hover {
    transform: translateY(-4.17px);
  }
  .ava26 .project-card:hover .project-card__photo {
    box-shadow: 0 8.33px 25px rgba(23, 63, 110, 0.25);
  }
}
/* Адаптив */
@media (max-width: 1280px) {
  .ava26 .projects-grid {
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .ava26 .projects {
    padding: 48px 0 40px;
  }
  .ava26 .projects-grid {
    grid-template-columns: 1fr;
  }
  .ava26 .project-card__photo {
    min-height: 360px;
  }
  .ava26 .projects-block-title {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .ava26 .project-card__photo {
    min-height: 300px;
    padding: 20px;
  }
  .ava26 .project-name {
    font-size: 18px;
  }
  .ava26 .project-desc {
    font-size: 15px;
  }
}
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 6. ШКАФЫ */
.ava26 .cabinets {
  background: #FFFFFF;
  padding: 66.67px 0 70.84px;
}

.ava26 .cabinets-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 41.67px;
}

.ava26 .cabinets-head .btn {
  border: 1.25px solid #173F6E;
  padding: 4.58px 11.25px;
  min-height: 38.75px;
  font-weight: 700;
}

.ava26 .cabinets-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 37.5px;
}

.ava26 .cabinet-card {
  background: #FFFFFF;
  min-height: 520.88px;
  display: flex;
  flex-direction: column;
}

.ava26 .cabinet-card > img {
  flex: none;
  width: 100%;
  height: 272px; /* строгая высота: пропорция 875×574 при ширине карточки ~415px */
  -o-object-fit: cover;
     object-fit: cover;
}

.ava26 .cabinet-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 37.5px 0 25px;
}

.ava26 .cabinet-body h3 {
  font-size: 17.92px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.4;
  color: #000000;
  margin-bottom: 37.5px;
  min-height: 51px;
}

.ava26 .cabinet-body p {
  font-size: 17.92px;
  line-height: 1.4;
  color: #000000;
  margin-bottom: 37.5px;
}

.ava26 .cabinet-body .btn {
  margin-top: auto;
}

/* Временно скрыты по задаче 4 (чеклист 9497): кнопка «Все проекты
   шкафного производства» в шапке блока и «Подробнее» в карточках.
   Вернуть — убрать эти два правила. */
.ava26 .cabinets-head .btn,
.ava26 .cabinet-body .btn {
  display: none;
}

/* Адаптив */
@media (max-width: 1280px) {
  .ava26 .cabinets-grid {
    gap: 24px;
  }
  .ava26 .cabinets-grid .cabinet-card {
    padding: 0;
    min-height: 0;
  }
  .ava26 .cabinet-card > img {
    height: 241px;
  }
}
@media (max-width: 1024px) {
  .ava26 .cabinets {
    padding: 48px 0;
  }
  .ava26 .cabinets-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ava26 .cabinet-card > img {
    height: 302px;
  }
  .ava26 .cabinet-body h3 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .ava26 .cabinet-body p {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .ava26 .cabinets-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .ava26 .cabinets-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .ava26 .cabinet-card > img {
    height: 472px;
  }
  /* Десктопные поля карточки (padding 37.5px, min-height заголовка под
     2 строки, нижние margin) на мобильном раздували пустоту между
     заголовком, текстом и следующей карточкой — сжимаем до ритма 20/32 */
  .ava26 .cabinet-body {
    padding: 20px 0 0;
  }
  .ava26 .cabinet-body h3 {
    min-height: 0;
    margin-bottom: 10px;
  }
  .ava26 .cabinet-body p {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .ava26 .cabinet-card > img {
    height: 294px;
  }
}
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 7. ИНФРА СС */
.ava26 .infra {
  background: rgba(0, 169, 181, 0.15);
  padding: 66.67px 0;
  position: relative;
  overflow: hidden;
}

.ava26 .infra .container {
  position: relative;
  z-index: 1;
}

.ava26 .infra-logo {
  /* Логотип лежит на фото в правом нижнем углу (макет) */
  position: absolute;
  right: 8.34px;
  bottom: 0;
  width: 44%;
  z-index: 2;
}

.ava26 .infra .section-title {
  color: #000000;
  margin-bottom: 37.5px;
}

.ava26 .infra-body {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 37.5px;
  align-items: center;
}

.ava26 .infra-left {
  position: relative;
}

.ava26 .infra-photo {
  width: 100%;
  position: relative;
  z-index: 1;
}

.ava26 .infra-radii {
  position: absolute;
  top: 184.6px;
  right: 0;
  transform: translateX(50%);
  width: 763.81px;
  z-index: 0;
  opacity: 0.9;
  pointer-events: none;
}

.ava26 .infra-text {
  font-size: 17.92px;
  line-height: 1.6;
  color: #000000;
  margin-bottom: 29.17px;
}

.ava26 .infra-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* «Подробнее» сбоку от кнопки презентации (задача 5) */
.ava26 .infra-actions {
  display: flex;
  align-items: center;
  gap: 29.17px;
}

.ava26 .infra-right .btn-text {
  color: #000000;
}

.ava26 .infra-right .btn-fill {
  background: #FFFFFF;
  color: #000000;
}

.ava26 .infra-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin-top: 50px;
}

.ava26 .infra-card {
  background: #FFFFFF;
  border: 0.42px solid rgba(167, 198, 234, 0.3);
  padding: 33.34px 16.67px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20.84px;
}

.ava26 .infra-card img {
  width: 53.34px;
}

.ava26 .infra-card span {
  font-size: 20.84px;
  font-weight: 400;
  line-height: 1.4;
  color: #000000;
}

/* Адаптив */
@media (max-width: 1280px) {
  .ava26 .infra {
    padding: 56px 0;
  }
  .ava26 .infra-body {
    gap: 40px;
  }
  .ava26 .infra-cards {
    gap: 24px;
    margin-top: 56px;
  }
  .ava26 .infra-card {
    padding: 40px 20px;
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .ava26 .infra-radii {
    display: none;
  }
  .ava26 .infra-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .ava26 .infra-card span {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .ava26 .infra {
    padding: 40px 0;
  }
  .ava26 .infra-body {
    grid-template-columns: 1fr;
  }
  .ava26 .infra .section-title {
    margin-bottom: 32px;
  }
  .ava26 .infra-actions {
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .ava26 .infra-cards {
    grid-template-columns: 1fr;
  }
}
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 8. ОДИН ПАРТНЁР */
.ava26 .partner {
  background: #FFFFFF;
  padding: 66.67px 0;
}

.ava26 .partner-grid {
  display: grid;
  /* 1fr, а не фиксированные 333.78px из макета: на 1600 результат тот же,
     а в диапазоне 1281–1599 колонки сжимаются, а не обрезают текст */
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 142.09px;
       column-gap: 142.09px;
  row-gap: 27.92px;
  margin-top: 41.67px;
}

.ava26 .partner-item h3 {
  font-size: 17.92px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  line-height: 1.3;
  margin-bottom: 16.67px;
}

.ava26 .partner-item p {
  font-size: 20.84px;
  line-height: 1.55;
  color: #000000;
}

.ava26 .partner-item:last-child {
  grid-column: 1/-1;
}

.ava26 .partner-item:last-child p {
  max-width: 1166.76px;
}

.ava26 .partner-scheme {
  display: block;
  width: 100%;
  max-width: 1266.35px;
  margin: 50px auto 0;
}

/* Анимация схемы цикла работ (inline-SVG, партиал scheme-cycle.html).
   Один общий цикл 14s: каждая сцена «оживает» один раз за период.
   Подвижные части — копии картинки под масками, в покое совпадают с базой попиксельно. */
.ava26 .partner-scheme-fx {
  height: auto;
}
.ava26 .partner-scheme-fx .sc26-check-cover,
.ava26 .partner-scheme-fx .sc26-dia-cover,
.ava26 .partner-scheme-fx .sc26-bubble {
  opacity: 0;
}
.ava26 .partner-scheme-fx .sc26-arm3,
.ava26 .partner-scheme-fx .sc26-cable,
.ava26 .partner-scheme-fx .sc26-arm5 {
  transform-box: view-box;
  will-change: transform;
}
.ava26 .partner-scheme-fx .sc26-arm3 {
  transform-origin: 1414px 97px;
}
.ava26 .partner-scheme-fx .sc26-cable {
  transform-origin: 1714px 190px;
}
.ava26 .partner-scheme-fx .sc26-arm5 {
  transform-origin: 2516px 102px;
}
.ava26 .partner-scheme-fx .sc26-bubble {
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
@media (prefers-reduced-motion: no-preference) {
  .ava26 .partner-scheme-fx .sc26-check-cover {
    animation: sc26-blink 14s linear infinite;
  }
  .ava26 .partner-scheme-fx .sc26-dia-cover {
    animation: sc26-dia 14s linear infinite;
  }
  .ava26 .partner-scheme-fx .sc26-arm3 {
    animation: sc26-wave 14s linear infinite;
  }
  .ava26 .partner-scheme-fx .sc26-cable {
    animation: sc26-tug 14s linear infinite;
  }
  .ava26 .partner-scheme-fx .sc26-arm5 {
    animation: sc26-scratch 14s linear infinite;
  }
  .ava26 .partner-scheme-fx .sc26-bubble {
    animation: sc26-pop 14s linear infinite;
  }
}

/* галочка: двойное мигание, один раз за цикл */
@keyframes sc26-blink {
  0%, 2% {
    opacity: 0;
  }
  3%, 5% {
    opacity: 1;
  }
  6%, 7.5% {
    opacity: 0;
  }
  9%, 11% {
    opacity: 1;
  }
  12%, 100% {
    opacity: 0;
  }
}
/* проектирование: ромб на экране коротко гаснет, один раз за цикл */
@keyframes sc26-dia {
  0%, 29% {
    opacity: 0;
  }
  30.5%, 33% {
    opacity: 1;
  }
  34.5%, 100% {
    opacity: 0;
  }
}
/* комплектация: рука заметно качнулась к полке */
@keyframes sc26-wave {
  0%, 19% {
    transform: rotate(0deg);
  }
  21% {
    transform: rotate(-14deg);
  }
  23% {
    transform: rotate(12deg);
  }
  25% {
    transform: rotate(-14deg);
  }
  27%, 100% {
    transform: rotate(0deg);
  }
}
/* СМР: два коротких рывка кабеля */
@keyframes sc26-tug {
  0%, 38% {
    transform: rotate(0deg) translateY(0);
  }
  39.5% {
    transform: rotate(-4deg) translateY(-3px);
  }
  41% {
    transform: rotate(0.8deg) translateY(0.5px);
  }
  42.5% {
    transform: rotate(-4deg) translateY(-3px);
  }
  44%, 100% {
    transform: rotate(0deg) translateY(0);
  }
}
/* ПНР: рука поднялась к затылку, пара «царапающих» движений, возврат */
@keyframes sc26-scratch {
  0%, 54% {
    transform: rotate(0deg);
  }
  57.5% {
    transform: rotate(78deg);
  }
  59.5% {
    transform: rotate(71deg);
  }
  61.5% {
    transform: rotate(78deg);
  }
  63.5% {
    transform: rotate(71deg);
  }
  66%, 100% {
    transform: rotate(0deg);
  }
}
/* сервис: облако диалога без символов появилось и растаяло */
@keyframes sc26-pop {
  0%, 74% {
    opacity: 0;
    transform: scale(0.5);
  }
  77.5% {
    opacity: 1;
    transform: scale(1.06);
    animation-timing-function: ease-out;
  }
  79.5% {
    transform: scale(1);
  }
  86% {
    opacity: 1;
  }
  90%, 100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
/* Адаптив */
@media (max-width: 1280px) {
  .ava26 .partner-grid {
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .ava26 .partner-item p {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .ava26 .partner {
    padding: 48px 0;
  }
  .ava26 .partner-grid {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .ava26 .partner-item:last-child p {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .ava26 .partner {
    padding: 40px 0;
  }
  .ava26 .partner-grid {
    grid-template-columns: 1fr;
    row-gap: 24px;
    margin-top: 28px;
  }
  /* Схема на телефоне низкая (~58px), а зона вокруг пустая: верхний отступ
     делаем сопоставимым с расстоянием до следующей секции (40+48px),
     чтобы картинка висела примерно по центру пустоты */
  .ava26 .partner-scheme {
    margin-top: 72px;
  }
}
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 9. ЗАКАЗЧИКИ */
.ava26 .customers {
  background: #FFFFFF;
  padding: 62.51px 0 70.84px;
}

.ava26 .customers .section-subtitle {
  max-width: 1308.85px;
}

.ava26 .customers-slider {
  display: flex;
  align-items: center;
  gap: 20.84px;
  margin-top: 45.84px;
}

/* Раскладка свайпера (swiper-bundle.css не подключён — как в _banner-slider.scss) */
.ava26 .customers-slider .swiper-wrapper {
  display: flex;
  box-sizing: content-box;
  transition-property: transform;
}

/* Обрезка вьюпорта: wrapper (.slider-track) транслирует Swiper,
   поэтому overflow:hidden — на отдельной обёртке, а не на нём */
.ava26 .slider-clip {
  flex: 1;
  overflow: hidden;
}

.ava26 .slider-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12.5px;
  flex-shrink: 0; /* swiper выставляет ширину слайда инлайн (20% при 5 во вьюпорте) */
}

/* Логотипы крупные: 5 штук во вьюпорте */
.ava26 .slider-slide img {
  max-height: 64px;
  max-width: 240px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.35s ease, opacity 0.35s ease;
}

/* Hover: наведённый логотип увеличивается, соседние приглушаются */
.ava26 .slider-track:hover .slider-slide img {
  opacity: 0.35;
  transform: scale(0.9);
}

.ava26 .slider-track .slider-slide:hover img {
  opacity: 1;
  transform: scale(1.12);
}

@media (prefers-reduced-motion: reduce) {
  .ava26 .slider-slide img {
    transition: none;
  }
  .ava26 .slider-track:hover .slider-slide img,
  .ava26 .slider-track .slider-slide:hover img {
    transform: none;
  }
}
.ava26 .slider-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8.33px;
  flex: none;
}

.ava26 .slider-btn img {
  width: 12.5px;
}

.ava26 .slider-prev img {
  transform: rotate(180deg);
}

/* Адаптив */
@media (max-width: 1024px) {
  .ava26 .customers {
    padding: 48px 0;
  }
  .ava26 .customers-slider {
    margin-top: 32px;
  }
  .ava26 .slider-slide img {
    max-height: 48px;
    max-width: 180px;
  }
}
@media (max-width: 768px) {
  .ava26 .customers-slider {
    gap: 12px;
  }
  .ava26 .slider-slide {
    padding: 8px;
  }
  .ava26 .slider-slide img {
    max-height: 44px;
    max-width: 190px;
  }
}
@media (max-width: 480px) {
  .ava26 .slider-slide img {
    max-height: 36px;
    max-width: 160px;
  }
}
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 10. НОВОСТИ */
.ava26 .news {
  background: rgba(167, 198, 234, 0.2);
  padding: 66.67px 0 62.51px;
}

.ava26 .news .section-title {
  margin-bottom: 20.84px;
}

.ava26 .news .section-subtitle {
  margin-bottom: 37.5px;
}

/* Шапка блока: сжатый текст слева, «Все новости» справа на его уровне */
.ava26 .news-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 37.5px;
  margin-bottom: 37.5px;
}

.ava26 .news-head .section-subtitle {
  max-width: 78%;
  margin-bottom: 0;
}

.ava26 .news-all {
  flex: none;
}

.ava26 .news-grid {
  display: grid;
  grid-template-columns: 2.26fr 1fr 1fr;
  gap: 25px;
}

.ava26 .news-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  overflow: hidden;
  /* Hover-отклик: карточка слегка увеличивается и получает тень */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (hover: hover) {
  .ava26 .news-card:hover {
    transform: scale(1.02);
    box-shadow: 0 8.33px 25px rgba(23, 63, 110, 0.2);
  }
}
.ava26 .news-card img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ava26 .news-card-main img {
  aspect-ratio: 1580/969;
}

.ava26 .news-card:not(.news-card-main) img {
  aspect-ratio: 698/439;
}

.ava26 .news-card-main .news-title {
  font-size: 22.92px;
}

.ava26 .news-body {
  padding: 25px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.ava26 .news-title {
  font-size: 17.92px;
  font-weight: 700;
  color: #000000;
  line-height: 1.5;
}

.ava26 .news-body .news-date {
  margin-top: auto;
}

.ava26 .news-date {
  display: block;
  font-size: 13.33px;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 12.5px;
}

.ava26 .news-body .news-date {
  color: #000000;
}

/* Адаптив */
@media (max-width: 1024px) {
  .ava26 .news {
    padding: 48px 0;
  }
  .ava26 .news-grid {
    grid-template-columns: 1fr 1fr;
  }
  .ava26 .news-grid .news-card-main {
    grid-column: 1/-1;
  }
  .ava26 .news-head .section-subtitle {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .ava26 .news-grid {
    grid-template-columns: 1fr;
  }
  .ava26 .news-body {
    padding: 16px;
  }
  .ava26 .news-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 11. ОБСУДИМ */
.ava26 .discuss {
  background: #FFFFFF;
  padding: 110.43px 0 142.09px;
}

.ava26 .discuss-inner {
  display: flex;
  align-items: center;
  gap: 35px;
}

.ava26 .discuss-left {
  flex: 1;
}

.ava26 .discuss-left p {
  font-size: 17.92px;
  line-height: 1.6;
  color: #000000;
  margin-top: 20.84px;
  max-width: 658.39px;
}

.ava26 .btn-send {
  flex: none;
  background: rgba(167, 198, 234, 0.3);
  color: #264B77;
  font-size: 24.17px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 41.67px 46.25px 41.67px 54.17px;
  gap: 22.09px;
  width: 615.47px;
  min-height: 150.01px;
  white-space: normal;
  line-height: 1.2;
  text-align: left;
}

.ava26 .btn-send img {
  width: 41.67px;
}

/* Адаптив */
@media (max-width: 1280px) {
  .ava26 .btn-send {
    width: 480px;
    min-height: 120px;
    font-size: 20px;
    padding: 32px 36px;
  }
}
@media (max-width: 1024px) {
  .ava26 .discuss {
    padding: 56px 0 64px;
  }
  .ava26 .discuss-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
  }
  .ava26 .btn-send {
    width: 100%;
    min-height: 0;
    font-size: 18px;
    padding: 24px 28px;
  }
}
@media (max-width: 768px) {
  .ava26 .discuss {
    padding: 40px 0 48px;
  }
  .ava26 .btn-send {
    font-size: 16px;
    gap: 14px;
  }
  .ava26 .btn-send img {
    width: 28px;
  }
}
/* AVATECH 2026 — главная страница для Битрикса (шаблон Aspro AllCorp3).
   Вход сборки: dist/css/index.css. Подключается в bitrix/index.php
   (staging /index26/bitrix/, прод — /index.php).
   Отличие от style.scss: нет шапки/подвала, база изолирована под .ava26
   (about/_base.scss), .container/.section-* — scoped-копии (bitrix/_scope.scss),
   а селекторы всех блоков скопятся под .ava26 при сборке
   (postcss-плагин scopeAva26 в gulp/tasks/scss.mjs) — CSS темы Aspro
   грузится после бандла страницы и перебивает незаскопленные стили. */
/* 12. КОНТАКТЫ */
.ava26 .contacts {
  background: #173F6E;
  color: #FFFFFF;
  display: grid;
  grid-template-columns: 40.3645833333vw 1fr;
}

.ava26 .contacts-map {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  min-height: 541.29px;
  margin-left: 256px;
}

.ava26 .contacts-map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ava26 .contacts-inner {
  grid-column: 1;
  grid-row: 1;
  min-height: 541.29px;
  padding-left: max((100vw - 1600px) / 2 + 145.83px, 145.83px);
}

.ava26 .contacts-body {
  padding: 91.67px 0 90.42px;
  max-width: 424.2px;
}

.ava26 .contacts-body .section-title {
  color: #FFFFFF;
  margin-bottom: 23.34px;
}

.ava26 .contacts-info h4 {
  font-size: 17.92px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
  line-height: 27.92px;
}

.ava26 .contacts-info p {
  font-size: 17.92px;
  line-height: 27.92px;
  margin: 0;
  /* В Битриксе цвет наследуется от .contacts, но прямые правила темы
     (p, h4) перебивают наследование — задаём явно */
  color: #FFFFFF;
}

.ava26 .contacts-body .btn {
  margin-top: 28.75px;
}

.ava26 .contacts-cities {
  grid-column: 1/-1;
  background: rgba(0, 0, 0, 0.5);
  padding: 37.5px 40px 37.5px max((100vw - 1600px) / 2 + 145.83px, 145.83px);
}

.ava26 .cities-grid {
  display: grid;
  /* Пропорции макета 1600 (483/296/296/380) во fr: на десктопе вид тот же,
     но при сужении окна (1281–1450px) колонки сжимаются, а Тюмень
     не уезжает за край — фиксированные px требовали ~1420px */
  grid-template-columns: 1.63fr 1fr 1fr 1.28fr;
}

.ava26 .city h4 {
  font-size: 16.67px;
  font-weight: 700;
  margin-bottom: 12.5px;
  color: #FFFFFF;
}

.ava26 .city p {
  font-size: 16.67px;
  line-height: 1.6;
  opacity: 0.9;
  color: #FFFFFF;
}

/* Адаптив */
@media (max-width: 1280px) {
  .ava26 .contacts-inner {
    padding-left: 64px;
  }
  .ava26 .contacts-map {
    margin-left: 120px;
  }
  .ava26 .contacts-cities {
    padding-left: 64px;
    padding-right: 64px;
  }
  .ava26 .cities-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .ava26 .contacts {
    display: flex;
    flex-direction: column;
  }
  .ava26 .contacts-inner {
    order: 1;
    min-height: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
  .ava26 .contacts-body {
    padding: 48px 0;
    max-width: none;
  }
  .ava26 .contacts-map {
    order: 2;
    margin-left: 0;
    min-height: 400px;
  }
  .ava26 .contacts-cities {
    order: 3;
    padding-left: 40px;
    padding-right: 40px;
  }
  .ava26 .cities-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .ava26 .contacts-inner {
    padding-left: 24px;
    padding-right: 24px;
  }
  .ava26 .contacts-cities {
    padding-left: 24px;
    padding-right: 24px;
  }
  .ava26 .contacts-map {
    min-height: 320px;
  }
  .ava26 .cities-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .ava26 .contacts-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
  .ava26 .contacts-cities {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* End */
/* /index26/dist/css/index.css?179028167055425 */