/* Start:/bitrix/templates/medstyle/faq.css?1744801565905*/
.faq-block {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
  padding: 32px;
  margin-top: 60px;
  margin-bottom: 60px;
  width: 100%;
}

.faq-item {
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}

.faq-item:last-child {
  border-bottom: none;
}

.faq-question {
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  padding-right: 30px;
  color: #111;
  transition: color 0.3s ease;
}

.faq-question:hover {
  color: #E20009;
}

.faq-question::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 0;
  font-size: 24px;
  color: #E20009;
  transition: transform 0.3s ease;
}

.faq-question.open::after {
  content: '-';
  transform: rotate(180deg);
}

.faq-answer {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
  font-size: 16px;
  color: #444;
  margin-top: 12px;
  line-height: 1.8;
}

/* End */


/* Start:/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1_mob/style.min.css?17047067842111*/
ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1_mob/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1_mob/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1_mob/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1_mob/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1_mob/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block}
/* End */


/* Start:/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1/style.min.css?17047067842111*/
ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block}
/* End */


/* Start:/bitrix/templates/medstyle/styles.css?177643763518993*/
/* Text */
img {border:0 none;}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica,sans-serif; 
	margin:1.3em 0 0.7em;
	font-weight:normal;
	line-height:1.2;
}

h1 { font-size:190%; margin:0 0 1em; }
h2 { font-size:150%; }
h3 { font-size:130%; font-weight: bold;}
h4 { font-size:120%;}
h5 
{ 
	border-bottom:1px solid #E5E5E5;
	font-size:140%;
	font-weight:normal;
	margin:0 0 1.1em;
	padding:0 0 1em;
}
h6 { font-size:100%; }

hr, .hr 
{
	border-top:1px solid;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:12px 0;
	overflow:hidden;
	padding:0;
}

#workarea ul { list-style-type: none;  padding:0; margin: 0 0 0 1.5em;}
#workarea ul li:before { content:'\2014\a0'; }
#workarea li
{
	behavior:expression( !this.before  ? this.before = this.innerHTML = '<span class="dash">— </span>' + this.innerHTML :'' );
	text-indent:-1.35em;
	margin: 0.6em 0
}

#workarea ul ul { padding:0 0 0 1.5em; margin: 0.6em 0}



table.data-table { width: 100%; border-bottom: 1px solid #F0F0F0; border-top: 1px solid #F0F0F0}
table.data-table th { text-align: left;}
table.data-table td, table.data-table th { padding: 1em; font-size: 0.85em;}
table.data-table tr.alt-row { background-color: #F0F0F0; }



.medstyle-tip {
  border-left: 4px solid #E20009; /* акцентная вертикальная линия */
  background-color: #f2f3f7;
  padding: 16px 20px;
  margin: 32px 0;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.medstyle-tip strong {
  color: #E20009;
}


/* ==== TABLE PREP ==== */
.ms-prep-grid{
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 40px rgba(0,0,0,.05);
  padding:32px;
  margin-top:60px;
  font:16px/1.45 "Inter",sans-serif;
  color:#222;
}

/* Шапка таблицы */
.ms-prep-header{
  display:grid;
  grid-template-columns:120px 2fr 1fr;   /* «2fr» — шире, «1fr» — уже  */
  gap:24px;
  padding:14px 0 18px;
  border-bottom:2px solid #E20009;
  font-weight:700;
}

/* Строки */
.ms-prep-row{
  display:grid;
  grid-template-columns:120px 2fr 1fr;   /* средний столбец шире */
  gap:24px;
  padding:20px 0;
  border-bottom:1px solid #eee;
}
.ms-prep-row:last-child{border-bottom:none}

.ms-prep-time{
  font-weight:700;
  color:#E20009;
  white-space:nowrap;
}

.ms-prep-task span{font-weight:600;}
.ms-prep-why{color:#555;}

/* Совет под таблицей */
.ms-prep-tip{
  margin-top:32px;
  border-left:4px solid #E20009;
  padding-left:16px;
  font-style:italic;
}

@media(max-width:768px){
  .ms-prep-header,
  .ms-prep-row{
    grid-template-columns:1fr;
  }
  .ms-prep-time{margin-bottom:6px;}
  .ms-prep-header{
    display:none;
  }
}

.photo-grid{
  display:flex;
  flex-wrap:wrap;
  gap:16px;    
  padding: 20px 0 30px 0;
}
.photo-grid>div{
  flex:1 1 calc(33.333% - 16px);   /* три колонки */
}
.photo-grid img{
  width:100%;
  height:auto;
  display:block;
  border-radius:8px;        /* опционально: скругление */
}

/* планшеты ≤ 768 px — две колонки */
@media (max-width:768px){
  .photo-grid>div{flex:1 1 calc(50% - 16px);}
}

/* телефоны ≤ 480 px — одна колонка */
@media (max-width:480px){
  .photo-grid>div{flex:1 1 100%;}
}

.photo-carousel{margin:40px 0;}
.photo-carousel img{width:100%;height:auto;display:block;border-radius:8px;}



/* Стили для вставки видео в любой части страницы */
.soprano-video-wrapper {
  position: relative;
  width: 100%;
  max-width: 1024px; /* Ограничение для ПК */
  aspect-ratio: 16 / 9;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
  /* убираем margin: 0 auto; чтобы было по левому краю */
}

.soprano-video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 24px;
  display: block;
}

@media (max-width: 600px) {
  .soprano-video-wrapper {
    max-width: 100%;
    border-radius: 16px;
  }
  .soprano-video-wrapper iframe {
    border-radius: 16px;
  }
}


/* добавить рядом с существующими стилями .medstyle-tip */
.ms-phones a{
  color:#000;                 /* чёрный текст */
  text-decoration:none;
  font-weight:600;
}
.ms-phones a:hover{           /* лёгкое подчёркивание при наведении */
  text-decoration:underline;
}


/* ===== MedStyle Clinic — "Как нас найти" ===== */

.contact-local {
    
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
    padding: 32px;
    margin-top: 60px;
    margin-bottom: 60px;
    width: 100%;
  
}

/* Заголовок и вводный текст */
.contact-local__title {
  margin: 0 0 8px;
  font-size: 1.6rem;
  line-height: 1.3;
}
.contact-local__intro {
  margin: 0 0 16px;
  color: #444;
}

/* Сетка: карта + инфо-колонка */
.contact-local__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 24px;
  align-items: start;
}

/* Карта и ссылка "Открыть в Яндекс.Картах" */
.contact-local__map iframe {
  width: 100%;
  height: 420px;
  border: 0;
  border-radius: 12px;
}
.contact-local__maplink {
  display: inline-block;
  margin-top: 8px;
  font-size: 0.95rem;
  text-decoration: underline;
}

/* Строки с данными */
.contact-local__row {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed #eee;
}
.contact-local__row:last-child {
  border-bottom: 0;
}

/* Подписи слева */
.contact-local__label {
  color: #405a73;
  font-weight: 600;
}

/* Значения/ссылки справа */
.contact-local__value a {
  text-decoration: none;
}
.contact-local__value a:hover {
  text-decoration: underline;
}

/* Телефоны: лёгкий интервал для двух номеров */
.contact-local__phones a {
  display: inline-block;
  margin-right: 12px;
}

/* ===== Мессенджеры — иконки в один ряд ===== */
.contact-local__messengers {
  display: flex;
  align-items: center;
  gap: 10px;          /* расстояние между иконками */
  flex-wrap: wrap;    /* перенос на узких экранах */
}

/* Ссылки-иконки (общий бокс) */
.contact-local__messengers .social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;        /* размер кликабельной области */
  height: 40px;
  text-decoration: none;
}

/* Картинки-иконки: единый размер */
.contact-local__messengers .social img {
  width: 32px;
  height: 32px;
  display: block;
  object-fit: contain;
}

/* Ховер/фокус для доступности */
.contact-local__messengers .social:hover {
  opacity: 0.9;
}
.contact-local__messengers .social:focus-visible {
  outline: 2px solid rgba(0,0,0,.25);
  outline-offset: 2px;
  border-radius: 8px;
}

/* Акцент времени работы */
.is-accent {
  color: #E20009;
  font-weight: 700;
}

/* ===== Адаптив ===== */
@media (max-width: 900px) {
  .contact-local__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .contact-local__row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

@media (max-width: 480px) {
  .contact-local__messengers .social {
    width: 36px;
    height: 36px;
  }
  .contact-local__messengers .social img {
    width: 28px;
    height: 28px;
  }
}


/* ===== Только модуль "Как нас найти" ===== */

/* Столбик номеров + выравнивание иконки A1 */
#how-to-find-us .contact-local__phones{
  display: grid;
}
#how-to-find-us .contact-local__phones .phone{
  display: inline-flex;
  align-items: center;
  gap: 6px;              /* отступ между номером и иконкой */
  white-space: nowrap;   /* не переносить номер */
  text-decoration: none !important;
  color: #000 !important;           /* по умолчанию — чёрный */
}
#how-to-find-us .contact-local__phones .phone:hover{
  color: #E20009 !important;        /* при наведении */
  text-decoration: none !important;
}

/* Размер значка оператора (A1) рядом с номером */
#how-to-find-us .contact-local__phones .provider-icon{
  width: 13px;
  height: 13px;
  min-width: 13px;
  display: inline-block;
}

/* Снимаем "антибот"-маскировку цифр ТОЛЬКО в этом модуле */
#how-to-find-us .contact-local__phones .phone small,
#how-to-find-us .contact-local__phones .phone *[style*="opacity"]{
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transition: none !important;
}
#how-to-find-us .contact-local__phones .phone::before,
#how-to-find-us .contact-local__phones .phone::after{
  display: none !important;
}


/* ===== Блок устройства (Stellar M22) ===== */
.device { padding: 32px 24px; border: 1px solid #eee; border-radius: 16px; background: #fff; margin: 40px 0; }
.device__inner { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 28px; align-items: center; }
.device__title { margin: 0 0 10px; font-size: 1.8rem; line-height: 1.25; color: #152b3c; }
.device__subtitle { margin: 0 0 18px; font-size: 1.15rem; line-height: 1.4; font-weight: 700; }
.device--stellar .device__subtitle { color: #E20009; }

.device__text p { margin: 0 0 12px; color: #333; font-size: 1rem; line-height: 1.65; }
.device__note { margin-top: 8px; }
.device__note .muted { color: #6b7785; font-size: .95em; }
.nowrap { white-space: nowrap; }

.device__media { margin: 0; }
.device__media img { width: 110%; height: auto; border-radius: 12px; display: block; object-fit: cover; }

/* Адаптив */
@media (max-width: 1024px){
  .device__inner { grid-template-columns: 1fr; gap: 20px; }
  .device__media { order: 2; }
}

/* === Точечные правки только для Stellar M22 === */
#stellar-m22.device.device--stellar { 
  overflow: hidden; /* аккуратное обрезание, если картинка выйдет за padding */
}

/* 1) Слегка меняем пропорции колонок: текст уже, картинка шире */
#stellar-m22.device.device--stellar .device__inner{
  grid-template-columns: 0.95fr 1.05fr;
}

/* 2) Делаем вертикальные отступы картинки меньше, чем у текста */
#stellar-m22.device.device--stellar .device__media{
  margin-block: -8px;  /* уменьшаем расстояние до border сверху и снизу на ~8px */
}

/* 3) На мобиле возвращаем всё к базовым значениям */
@media (max-width: 1024px){
  #stellar-m22.device.device--stellar .device__inner{
    grid-template-columns: 1fr; /* как у вас в базе */
  }
  #stellar-m22.device.device--stellar .device__media{
    margin-block: 0; /* чтобы ничего не «прилипало» к краям на узких экранах */
  }
}

/* ===== Modern table → cards on mobile ===== */
:root{
  --card-bg: #fff;
  --border: #e9eef3;
  --text: #152b3c;
  --muted: #6b7785;
  --radius: 14px;
  --shadow: 0 6px 18px rgba(16,24,40,.06);
}

.filters{ margin: 32px 0; }
.filters__title{
  margin: 0 0 16px;
  font-size: 1.25rem;
  color: var(--text);
}

.tbl-filters{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden; /* скругление углов для всей таблицы */
  color: #333;
  font-size: 0.995rem;
  line-height: 1.55;
}

.tbl-filters th,
.tbl-filters td{
  padding: 14px 16px;
  vertical-align: middle;
  border-bottom: 1px solid var(--border);
}

.tbl-filters thead th{
  text-align: left;
  font-weight: 700;
  color: var(--text);
  background: #f8fafc;
}

.tbl-filters tbody tr:last-child td{
  border-bottom: none;
}

/* мягкая подсветка строки при ховере на десктопе */
@media (hover:hover){
  .tbl-filters tbody tr:hover{
    background: #fafbff;
  }
}

/* ячейка с изображением */
.cell-img{ width: 164px; }
.filter-img{
  width: 132px;
  height: 132px;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

/* доступность: скрываем caption, но оставляем для скринридеров */
.visually-hidden{
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

/* ===== Mobile: превращаем строки в карточки ===== */
@media (max-width: 760px){
  .tbl-filters{
    border: none;
    background: transparent;
  }
  .tbl-filters thead{
    display: none; /* заголовки колонок заменим data-label'ами */
  }
  .tbl-filters, .tbl-filters tbody, .tbl-filters tr, .tbl-filters td{
    display: block;
    width: 100%;
  }

  .tbl-filters tbody tr{
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 12px 14px;
    margin-bottom: 12px;
  }

  .tbl-filters td{
    border: none;
    padding: 10px 0;
  }

  /* первая ячейка — изображение, без подписи слева */
  .tbl-filters td.cell-img{
    padding-top: 2px;
    padding-bottom: 8px;
  }
  .tbl-filters td.cell-img::before{
    content: "";
    display: none;
  }
  .filter-img{
    width: 100%;
    height: auto;
    max-height: 220px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }

  /* остальные ячейки оформляем как label : value */
  .tbl-filters td:not(.cell-img){
    display: grid;
    grid-template-columns: 13ch 1fr;
    gap: 10px;
    align-items: start;
  }
  .tbl-filters td:not(.cell-img)::before{
    content: attr(data-label);
    font-weight: 600;
    color: var(--muted);
  }
}

@media (max-width: 760px){
  /* центрируем ячейку с картинкой */
  .tbl-filters td.cell-img{
    display: flex;
    justify-content: center;
    padding-top: 2px;
    padding-bottom: 10px;
  }
  /* изображение не на всю ширину: разумный предел + квадратная форма */
  .tbl-filters td.cell-img .filter-img{
    width: clamp(120px, 70%, 180px); /* не меньше 120px, обычно ~70% карточки, но не больше 180px */
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin: 0 auto;
    max-height: none; /* снимаем прежнее ограничение, управляем шириной */
  }
}

/* ====== Фотоомоложение: процесс ====== */
.cnt-block-prom{padding-top:40px;font-family:'Montserrat',sans-serif}

/* Сетка: 3 → 2 → 1 колонки */
.cnt-block-prom .row{display:flex;flex-wrap:wrap;gap:24px}
.cnt-block-prom .col{flex:1 1 calc(33.333% - 16px)}
@media(max-width:992px){.cnt-block-prom .col{flex:1 1 calc(50% - 16px)}}
@media(max-width:640px){.cnt-block-prom .col{flex:1 1 100%}}

/* Карточка */
.cnt-block-prom .item{
  position:relative;background:#fff;border-radius:16px;overflow:hidden;
  padding:26px 22px 22px;min-height:220px;box-shadow:0 12px 36px rgba(0,0,0,.06)
}
.cnt-block-prom .img{height:0}
.cnt-block-prom .content{position:relative;z-index:1}

/* Большая «вода» 01–06 в фоне (можете отключить строкой ниже) */
.cnt-block-prom .item:before{
  content:attr(data-step);position:absolute;top:8px;right:14px;z-index:0;
  font-weight:300;font-size:100px;line-height:1;color:#eef2f6;letter-spacing:1px;
  pointer-events:none;user-select:none
}

/* Заголовок + плашка-номер слева — выравнивание по ВЕРХУ заголовка */
.cnt-block-prom .title-wrap{
  display:flex;align-items:flex-start; /* важное изменение: кверху, а не по центру */
  gap:10px;margin:0 0 10px
}

.cnt-block-prom .step-tag{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:26px;border-radius:999px;
  border:2px solid #E20009;border-radius:6px;background:transparent;
  font-weight:700;font-size:13px;line-height:1;color:#fff;background:#E20009;
  transform:translateY(2px); /* лёгкая коррекция, чтобы визуально совпасть с верхней линией текста */
}

.cnt-block-prom .title{
  font-weight:700;font-size:20px;line-height:1.3;color:#111;margin:0
}

/* Текст */
.cnt-block-prom .text p{font-size:15px;line-height:1.6;color:#424b57;margin:0}

/* Примечание */
.cnt-block-prom .note{margin-top:18px;}



/* ====== Результаты процедуры (3 колонки, красные чек-иконки) ====== */
.results-block{
  position: relative;
  padding:48px 0;
  background:transparent;                  /* фон уедет в ::before */
  font-family:'Montserrat',sans-serif;
}


.results-block > *{ position:relative; z-index:1; }  /* контент над фоном */

.results-block .title{
  text-align:center;font-weight:700;font-size:26px;line-height:1.25;color:#111;margin:0 0 28px
}

.results-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
.results-col{
  flex:1 1 calc(33.333% - 16px);min-width:260px;background:#fff;border-radius:16px;
  box-shadow:0 12px 36px rgba(0,0,0,.06);padding:20px 22px
}

/* Список: отключаем штатные маркеры и даём запас слева */
.results-block .results-list{margin:0;padding:0;list-style:none !important}
.results-block .results-list li{
  display:block;position:relative !important;
  padding-left:56px !important;
  margin:0 0 14px;min-height:28px;
  font-size:15px;line-height:1.7;color:#334155;
  list-style:none !important;
}
.results-block .results-list li:last-child{margin-bottom:0}
.results-block .results-list li::marker{content:'' !important}

/* Красный круг + галочка */
.results-block .results-list li:before{
  content:"";position:absolute;left:22px;top:2px;
  width:22px;height:22px;border-radius:50%;
  border:2px solid #E20009;box-sizing:border-box
}
.results-block .results-list li:after{
  content:"";position:absolute;
  left:33px;top:13px;                            /* центр в круге */
  width:10px;height:6px;
  border-left:2px solid #E20009;border-bottom:2px solid #E20009;
  transform:translate(-50%,-50%) rotate(-45deg)
}

/* Адаптив */
@media(max-width:992px){.results-col{flex:1 1 calc(50% - 16px)}}
@media(max-width:640px){.results-col{flex:1 1 100%}}













/* End */


/* Start:/bitrix/templates/medstyle/template_styles.css?17448019008444*/
html { width:100%; height: 100%; }

body
{
	height:100%;
	margin:0;
	padding:0;
	font-size: 80.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p { padding-bottom: 10px;
    
}

form { margin:0; padding:0;}
form.main-form
{ 
	display: block;
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
}
 
#page-wrapper
{	
	min-height:100%;	  
	margin: 0 auto -85px;
	min-width: 990px;
}

* html #page-wrapper { height: 100%; }

#header { height: 77px; position: relative;}
#header table { width: 80%; height: 77px;}
#header td { padding: 0; vertical-align: middle; text-align: left;}

td#logo { padding-left: 32px;}
td#logo a { outline: none;}
td#slogan { padding-left: 32px; width: 100%;  font-size: 1.2em; font-style: italic; /*font-weight: bold;*/}

#search { width: 23%; position: absolute; right:21px; top: 30px; }
#search div.flat{height: 20px;}							 
#search div.search-box
{
	border: 1px solid; 
	height: 20px;
	overflow:hidden;
	padding:0;
	position: absolute;
	left: 21px;
	right: 61px;
	float: left;
}

* html #search div.search-box { margin-right:-82px;	}

#search div.search-box input
{
	border:1px solid;
	width:98%;
	height: 18px;
	padding:0;
	margin:0;
}

#search input { vertical-align: top;}
#search-button { float: right; width:48px; border: 1px solid;}
#search-button input::-moz-focus-inner { border: 0; padding: 0; }/*Remove button padding in FF*/
#search-button input 
{
	display: block;
	border: none;
	background: none;	
	width:48px;
	padding:0;
	margin:0;
	font-family: Georgia, serif;
	font-size: 12px;
	height: 19px;
	cursor: pointer;
	cursor: hand;
	outline: none;	
}

div.search-item h4 { margin-bottom: 0.4em;}

#top-menu { margin: 0 0 0 32px; padding: 0; list-style-type: none; overflow: hidden; zoom:1;}
#top-menu li { float: left; margin: 0 1.5em 0 0; }
#top-menu a  
{
	display: block; 
	border-bottom-width: 2px;
	border-bottom-style: solid;

	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	outline: none;
	padding: 11px 0 7px;	
	margin: 0 16px 3px;
}

#top-menu li.selected a { padding: 11px 16px 10px; margin: 0;}
#top-menu li.selected .r1 { border-left: 1px solid; border-right: 1px solid; }
#top-menu li.selected .r0 { border-left: 1px solid; border-right: 1px solid; }

* html #top-menu .r1 { width: 2px;}
* html #top-menu .r0 { width: 2px;}

#top-menu li.selected .r1 { width: expression(runtimeStyle.width = parentNode.offsetWidth - 4 + 'px'); }
#top-menu li.selected .r0 { width: expression(runtimeStyle.width = parentNode.offsetWidth - 2 + 'px'); }

#breadcrumb  {	padding:0; margin: 0 41px 32px 32px;}
#breadcrumb p { margin: 0 10px;}

#breadcrumb span.bx-breadcrumbs-name { font-size: 0.85em; padding:0 0.4em;}
#breadcrumb a {text-decoration: none;}
#breadcrumb a:hover { text-decoration: underline;}
#breadcrumb b { border-right: 1px solid; border-left: 1px solid;}
#breadcrumb b.top { margin-bottom: 2px;}
#breadcrumb b.bottom { margin-top: 2px;}

#content-wrapper { overflow: hidden; margin: 21px 0 50px; zoom:1;}
#content { float: left; width: 77%; overflow: hidden; }
#sidebar { float: right; width: 23%; overflow: hidden;  }
#sidebar-inner { margin-right: 21px;}

#workarea-wrapper { margin: 0 38px 0 25px;}
#left-menu { float: left; width: 25%; }

ul.left-menu { font-weight: bold; list-style-type: none; margin: 0; padding: 0 0 0 1.5em;}

/* Root */
ul.left-menu a { font-size: 1.1em; outline: none;}
ul.left-menu .selected a { text-decoration: none; }

ul.left-menu ul a { font-size: 0.85em !important; text-decoration: underline !important; outline: none; vertical-align:top; }

ul.left-menu li.current { overflow: hidden; zoom:1; display: block; margin-top: 0.3em;}
ul.left-menu .current i  
{
	padding: 1px 10px 2px 13px; 
	text-decoration: none !important;
	display: block;
	zoom:1;
	font-style:normal;
	font-size: 0.85em !important;
	vertical-align:top;
}

ul.left-menu .current b { border-left:1px solid; border-right:1px solid; }
ul.left-menu ul { font-weight: normal; margin: 0.5em 0 0 -4px; padding: 0; list-style-type: none;}
ul.left-menu ul ul { margin: 0.5em 0 0 1em; }
ul.left-menu li li
{ 
	margin-bottom: 0.7em; 
	padding:0 13px 0;
	text-indent: 0;
	background: url(/bitrix/templates/medstyle/images/left-menu-arrow.gif) no-repeat 5px 3px;
	list-style-type: none; 
}

ul.left-menu li
{
	behavior:expression( !this.before ? this.before = this.innerHTML = '<span class="dash">— </span>' + this.innerHTML :'' );
	text-indent:-1.35em;
	background: none;
	padding:0;
	margin-bottom: 1.5em;
}
ul.left-menu li li { behavior: '';}

ul.left-menu li:before { content:'\2014\a0'; }
ul.left-menu li li:before { content:'';}

ul.left-menu li li li { margin-bottom: 0.3em; }

#workarea { float: right; width: 75%; clear:right; }
#workarea-inner { margin-left: 25px;}

#banner 
{ 
	height: 175px; 
	margin: 0 28px 40px 19px; 
	overflow:hidden; 
	position:relative; 
}

#banner-image { height:175px; width: 425px; overflow:hidden; text-decoration: none; display: block; }
#banner-text 
{ 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	position: absolute;
	left: 35%;
	top: 0;
	left:0;
	width: 100%;
	height: 175px;
	z-index:10;
	
}

#banner-text td {padding:0;}
#banner-text a { text-decoration: none; display: block;}

#banner-text small { font-size: 0.5em; padding-top: 1em; display: block; padding-left: 30px;}
#banner-text big { font-size: 1.4em; display: block; }
#banner-text span { padding-left: 30px; display:block;}
#banner-overlay
{ 
	z-index:5; 
	height: 175px; 
	width: 100%; 
	position: absolute; 
	top: 0;
	left: 0; 
	outline: none;
	display: block;
	cursor: pointer;
	cursor: hand;
}



#footer, #space-for-footer  { height: 85px; }
#footer { position: relative;}

#copyright { padding:21px 0 0 35px; font-size: 0.85em; width: 49%;}
#copyright p { margin:0;}

#footer-links { margin:0; padding:0; list-style: none;}
#bottom-menu { width:50%; position:absolute; right:25px; top: 20px;  text-align: right;}
#footer-links li { display: inline; padding-left:1.5em;}

/* Navigation */
div.navigation { font-size:100%; line-height:200%; }
span.navigation-title { padding-right:0.65em; font-weight: bold;}
div.navigation a { text-decoration:underline; padding:0.2em 0.3em;}
span.nav-current-page { padding:0.2em 0.3em; }
div.navigation span.arrow { font-size:100%; font-family:Times, serif; }
div.navigation span.ctrl { font-size:85%; }

/*Site Map */
table.map-columns { width: 100%;}
table.map-columns td { vertical-align: top; padding: 0;}
table.map-columns ul { padding:0 0 2em 0; font-weight: bold;}
table.map-columns li { margin: 0 0 1.5em 0 !important;}
table.map-columns li li { margin: 0 0 0.6em 0 !important;}
table.map-columns ul ul { font-weight: normal; padding:0 0 0 1.5em; margin: 0.6em 0}


/* Ask a question */
#support {position: relative; margin:0 0 3em; padding-top: 3px;}
#support-question { position: absolute; width: 30px; height: 30px; top: 0; left:0;}
#support-text { height: 20px; margin-left: 15px; padding-left: 22px; padding-top: 2px; overflow:hidden;}
#support-text a { font-size: 14px; font-weight: bold; text-decoration: none;}
#support b { border-right:1px solid; margin-left: 15px;}

/* Schedule */
#schedule { margin: 0 0 3em; }
#schedule div.schedule { font-size: 0.85em; }
#schedule p { margin: 0 0 1em; }

/* Telephone*/
#telephone  
{
	padding: 0 0 0 37px;
	margin: 0 0 1.5em;
	min-height: 30px;
}

* html #telephone { padding-top: 6px;}

#telephone nobr { font-family: Georgia, serif;  font-size: 1.6em;}

/* Content Block List */
dl.block-list { margin: 0 0 3.2em 0; padding:0; }
dl.block-list dt { margin: 0; padding: 0 0 0.3em; font-size: 1em;}
dl.block-list dd { margin:0 0 1.8em; padding:0; font-size: 0.85em;}

/* Information Box*/
div.information-box .r1 { border-left:1px solid; border-right:1px solid; }
div.information-box .r0 { border-left:1px solid; border-right:1px solid; }
div.information-box-content { font-size: 0.9em; padding: 12px 15px;}

/* News List */
div.news-list { margin: 0 0 2em;}
div.news-item { margin: 0 0 1.3em; }
div.news-date { margin: 0 0 0.5em; }
div.news-title { font-size: 1.2em; margin: 0 0 0.5em; }
a.news-detail-link { display: block; margin: 1em 0 0; outline: none;}

/* Forms */
div.content-form div.form-input input, div.content-form div.form-input textarea, div.content-form div.form-input select 
{ 	
	border:1px solid;  
	border-color: #777 #CCCCCC #CCCCCC #777
}
 
div.content-form div.field label.field-title { font-size: 1.117em; }
/* End */
/* /bitrix/templates/medstyle/faq.css?1744801565905 */
/* /bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1_mob/style.min.css?17047067842111 */
/* /bitrix/templates/medstyle/components/bitrix/menu/vertical_multilevel1/style.min.css?17047067842111 */
/* /bitrix/templates/medstyle/styles.css?177643763518993 */
/* /bitrix/templates/medstyle/template_styles.css?17448019008444 */