/* Start:/bitrix/templates/aspro-allcorp3digital/components/bitrix/news/services/style.css?17706186287114*/
.services-list  ~ .text_after_items {
    margin-top: 41px;
}

/* =========================================================
   Подраздел услуг 2026
   Скоуп: добавь обертку .tp-srv-razd-2026 в section.php
   ========================================================= */

.tp-srv-razd-2026{
  color: #1b1b1b;
}

/* =========================================================
   HERO (tp-srv-2026--hero-section) — full-bleed 1920 + yellow left
   ========================================================= */

.tp-srv-2026--hero-section{
  position: relative;
}

/* делаем внешний контейнер 1920 по центру */
.tp-srv-2026--hero-section .tp-srv-hero__bleed{
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

/* жёлтая заливка слева до края экрана (full-bleed) */
.tp-srv-2026--hero-section .tp-srv-hero__bleed::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;

  /* растягиваем до краёв экрана */
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;

  /* сама заливка */
  background: #DDED32;
  z-index: 0;
}

/* контент поверх заливки */
.tp-srv-2026--hero-section .tp-srv-hero__wrap{
  position: relative;
  z-index: 1;

  display: grid;
  grid-template-columns: 1fr 730px;
  align-items: center;

  min-height: 464px;
  column-gap: 0;
}

/* чтобы текст был “как в maxwidth-theme” — оставляем maxwidth-theme,
   но убираем его визуальные ограничения для сетки */
.tp-srv-2026--hero-section .maxwidth-theme{
  position: relative;
  z-index: 1;
}

/* левый столбец — внутри него только контент */
.tp-srv-2026--hero-section .tp-srv-hero__content{
  padding: 40px 0;
  max-width: 100%;
}

/* правый столбец — картинка 730×464 прижата вправо */
.tp-srv-2026--hero-section .tp-srv-hero__art{
  width: 730px;
  height: 464px;
  justify-self: end;
  align-self: center;
}
.tp-srv-2026--hero-section .tp-srv-hero__art img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Типографика */
/* заголовок (у тебя kicker) */
.tp-srv-2026--hero-section .tp-srv-hero__kicker{
  font-family: Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: 45px;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;

  margin: 0 0 18px 0;
  color: #111; /* на жёлтом читается */
}

/* подзаголовок/описание (lead) */
.tp-srv-2026--hero-section .tp-srv-hero__lead{
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0;

  color: #111;
  max-width: 720px;
}

/* адаптация: на узких — картинка вниз */
@media (max-width: 1200px){
  .tp-srv-2026--hero-section .tp-srv-hero__wrap{
    grid-template-columns: 1fr;
    row-gap: 24px;
    min-height: auto;
  }
  .tp-srv-2026--hero-section .tp-srv-hero__art{
    width: min(730px, 100%);
    height: auto;
  }
  .tp-srv-2026--hero-section .tp-srv-hero__art img{
    height: auto;
  }
}


/* отступ от анонса к карточкам */
.tp-srv-razd-2026 .section-wrapper-list,
.tp-srv-razd-2026 .section-content-wrapper,
.tp-srv-razd-2026 .content_wrapper_block{
  margin-top: 34px;
}


/* -------------------------
   Карточки разделов/услуг
   ------------------------- */

/* скрыть “описание” в карточках, которые ты показывал */
.tp-srv-razd-2026 .services-list__item-preview-wrapper{
  display: none;
}

/* больше “воздуха” внутри карточки */
.tp-srv-razd-2026 .services-list__item.services-list__item--section,
.tp-srv-razd-2026 .services-list__item.services-list__item--element{
  padding: 28px;
  border-radius: 0; /* ты просил убрать скругление */
  min-height: 390px; /* чтобы не плясали по высоте */
  transition: background-color .2s ease, color .2s ease;
}

/* hover фон */
.tp-srv-razd-2026 .services-list__wrapper:hover .services-list__item{
  background-color: #8037c7;
}

/* заголовок/текст на hover */
.tp-srv-razd-2026 .services-list__wrapper:hover .services-list__item-title a,
.tp-srv-razd-2026 .services-list__wrapper:hover .services-list__item-childs,
.tp-srv-razd-2026 .services-list__wrapper:hover .services-list__item-childs a{
  color: #fff;
}

/* заголовок карточки */
.tp-srv-razd-2026 .services-list__item-title{
  font-size: 30px;
  line-height: 1.12;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 18px 0;
}

/* общий текст 15 */
.tp-srv-razd-2026 .services-list__item-childs,
.tp-srv-razd-2026 .services-list__item-childs a{
  font-size: 15px;
  line-height: 1.45;
}

/* -------------------------
   SVG ICON 100x100 в карточках
   (это работает, если в PHP ты реально выводишь svg/картинку в этом контейнере)
   ------------------------- */
.tp-srv-razd-2026 .services-list__item-image-wrapper{
  width: 100px;
  height: 100px;
  flex: 0 0 100px;
}

.tp-srv-razd-2026 .services-list__item-image{
  width: 100px;
  height: 100px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
}

/* если ICON выводишь как inline-svg */
.tp-srv-razd-2026 .services-list__item-image svg{
  width: 100%;
  height: 100%;
  display: block;
}

/* если ICON выводишь как <img> */
.tp-srv-razd-2026 .services-list__item-image img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

/* -------------------------
   Стрелка 2026 вместо старой arrow-all
   - без hover скрыта
   - на hover видна
   - на мобилке всегда видна
   ------------------------- */

/* гасим старую внутреннюю svg/линию */
.tp-srv-razd-2026 .arrow-all .arrow-all__item-arrow,
.tp-srv-razd-2026 .arrow-all .arrow-all__item-line,
.tp-srv-razd-2026 .arrow-all i.svg{
  display: none;
}

.tp-srv-razd-2026 .arrow-all{
  position: absolute;
  right: 22px;
  top: 22px;
  width: 44px;
  height: 44px;
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
}

.tp-srv-razd-2026 .arrow-all::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("/images/2026elements/arrow.svg") no-repeat center / contain;
}

.tp-srv-razd-2026 .services-list__wrapper:hover .arrow-all{
  opacity: 1;
  transform: translateX(2px);
}

@media (max-width: 767px){
  .tp-srv-razd-2026 .arrow-all{
    opacity: 1; /* на мобилке всегда */
    transform: none;
  }
}



/* -------------------------
   GEOFORM (если блок подключается)
   ------------------------- */
.tp-srv-razd-2026 .tp-geoform{
  margin-top: 56px;
}

/* End */
/* /bitrix/templates/aspro-allcorp3digital/components/bitrix/news/services/style.css?17706186287114 */