/* Start:/local/templates/main/components/bitrix/catalog/services/bitrix/catalog.section/.default/style.css?17895431989790*/
/* Блок «Если у вас похожая ситуация» здесь больше не оформляется: с 14.09.2026
   он один на весь сайт - include/blok-zapisi.php и css/blok-zapisi.css.
   Прежняя копия стилей разошлась с оригиналом (список без цвета - тёмное
   на тёмном, раскладка в одну колонку из-за правил вне @media). */

/* Описание под заголовком в шапке страницы услуги (UF_SHORT_DESCRIPTION).
   Замер 14.09.2026: заголовок 25px, а текст под ним 14px - вдвое мельче,
   смотрелось несоразмерно (замечание Андрея). Вес выше общего «.p». */
.services-header .services-header__desc{
  font-size: 1.25rem;
  line-height: 1.5;
}

/* Смысловые блоки текста услуги (DESCRIPTION раздела).
   Классы usluga-* кладутся в сам текст страницы (исходники - seo/teksty-uslug/),
   а оформление живёт здесь: в базе остаётся чистая разметка без стилей.
   Первая страница - карбоксиангиография, 14.09.2026.

   Весь текст такой страницы обёрнут в .usluga-tekst. Замер 14.09.2026 на
   живой странице (окно 1280): обычный текст услуги идёт строкой в 1078px
   набором 14px - для немолодого читателя и мелко, и слишком длинно. Обёртка
   ограничивает строку 52rem (~70 знаков) по левому краю и поднимает кегль
   до 1.2rem. Другие страницы услуг она не трогает - только те, чей текст
   переведён на эти блоки. */
.services-desc .usluga-tekst{
  max-width: 52rem;
}

.services-desc .usluga-tekst h2,
.services-desc .usluga-tekst h3,
.services-desc .usluga-tekst p,
.services-desc .usluga-tekst ul,
.services-desc .usluga-tekst ol{
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.services-desc .usluga-tekst p,
.services-desc .usluga-tekst ul li{
  font-size: 1.2rem;
  line-height: 1.6;
}

/* Маркеры общих списков сайта рассчитаны на строку 14px (top: 6px) -
   при крупном кегле они висят над строкой. */
.services-desc .usluga-tekst ul li:after{
  top: .65rem;
}

.services-desc .usluga-tekst ul.--check li:after{
  top: .15rem;
}

.services-desc .usluga-glavnoe,
.services-desc .usluga-opory,
.services-desc details.usluga-vopros,
.services-desc details.usluga-podrobnee{
  box-sizing: border-box;
}

/* Первый экран: ответ на вопрос, с которым человек пришёл. */
.services-desc .usluga-glavnoe{
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 2rem 2.25rem;
  border-left: .375rem solid #3C7B8F;
  border-radius: 1.25rem;
  background-color: #EFFAFC;
}

.services-desc .usluga-glavnoe p{
  margin: 0 0 1rem;
  color: #001220;
  font-size: 1.25rem;
  line-height: 1.55;
}

.services-desc .usluga-glavnoe p.usluga-glavnoe__zagolovok{
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.25;
}

.services-desc .usluga-glavnoe a.usluga-glavnoe__ssylka{
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .5rem 1.25rem;
  border-radius: .75rem;
  background-color: #3C7B8F;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.services-desc .usluga-glavnoe a.usluga-glavnoe__ssylka:hover{
  background-color: #0897B4;
}

/* Под фиксированной шапкой якорь иначе уезжает под неё. */
.services-desc #chto-sdelat{
  scroll-margin-top: 8rem;
}

/* Шаги маршрута - карточки с номером.
   🔴 Вес селектора поднят через .services-descblock (замер на проде 14.09.2026):
   в Битриксе стили ШАБЛОНА грузятся ПОСЛЕ стилей компонента, и правило
   шаблона «.services-descblock .type-editor ol { padding-left: 35px }» при
   равном весе перебивало этот файл - карточки уезжали на 35px вправо от
   остальных блоков. В предпросмотре не было видно: там стили шли последними. */
.services-descblock .services-desc ol.usluga-shagi{
  padding: 0;
  list-style: none;
  counter-reset: usluga-shag;
}

.services-desc ol.usluga-shagi > li.usluga-shagi__shag{
  position: relative;
  margin: 0 0 1rem;
  padding: 1.25rem 1.5rem 1.25rem 4.5rem;
  border: 1px solid #D3E4EA;
  border-radius: 1rem;
  background-color: #fff;
  color: #223E4E;
  font-size: 1.2rem;
  line-height: 1.55;
  list-style: none;
  counter-increment: usluga-shag;
}

.services-desc ol.usluga-shagi > li.usluga-shagi__shag::before{
  content: counter(usluga-shag);
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background-color: #3C7B8F;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 2.25rem;
  text-align: center;
}

.services-desc ol.usluga-shagi > li.usluga-shagi__shag::after{
  content: none;
}

.services-desc .usluga-shagi__nazvanie{
  display: block;
  margin-bottom: .25rem;
  color: #001220;
  font-size: 1.35rem;
  font-weight: 700;
}

/* Список документов: галочки берутся из общего ul.--check, здесь только
   размер - в общем правиле он 1rem, то есть 14px, для этой аудитории мелко. */
.services-desc ul.usluga-dokumenty li{
  font-size: 1.2rem;
  line-height: 1.55;
}

.services-desc p.usluga-primechanie{
  color: #4A6472;
  font-size: 1.05rem;
}

.services-desc p.usluga-knopka-obertka{
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}

/* Общая .btn - flex на всю ширину; в тексте кнопка по размеру надписи
   (замер 14.09.2026: без этого 728px - полоса, а не кнопка). */
.services-desc a.usluga-knopka{
  display: inline-flex;
}

/* Как мы ведём таких пациентов: четыре опоры сеткой 2 × 2. */
.services-desc .usluga-opory{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.services-desc .usluga-opory__punkt{
  padding: 1.25rem 1.5rem;
  border-radius: 1rem;
  background-color: #EFFAFC;
}

.services-desc .usluga-opory__punkt p{
  max-width: none;
  margin: 0;
  color: #223E4E;
  font-size: 1.15rem;
  line-height: 1.55;
}

.services-desc .usluga-opory__punkt p.usluga-opory__zagolovok{
  margin-bottom: .5rem;
  color: #3C7B8F;
  font-size: 1.3rem;
  font-weight: 700;
}

/* Частые вопросы и «подробнее» - раскрывающиеся блоки без скриптов.
   Поиск текст внутри <details> видит: подробности метода остаются на странице. */
.services-desc details.usluga-vopros{
  border-bottom: 1px solid #D3E4EA;
}

.services-desc details.usluga-podrobnee{
  margin-top: 3rem;
  padding: 0 1.5rem;
  border: 1px solid #D3E4EA;
  border-radius: 1rem;
}

.services-desc details.usluga-podrobnee[open]{
  padding-bottom: 1.5rem;
}

.services-desc details.usluga-vopros > summary,
.services-desc details.usluga-podrobnee > summary{
  position: relative;
  padding: 1.1rem 3rem 1.1rem 0;
  color: #001220;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.4;
  list-style: none;
  cursor: pointer;
}

.services-desc details > summary::-webkit-details-marker{
  display: none;
}

.services-desc details.usluga-vopros > summary::after,
.services-desc details.usluga-podrobnee > summary::after{
  content: "+";
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  color: #3C7B8F;
  font-size: 1.75rem;
  font-weight: 400;
}

.services-desc details.usluga-vopros[open] > summary::after,
.services-desc details.usluga-podrobnee[open] > summary::after{
  content: "−";
}

.services-desc details > summary:focus-visible{
  outline: 3px solid #0897B4;
  outline-offset: 2px;
}

.services-desc details.usluga-vopros > p{
  margin: 0 0 1.25rem;
  font-size: 1.2rem;
  line-height: 1.55;
}

@media (max-width: 768px){
  .services-desc .usluga-glavnoe{
    padding: 1.5rem 1.25rem;
  }

  .services-desc .usluga-glavnoe p.usluga-glavnoe__zagolovok{
    font-size: 1.5rem;
  }

  .services-desc ol.usluga-shagi > li.usluga-shagi__shag{
    padding: 1rem 1rem 1rem 3.75rem;
  }

  .services-desc ol.usluga-shagi > li.usluga-shagi__shag::before{
    left: 1rem;
    top: 1rem;
  }

  .services-desc .usluga-opory{
    grid-template-columns: minmax(0, 1fr);
  }
}


/* Предупреждение о неотложной помощи на страницах про угрозу (16.09.2026,
   аудит 15.09 п. 1.8). Стоит вверху страницы и отдельно от кнопки: рядом с
   призывом написать оно читается как «пишите, но вообще-то вызывайте скорую»
   (решение Андрея 14.09.2026). Размер - из общей шкалы --kink-*. */
.services-desc p.usluga-srochno {
  margin: 20px 0;
  padding: 18px 24px;
  border-left: 4px solid var(--kink-alert, #C0392B);
  border-radius: 6px;
  background: #fdf2f0;
  font-size: var(--kink-body, 17px);
  line-height: var(--kink-lh-body, 1.6);
}

/* End */
/* /local/templates/main/components/bitrix/catalog/services/bitrix/catalog.section/.default/style.css?17895431989790 */