@charset "UTF-8";
/* static-overrides (astro) */
/* Блок .hidden-block в оригинале раскрывался JS-аккордеонами:
   - описания анализов на страницах цен,- списки «childs» в карточках,- подменю в сайдбаре.
   Без JS скрываемый контент был бы потерян — показываем его всегда. */
.hidden-block {
  display: block !important;
}

/* Аккордеоны FAQ: кнопки-переключатели удалены (были JS), вопросы открыты */
/* ===================== Фаза 6.4.6 (BS5): восстановление базового поведения BS3 ===================== */
/* 1) Базовый <a> в BS5 подчёркнут всегда; в BS3 — только :hover/:focus.
   Возвращаем исходный вид (тема переопределяет своими правилами выше по специфичности). */
a {
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
}

/* 2) .nav в BS3 — блочный список (padding-left:0; margin-bottom:0; list-style:none);
   в BS5 .nav = display:flex. Меню темы (сайдбар, вкладки) собраны как блочные списки:
   без блочного режима li-элементы сжимаются, ссылки с padding «вылезают» друг за друга
   и на hover белый фон <a> накрывает соседние пункты. */
ul.nav.nav-list {
  display: block;
}

ul.nav.nav-tabs {
  display: block;
}

ul.nav.nav-tabs > li {
  float: left;
}

/* .nav>li>a в BS3 = display:block (тема строит на этом: вертикальный padding ссылок).
   В BS5 правила нет -> <a> остаётся inline, padding налезает на соседние строки,
   и на hover фон ссылки накрывает соседние пункты. */
ul.nav > li > a {
  display: block;
}

/* 3) col-* в BS3 имели встроенный float:left; в BS5 колонки не плавают
   (рассчитаны на flex-родителя .row). В шапке колонки стоят вне .row
   (top-block/maxwidth-theme) — без float правый блок (телефон) вылезает за рамку,
   а меню «О клинике» смещается. Восстанавливаем float в диапазоне BS3-md (≥992);
   min-height:1px — как в col-* BS3 (нулевая высота float не создаёт line-box
   и не сдвигает следующий float). */
@media (min-width: 992px) {
  .top-block .maxwidth-theme > .col-lg-3 {
    float: left;
    min-height: 1px;
  }
  .top-block .maxwidth-theme > .col-lg-5 {
    float: left;
  }
}
/* ===================== Фаза 6.4.9: футер — восстановление геометрии BS3 =====================
   Колонки top_footer стоят вне .row (как и в оригинале). В BS3 col-md-* имели
   float:left; в BS5 — нет, и блок «Мы в соцсетях» уезжал на новую строку под контакты.
   Диапазон ≥992 = исходный BS3-md (col-md-3 = float + 25%).
   Примечание: тему-правило #footer .col-lg-3.offset-lg-1{margin-left:0} (из
   template.css, переименованное из col-md-*) не трогаем — оно из оригинала.
   (margin-отступ отключаем; в оригинале его скрывала пустая колонка subscribe.) */
@media (min-width: 992px) {
  .top_footer .maxwidth-theme > .col-lg-3 {
    float: left;
    width: 25%;
  }
  /* небольшой отступ контента соцсетей — на 992–1023 телефон (nowrap) стоит
     вплотную к колонке, в оригинале отсюда была пустая subscribe-колонка */
  .top_footer .maxwidth-theme > .col-lg-3.offset-lg-1 {
    padding-left: 24px;
  }
}
/* 768–991: рядом не ставим — телефон (white-space:nowrap в теме) шире своей
   25%-колонки и налезал бы на блок соцсетей (в оригинале это скрывала пустая
   колонка subscribe, у нас её нет). Блоки ставятся друг под другом на полную
   ширину — как в мобильной версии. */
@media (min-width: 768px) and (max-width: 991px) {
  .top_footer .maxwidth-theme > .col-lg-3 {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
/* ===================== Фаза 6.4.10: блок «О клинике» на главной =====================
   Ссылка «Подробности» — position:absolute; top:15; right:16 (правило темы) и
   должна висеть в белой зоне правее h2. В BS3 .row внутри .info был блочным,
   колонки — inline-block 50%, а картинка была «прижата к низу» строки
   (vertical-align:bottom) — сверху-справа оставалась белая зона под ссылку.
   В BS5 .row = flex и vertical-align игнорируется: колонки растягиваются
   (align-items:stretch) и картинка уезжает наверх — ссылка оказывалась поверх
   фото. Восстанавливаем верную вертикальную раскладку через align-self. */
@media (min-width: 992px) {
  .company-block .item-views.front .info .body-info {
    align-self: flex-start;
  }
  .company-block .item-views.front .info .image {
    align-self: flex-end;
  }
}
/* <992: в оригинале (template_*.css) колонки блока на узких экранах
   складывались в столбик (width:100%). Возвращаем то же: flex-колонки по 50%
   на мобильном были слишком тесными. */
@media (max-width: 991px) {
  .company-block .item-views.front .info .body-info,
  .company-block .item-views.front .info .image {
    width: 100%;
  }
}
/* ===================== Фаза 6.4.12: списки в контенте (uzi, densitometriya, vtes, pacientam, цены, ...) =====================
   Обновление темы 2025-05 (шаблон af20a6) ВЫКИНУЛО базовые стили списка темы
   (ol,ul{padding-left:0}, ul li{list-style:none;padding-left:20px},
   ul li:before{content:"—";position:absolute}), а правка владельца
   ul li::before{content:"•" !important} осталась → браузерный disc + вторая "•"
   в тексте: "• •..." (в дампе original так же — screenshot w2_uzi_orig).
   Восстанавливаем ДОобновленческий вид (по старому шаблону 264cbd) только в
   колонке контента .content-md; меню .nav (сайдбар) не трогаем.
   Саму "•" из правки владельца сохраняем (у неё !important, значение совпадает).
   =========================================================================== */
.content-md ul:not(.nav),
.content-md ol {
  margin: 25px 0;
  padding-left: 0;
}

.content-md ul:not(.nav):first-child,
.content-md ol:first-child {
  margin-top: 0;
}

.content-md ul:not(.nav) li {
  position: relative;
  list-style: none;
  padding-left: 20px;
  margin-bottom: 8px;
}

.content-md ul:not(.nav) li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}

.content-md ol {
  margin-left: 20px;
}

.content-md ol li {
  padding-left: 4px;
  margin-bottom: 12px;
}

.content-md ul li ul,
.content-md ul li ol,
.content-md ol li ul,
.content-md ol li ol {
  margin: 4px 0 0;
  padding-left: 0;
}

/* ===================== Фаза 6.4.11: скрытие отсутствующих изображений =====================
   В дампе aorg/ вместо части оригинальных файлов лежат плейсхолдеры Bitrix
   (серое поле 400×300, 1 КБ) — сервер генерировал их на месте недостающих
   изображений и краулер сохранил плейсхолдеры, а не фото. Полная ведомость
   и способ восстановления — report_site_damage.md, раздел 6.
   Правило: прячем сам <img> и/или его контейнер, чтобы не оставалось
   «пустого прямоугольника». Когда файл вернётся в public/upload/… —
   удалить соответствующую строку (или весь раздел). */
/* «О клинике» (/o-klinike/): 2 фото отсутствуют (DSC01838 (1).JPG, 11.jpg) */
img[src$="5479420785cc783168ed2e20de293973.JPG"],
img[src$="125c322355fed0ece668bc32dccfad70.jpg"] {
  display: none;
}

/* Контейнеры картинок: «Лицензии» (2), новость «УЗИ», услуга «УЗИ»,
   логотип «Вита-страхование» (партнёры на главной и в /o-klinike/partnyory/) */
.item .image:has(> .wrap > a > img[src$="7d043ad9ce4b9868e0cc2b9311efe783.jpg"]),
.item .image:has(> .wrap > a > img[src$="e6a6e49f749c2213ca4f9fdd650309fb.jpg"]),
.item .image:has(> .wrap > a > img[src$="71443f7e3b96789642754b83cb31e0d6.jpg"]),
.item .image:has(> a > img[src$="71443f7e3b96789642754b83cb31e0d6.jpg"]),
.item .image:has(> img[src$="01ddbb9f5ef36a2bc7ba7b9d49942a2a.png"]),
.item .image:has(> .wrap > a > img[src$="01ddbb9f5ef36a2bc7ba7b9d49942a2a.png"]) {
  display: none;
}

/* Страница-карточка партнёра «Вита-страхование»: блок логотипа */
.detailimage:has(> .img-partner > img[src$="e4043dd0da0ed3afb27cf1246c7528b7.png"]) {
  display: none;
}

/* Технологии: абзацы, содержащие только отсутствующую картинку */
p:has(> img[src$="35fbde952446ba3e941bb29f15cb2ec5.png"]),
p:has(> img[src$="6fb058d751879a53e5f913136adae386.png"]),
p:has(> b > img[src$="e03fd1dadc55d567b97edad3a97d5838.png"]) {
  display: none;
}

/* ===================== Фаза 6.4.14: мобильные отступы на внутренних страницах =====================
   Корень: BS5 .row = margin: ±(-12px), у её .col-* padding 12px — на
   внутренних страницах (одна колонка на мобиле) они взаимно
   гаснут: -12(row) + 12(col) = 0 → текст у самого края экрана.
   На ГЛАВНОЙ блоки лежат не в col и отступ 12px у них сохраняется —
   эталон, который просил пользователь («сделай как на главной»).
   Фикс (<992, где сайдбар скрыт и контент — одна во всю ширину):
   обнуляем отрицательные марджи внутреннего .row и padding внутренних
   колонок — остаётся 12px padding колонки .content-md → текст в 12px
   от края. От 992 (desktop, сайдбар) сетку не трогаем: padding колонок
   там — зазор между сайдбаром и контентом. */
@media (max-width: 991.98px) {
  .content-md .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .content-md .row > [class*=col-] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* ===================== Фаза 6.4.15: надпись «Имеются противопоказания…» (38-ФЗ) =====================
   Порт 1:1 оригинальной темы af20a6 (активна в дампе): фиксированный
   белый баннер в самом низу экрана, светлый серо-синий капс.
   В дампе был на 90 из 93 страниц (шаблонный блок, конец body) —
   возвращаем на всех (реклама мед. услуг требует надпись на всех
   страницах, где она есть). Значения — из template_af20a6.css +
   responsive.css (ступенчатое уменьшение кегля). */
.banner_warning {
  padding: 15px 0 14px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 1.8667em;
  line-height: 1.1em;
  letter-spacing: 1px;
  color: #c3d1d5;
  background: #FFF;
  text-align: center;
  border-top: 1px solid #eaeff1;
  text-transform: uppercase;
  z-index: 100;
}

.banner_warning span {
  display: block;
  padding: 0 32px;
  background: #FFF;
}

@media (max-width: 991.98px) {
  .banner_warning {
    font-size: 1.3333em;
  }
  .banner_warning span {
    display: inline-block;
  }
}
@media (max-width: 767.98px) {
  .banner_warning {
    font-size: 1em;
  }
}
@media (max-width: 479.98px) {
  .banner_warning {
    font-size: 0.8667em;
  }
  .banner_warning span {
    padding: 0 12px;
  }
}
@media print {
  .banner_warning {
    display: none;
  }
}
/* футер не должен уезжать под фиксированный баннер:
   высота баннера 47–61px во всех брейкпоинтах (2 строки на мобиле)
   -> постоянный 62px */
#footer {
  padding-bottom: 62px;
}

/* ===================== Фаза 6.4.15: карта сайта /karta/ ===================== */
.sitemap-h2 {
  font-size: 1.2em;
  margin: 26px 0 8px;
}

.sitemap-h2 a {
  color: #41a054;
  text-decoration: none;
}

.sitemap {
  list-style: none;
  margin: 0 0 6px;
  padding-left: 0;
}

.sitemap li {
  margin: 3px 0;
  line-height: 1.4;
}

.sitemap ul {
  list-style: none;
  padding-left: 22px;
  margin: 3px 0;
}

.sitemap a {
  color: #41a054;
  text-decoration: none;
  border-bottom: 1px dotted #41a054;
}

.sitemap a:hover {
  color: #2c7a3e;
}

.sitemap .no-page {
  color: #555;
}