/* Start:/bitrix/templates/myclinic_FirstVersion/components/bitrix/menu/topmenu_header/style.min.css?1729163145483*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/myclinic_FirstVersion/components/bitrix/menu/topmenu_header/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/myclinic_FirstVersion/template_styles.css?17945678719179*/


/* ===== GCD: общая сетка сайта (gcd-russia-site, ops/site-layout). Подключается в конец template_styles.css. ===== */
/* Текстовые блоки страниц (section.container — их добавляют в редакторе): одна колонка по центру, поля по краям,
   а не впритык к краю окна. .slogan — вводный текст страницы под заголовком (Вакансии, Этический комитет…). Свёрстанные блоки (div.container: главная, шапка, формы) не трогаем — у них своя сетка. */
section.container,.page__main>.container.slogan{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
/* :where() — нулевой вес селектора: собственные стили страниц (курс, резюме) важнее этих общих правил.
   Заголовки страниц без своего класса: без «гигантизма», с воздухом сверху и снизу. Главная (.hero__title) не меняется. */
:where(body) h1:not([class]),:where(section.container)>h1{font-size:clamp(30px,3.4vw,44px);line-height:1.15;font-weight:500;margin:24px 0 12px}
:where(.page__main) h2:not([class]){font-size:clamp(24px,2.4vw,32px);line-height:1.25;margin:28px 0 14px}
:where(.page__main) h3:not([class]){font-size:clamp(19px,1.7vw,22px);line-height:1.3;margin:22px 0 10px}
/* Обычный текст страниц: удобная длина строки */
:where(section.container)>p,:where(section.container)>ul,:where(section.container)>ol,:where(.container.slogan) p{max-width:860px}
:where(section.container)>p,:where(.container.slogan) p{line-height:1.6}
:where(.container.slogan) h4{font-size:clamp(17px,1.5vw,20px);line-height:1.3;margin:10px 0}
/* Лишние пустые промежутки: страницы набирали отступы пустыми строками (<br> сразу после абзаца/заголовка/списка)
   и «разделителями» по 60 px. Прячем только такие <br> (до 4 подряд); переносы внутри текста остаются. */
:where(.container.slogan,section.container) :is(p,h1,h2,h3,h4,h5,h6,ul,ol,table,section)+br,
:where(.container.slogan,section.container) :is(p,h1,h2,h3,h4,h5,h6,ul,ol,table,section)+br+br,
:where(.container.slogan,section.container) :is(p,h1,h2,h3,h4,h5,h6,ul,ol,table,section)+br+br+br,
:where(.container.slogan,section.container) :is(p,h1,h2,h3,h4,h5,h6,ul,ol,table,section)+br+br+br+br{display:none}
:where(.container.slogan,section.container) p{margin:0 0 12px}
:where(.container.slogan) section{margin-bottom:24px}
.page__main>.container.slogan>.separator{height:16px}
.page__main>.container.slogan>.separator:last-child{height:48px}
/* Пустые <br> между блоками, которыми раньше делали отступы, не нужны — отступы задают заголовки */
section.container+br,section.container+br+br{display:none}
/* Формы «Обратная связь» и т.п.: подпись под заголовком — по той же линии, что заголовок */
@media (min-width:1000px){.appointment .appoinment__text{grid-column:2/13}}
/* Свои узкие страницы (тест, «Мои результаты») остаются узкими */
section.container.gcdt-wrap,section.container.gcdg-wrap{max-width:820px}
@media (max-width:600px){
  section.container,.page__main>.container.slogan{padding-left:16px;padding-right:16px}
}
/* --- Одна сетка для всех страниц (кроме главной — на ней слайдер — и наших страниц курса/резюме) ---
   Свёрстанные блоки (формы, «Деятельность комитета», услуги) тоже в колонке 1200 px, а заголовок страницы
   и вводный текст начинаются по той же линии, что заголовки этих блоков (вторая колонка их сетки). */
@media (min-width:1000px){
  body:not(:has(.gcdc,.gr,.gcdt,.gcdg,.swiper)) .page__section>.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
  body:not(:has(.gcdc,.gr,.gcdt,.gcdg,.swiper)) section.container,
  body:not(:has(.gcdc,.gr,.gcdt,.gcdg,.swiper)) .page__main>.container.slogan{padding-left:calc(24px + (min(100vw - 17px, 1200px) - 488px) / 12 + 40px)}
}
/* Форма обратной связи: без больших провалов между подзаголовком, контактами и формой */
.appointment .appoinment__text{margin-bottom:0}
.appointment .appoinment__contacts{row-gap:24px}
.appointment .contacts__head{margin-bottom:4px}
.appointment .contacts__item{font-size:20px;line-height:1.3}
/* Иерархия заголовков в блоках: раздел (32) → подраздел (20, полужирный) → текст (17) */
.page__main .slogan>h2.text-center{font-size:clamp(24px,2.4vw,32px);line-height:1.25;letter-spacing:.02em;margin:40px 0 28px!important}
.page__section h3[class*="grid__item"]{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:.03em}
.page__section .hero__text p{font-size:17px;line-height:1.6}
/* Первый экран главной и страниц услуг: текст сразу под кнопкой, без провала в 130 px
   (раньше текст стоял в 5-й строке сетки, а 3-я и 4-я были пустыми, но добавляли отступы) */
@media (min-width:1440px){.page__section.hero .hero__text{grid-row:3/6}}
/* Главная: полоса логотипов и «изгиб» линии между блоками — без лишних 100 px пустоты */
@media (min-width:1000px){
  section.companies{padding-top:32px;padding-bottom:32px}
  section.companies+section.branch{margin-top:-48px}
  /* Форма «Свяжитесь с нами»: под кнопкой было 160 px пустоты */
  .appointment .appoinment__form{padding-bottom:24px}
}
/* Списки в текстовых блоках (например, нормативка НЭК) — с маркерами */
.page__section .hero__text ul{list-style:disc;padding-left:22px;margin:0 0 12px}
.page__section .hero__text li{font-size:17px;line-height:1.5;margin-bottom:6px}
/* Меню в шапке: 16 px вместо 14, при наведении только цвет (без размытой тени) */
.header .header__horizontal_menu .header__prof a{font-size:16px;line-height:1.3;color:#1F4D4F}
.header .header__horizontal_menu .header__prof a:hover,.header .header__horizontal_menu .header__prof a:focus-visible{color:#101E33;text-shadow:none;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
@media (max-width:1279px){.header .header__horizontal_menu .header__prof a{font-size:15px}}
/* Заголовок главной: не больше 48 px, чтобы не спорил с меню */
.page__section.hero .hero__title{font-size:clamp(32px,3.4vw,48px);line-height:1.15}
/* Карточки «Что мы можем сделать для вас?»: подпись под заголовком - кнопкой */
.banners__head .banners__btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 22px;margin-top:12px;border-radius:999px;background:#101E33;color:#fff;font-weight:600;font-size:15px;line-height:1.2;transition:background .2s}
.banners__card:hover .banners__btn,.banners__card a:focus-visible .banners__btn{background:#22355A}
/* Карточки на компьютере: ровная сетка из трех, кнопки на одной линии */
.banners__head{display:flex;flex-direction:column;align-items:flex-start}
@media (min-width:1024px){
#banners .swiper-wrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0 40px;box-sizing:border-box;transform:none!important}
#banners .swiper-slide{width:auto!important;margin:0!important}
#banners .swiper-slide{height:auto!important;display:flex}
#banners .swiper-slide[data-swiper-slide-index="1"]{order:1}#banners .swiper-slide[data-swiper-slide-index="2"]{order:2}#banners .swiper-slide[data-swiper-slide-index="3"]{order:3}#banners .swiper-slide[data-swiper-slide-index="4"]{order:4}
#banners .banners__card,#banners .banners__card>a{display:flex;flex-direction:column;width:100%;max-width:none;height:100%}
#banners .banners__head{flex:1}
#banners .banners__head .banners__prof{margin-top:auto}
#banners .banners__name{margin-bottom:12px}
#banners .banners__photo{width:100%!important;height:auto!important;aspect-ratio:7/6;transform:none!important}
#banners .banners__img{width:100%!important;height:100%!important;object-fit:cover}
}
/* ===== /GCD ===== */

/* End */
/* /bitrix/templates/myclinic_FirstVersion/components/bitrix/menu/topmenu_header/style.min.css?1729163145483 */
/* /bitrix/templates/myclinic_FirstVersion/template_styles.css?17945678719179 */