/* Start:/local/templates/redisign/assets/css/primenenie.css?17928423864677*/
/* ============================================================
   primenenie.css — раздел /primenenie/ (список отраслей + раздел + детальная)
   под redisign (lift-and-shift из main). Общие карточки/статья/слайдер «другие» —
   переиспользуются из news.css (грузится рядом); здесь только уникальное:
   карточки отраслей (.decision), баннер раздела (.page-hero .inner), плитки каталога.
   Блок «Подходящее оборудование» (catalog.section) отложен к каталогу (95) — загарден.
   ============================================================ */

/* ---------- Список отраслей (карточки .decision) ---------- */
.decision_grid {
  display: grid;
  column-gap: 20px;
  row-gap: 73px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 580px) {
  .decision_grid { gap: 20px; grid-template-columns: repeat(1, 1fr); }
}
.decision {
  height: 100%; display: flex; flex-direction: column;
  background-color: #F3F6F8; border-radius: 5px;
}
.decision__img { height: 320px; border-radius: 5px; overflow: hidden; }
.decision__img a { display: block; height: 100%; }
@media (max-width: 767px) { .decision__img { height: 135px; } }
.decision__body {
  display: flex; flex-direction: column; align-items: flex-start;
  flex: 1 0 0; position: relative; padding: 60px;
}
@media (max-width: 1199px) { .decision__body { padding: 60px 40px 40px; } }
@media (max-width: 767px) { .decision__body { padding: 130px 20px 30px; } }
.decision__body .block {
  padding: 25px 40px; position: absolute; bottom: 100%;
  transform: translateY(30px); left: 60px; right: 60px; z-index: 1;
}
@media (max-width: 1199px) { .decision__body .block { left: 40px; right: 40px; } }
@media (max-width: 767px) {
  .decision__body .block { left: 20px; right: 30px; transform: translateY(90%); padding: 14px 16px; }
}
.decision__body .block::before, .decision__body .block::after {
  content: ""; display: block; position: absolute; left: 0; bottom: 0; border-radius: 5px;
}
.decision__body .block::before {
  z-index: -1; width: 100%; height: 100%; background-color: #fff;
  box-shadow: 0 10px 25px 6px rgba(112, 119, 138, .1);
}
.decision__body .block::after {
  z-index: -2; width: calc(100% + 25px); height: calc(100% + 25px);
  background: linear-gradient(111.49deg, rgba(255, 255, 255, .08) -8.95%, rgba(255, 255, 255, .002) 114%);
  backdrop-filter: blur(50px);
}
@media (max-width: 767px) {
  .decision__body .block::after { width: calc(100% + 10px); height: calc(100% + 20px); bottom: -10px; }
}
.decision__body .button { min-width: 220px; margin-top: auto; }
.decision__txt { margin-bottom: 25px; }
@media (max-width: 767px) { .decision__txt { margin-bottom: 20px; } }

/* Зум картинки при наведении (карточки отраслей) */
@media (min-width: 1200px) {
  .img-hover .img { will-change: transform; transition: all .5s .1s linear; }
  .img-hover:hover .img { transform: scale(1.1); transition-duration: 2s; transition-delay: 0s; }
}

/* ---------- Баннер раздела (.default catalog.section.list в page-hero) ---------- */
.page-hero .inner { height: 488px; border-radius: 5px; overflow: hidden; position: relative; }
@media (max-width: 767px) { .page-hero .inner { height: 270px; } }
.page-hero .inner-title {
  max-width: 75%; position: absolute; top: 60px; left: 60px; padding: 50px;
  background: linear-gradient(180deg, #00A8EB 0%, #46D5CC 100%);
  border-radius: 5px; color: #fff;
}
@media (max-width: 1199px) { .page-hero .inner-title { top: 50px; left: 50px; } }
@media (max-width: 767px) {
  .page-hero .inner-title { top: 25px; left: 15px; right: 15px; padding: 20px 15px 24px; max-width: 100%; }
  .page-hero .inner-title br { display: none; }
}
.page-hero .inner-title .title { margin: 0; }

/* ---------- Плитки каталога (детальная) ---------- */
.mt-65 { margin-top: 65px; }
.catalog__tiles { margin-top: 65px; }
.catalog__tiles h2 { margin-bottom: 65px; }
.catalog__tiles-list { display: flex; flex-wrap: wrap; }
.catalog__tiles-list a { display: flex; align-items: center; width: 33.33%; margin-bottom: 40px; padding-right: 15px; }
@media (min-width: 1200px) { .catalog__tiles-list a:hover { color: #00A8EB; } }
.catalog__tiles-list .img { width: 57px; min-width: 57px; height: 55px; border-radius: 5px; margin-right: 30px; }
@media (max-width: 1024px) { .catalog__tiles-list a { width: 50%; } }
@media (max-width: 524px) { .catalog__tiles-list a { width: 100%; } }

/* End */


/* Start:/local/templates/redisign/assets/css/decisions.css?17928423866264*/
/* ============================================================
   Страница РЕШЕНИЯ (/resheniya/) — список решений, детальная решения.
   Перенос стилей с шаблона main (styles.css). Подключается только на странице.

   Базовые примитивы (слайдер .slider-arrows/.slider-dots, .section-head,
   .section-slider, .fz-22, .full-md, .bg-gray, .hide-*/.show-xl) — в
   migrate-base.css. Карточка .decision/.decision_grid, зум .img-hover и
   баннер .page-hero .inner/.inner-title — в primenenie.css (подключается
   на этой странице вместе с decisions.css).
   Здесь только уникальное для решений: описание (.decision-descr),
   слайдер «Другие решения» (.decisions), документы (.documents +
   .swiper-mobile + .download), фотогалерея (.gallery), утилита .show-lg.
   ============================================================ */

/* --- Описание решения (сырой HTML в .container.decision-descr) ---
   Глобальный reset redisign (styles.css) гасит ul-маркеры/отступы p,h1-h3
   (ol не сброшен). Восстанавливаем браузерные дефолты ТОЛЬКО в описании,
   чтобы совпасть с main (там описание идёт на дефолтах без reset). */
.decision-descr p {
  margin: 1em 0;
}
.decision-descr h1,
.decision-descr h2,
.decision-descr h3 {
  margin: 0.83em 0;
}
.decision-descr ul {
  margin: 1em 0;
  padding-left: 40px;
  list-style: disc;
}

/* Swiper redisign (v7+) вешает overflow:hidden на класс .swiper, а разметка
   main-шаблонов — на старом .swiper-container → компенсируем (как .other__slider
   в news.css). На мобильных внутри .section-slider перекрывается overflow:visible
   из migrate-base (частично видимые слайды — как в main). */
.decisions__slider,
.documents__slider,
.gallery__slider,
.gallery__slider-thumbs {
  overflow: hidden;
}

/* --- Слайдер «Другие решения» (catalog.section.list/decision) --- */
.decisions {
  margin: 110px 0 80px;
}
@media (max-width: 767px) {
  .decisions {
    margin: 40px 0 35px;
  }
}
.decisions__slider .swiper-slide {
  height: auto;
}
@media (max-width: 991px) {
  .decisions__slider .swiper-slide {
    max-width: 454px;
  }
}
@media (max-width: 767px) {
  .decisions__slider .swiper-slide {
    max-width: 292px;
  }
}

/* --- Документы решения (слайдер на mobile, сетка на desktop) --- */
/* .swiper-mobile: на десктопе swiper документов разрушается (destroy) —
   обёртку переводим в переносящуюся сетку; на мобильных остаётся слайдером. */
@media (min-width: 992px) {
  .swiper-mobile {
    overflow: visible;
  }
  .swiper-mobile .swiper-wrapper {
    flex-wrap: wrap;
    width: auto;
    transform: none !important;
    box-sizing: border-box;
  }
  .swiper-mobile .swiper-slide {
    height: auto;
  }
}
@media (max-width: 991px) {
  .swiper-mobile .swiper-wrapper {
    margin: 0;
    flex-wrap: nowrap;
  }
  .swiper-mobile .swiper-slide {
    height: auto;
  }
  .documents__slider .swiper-slide {
    max-width: 460px;
  }
}
@media (max-width: 767px) {
  .documents__slider .swiper-slide {
    max-width: 290px;
  }
}
@media (min-width: 992px) {
  .documents__slider .swiper-wrapper {
    margin: 0 -10px;
  }
  .documents__slider .swiper-slide {
    width: 33.33333%;
    margin-bottom: 20px;
    padding: 0 10px;
  }
}
@media (min-width: 1200px) {
  .documents__slider .swiper-slide {
    width: 25%;
  }
}
.documents .item {
  display: flex;
  height: 100%;
  padding: 34px 34px 55px;
  position: relative;
}
@media (max-width: 767px) {
  .documents .item {
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .documents .item:hover {
    background-color: #fff;
    box-shadow: 0px 10px 25px 6px rgba(112, 119, 138, 0.1);
  }
}
.documents .item__img {
  width: 54px;
  min-width: 54px;
  height: 78px;
  margin-right: 25px;
  border: 1px solid #D7D7D7;
}
@media (max-width: 991px) {
  .documents .item .download {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .documents .item .download {
    position: absolute;
    right: 28px;
    bottom: 25px;
  }
}
.download {
  display: inline-block;
  font-size: 30px;
  width: 1em;
  min-width: 1em;
  height: 1em;
  background: url("/local/templates/redisign/assets/css/../img/icons/download.svg") no-repeat 50% 50%/contain;
  transition: transform 0.1s;
}

/* --- Фотогалерея решения --- */
.gallery {
  margin: 90px 0 140px;
}
@media (max-width: 767px) {
  .gallery {
    margin: 40px 0 56px;
  }
}
.gallery .inner {
  padding: 60px;
  background-color: #fff;
  box-shadow: 0px 10px 25px 6px rgba(112, 119, 138, 0.1);
  border-radius: 5px;
  position: relative;
}
@media (max-width: 1199px) {
  .gallery .inner {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .gallery .inner {
    padding: 0;
    box-shadow: none;
    border-radius: 0;
  }
}
.gallery-img {
  border-radius: 5px;
  overflow: hidden;
}
.gallery__slider, .gallery__slider-thumbs {
  border-radius: 5px;
}
.gallery__slider {
  max-width: 800px;
  margin-top: 30px;
}
.gallery__slider .gallery-img {
  height: 500px;
}
@media (max-width: 767px) {
  .gallery__slider .gallery-img {
    height: 58vw;
  }
}
.gallery__slider-thumbs {
  max-width: 500px;
  margin-top: 30px;
}
.gallery__slider-thumbs .swiper-slide {
  cursor: pointer;
}
.gallery__slider-thumbs .gallery-img {
  height: 55px;
  border: 2px solid #fff;
  transition: all 0.2s;
}
.gallery__slider-thumbs .swiper-slide-thumb-active .gallery-img {
  border-color: #00A8EB;
}
@media (max-width: 1199px) {
  .gallery__slider-thumbs {
    display: none;
  }
}
.gallery__arrows {
  position: absolute;
  top: 60px;
  right: 60px;
}

/* --- Утилиты (нет в migrate-base) --- */
@media (min-width: 992px) {
  .show-lg {
    display: none !important;
  }
}

/* End */


/* Start:/local/templates/redisign/components/bitrix/catalog/decision/bitrix/catalog.section.list/catalog_decision/style.min.css?1792842386179*/
.decision_grid{display:grid;column-gap:20px;row-gap:73px;grid-template-columns:repeat(2,1fr)}@media (max-width:580px){.decision_grid{gap:20px;grid-template-columns:repeat(1,1fr)}}
/* End */
/* /local/templates/redisign/assets/css/primenenie.css?17928423864677 */
/* /local/templates/redisign/assets/css/decisions.css?17928423866264 */
/* /local/templates/redisign/components/bitrix/catalog/decision/bitrix/catalog.section.list/catalog_decision/style.min.css?1792842386179 */