.header-wrapper { display: flex; justify-content: space-between; } @media (max-width: 768px) { .header-wrapper { justify-content: flex-end; } } .form__input[type='date'] { display: inline-block; } .form__input.error { border: 1px solid red; } .docs-detail__links--bottom { display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; } .docs-detail__links--bottom > * { flex: 0 1; flex-basis: 45%; margin-bottom: 10px; }

/* Styles for ENMG service page */ .me-enmg{max-width:960px;margin:0 auto;line-height:1.65;font-size:16px;} .me-enmg h1{font-size:28px;margin:.2rem 0 .6rem;} .me-enmg h2{font-size:22px;margin:1.2rem 0 .4rem;} .me-enmg h3{font-size:18px;margin:.6rem 0 .2rem;} .me-enmg .lead{font-size:18px;margin:.4rem 0 .8rem;} .me-enmg .me-cta{margin:.6rem 0 1rem;} .me-enmg .me-btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;border:1px solid #1c7e7d;margin-right:10px;} .me-enmg .me-btn--primary{background:#1c7e7d;color:#fff;} .me-enmg .me-btn--outline{background:#fff;color:#1c7e7d;} .me-enmg .me-btn:hover{opacity:.92;} .me-enmg .me-toc{background:#f6f8f9;padding:12px 16px;border-radius:12px;margin:14px 0;} .me-enmg .me-toc ul{margin:0;padding-left:18px;} .me-enmg ul{padding-left:20px;} .me-enmg .cols{columns:2;column-gap:32px;} @media (max-width:720px){.me-enmg .cols{columns:1;}} .me-enmg .cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:.6rem 0;} .me-enmg .cards article{background:#fafafa;padding:12px 14px;border-radius:12px;border:1px solid #eaeaea;} .me-enmg .check{list-style:none;padding-left:0;} .me-enmg .check li{position:relative;padding-left:28px;margin:.35rem 0;} .me-enmg .check li:before{content:"\2713";position:absolute;left:0;top:0;line-height:1.4;color:#1c7e7d;font-weight:700;} .me-enmg .faq details{border:1px solid #e6e9ec;border-radius:10px;padding:10px 12px;margin:.4rem 0;background:#fff;} .me-enmg .clinic-card{display:flex;gap:16px;align-items:center;padding:14px;border:1px solid #e6e9ec;border-radius:12px;background:#fafafa;} .me-enmg .clinic-card .logo img{width:72px;height:auto;} .me-enmg .signature{margin-top:10px;font-style:italic;color:#5b6b73;} .me-enmg .note{color:#415b66;} .main--has-intro { margin-top: 10.3125rem; } @media screen and (max-width: 767.9px) { .page-intro { min-height: unset; height: unset; } .page-intro__content { min-height: unset; height: unset; } .header-wrapper { justify-content: space-between; } .header__toolbar .button { padding-left: 10px; padding-right: 10px; } .section.header .header-top .button { padding-left: 10px; padding-right: 10px; font-size: 12px; } .calendar { padding: 0; } .calendar__submit-btn { font-size: 12px; } .intro-slider, .intro-slider__slide { height: unset; } } .header-top__inner .button { margin-right: 10px; } @media screen and (max-width: 767.9px) { .header-wrapper { justify-content: space-between; align-items: center; } } @media screen and (max-width: 440px) { .header-top__inner .button { /*display:none;*/ } } .swiper-wrapper.show-all { display: flex; justify-content: space-between; flex-wrap: wrap; } .swiper-wrapper.show-all .swiper-slide { flex: 0 1; flex-basis: 23.7%; margin-bottom: 20px; } .slider__button.hide { display: none; } #doctors [data-slider-show-all] { margin: 0 auto; display: block; margin-top: 10px; } @media screen and (max-width: 1199.9px) { .hide-for-mob-menu { display: none; } } .licenses, .collapse--simple.prices { display: none; } .licenses.active, .collapse--simple.prices.active { display: block; } .licenses { display: none; } .licenses.active { display: block; } .article-address__popup-close { position: absolute; width: 15px; height: 15px; top: 15px; right: 15px; cursor: pointer; } .article-address__popup-close::before, .article-address__popup-close::after { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background-color: #0e3449; transform-origin: center; } .article-address__popup-close::before { transform: rotate(45deg); } .article-address__popup-close::after { transform: rotate(-45deg); } .calendar__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 20px; background-color: #f2f4f6; padding: 0; } .calendar__head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; gap: 20px; width: 100%; } .calendar__part { all: unset; width: 100%; } .form__select-label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; /*-webkit-box-flex: 0;*/ /*-webkit-flex: 0 1 48%;*/ /*-ms-flex: 0 1 48%;*/ /*flex: 0 1 48%;*/ } .form__select-label:before { content: ''; position: absolute; top: 50%; right: 1.5625rem; width: 0.75rem; height: 0.625rem; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); background-image: url('../assets/images/icon-arrow-min.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } .form__select-label--default::before { display: none; } .calendar__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; border-radius: 0.625rem; overflow: hidden; background-color: #ffffff; } .calendar__info p { padding: 14px 25px 25px; border-top: 1px solid #e1e5ea; } .form__select { cursor: pointer; background-color: #ffffff; border-radius: 10px; padding: 0.8125rem 1.5625rem; width: 100%; } .calendar__head--calendar .calendar__part { background: #ffffff; border-radius: 10px; padding: 14px 5rem; } .calendar__part-title { border-bottom: unset; } .calendar__part-title span { font-weight: 500; } .calendar__part-title.semiop { color: #0e34494d; } .calendar__week span { border-radius: 5px; } .calendar__hour { padding: 1.6875rem 2rem; } .calendar__bottom { border-top: unset; } .calendar__body .form__block-inputs { padding: 0; } .calendar__body--title-text { font-size: 24px; font-weight: 500; line-height: 26.4px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; } .calendar__body--final-text { background: white; border-radius: 10px; margin-top: 40px; padding: 14px 25px; } .calendar__body--final-text p { font-size: 16px; font-weight: 300; line-height: 23.12px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; padding: 14px 0; } .calendar__body--final-text b { font-weight: 600; } .calendar__body--final-text p + p { border-top: 1px solid #e1e5ea; } .calendar__get-info-price { font-size: 18px; font-weight: 500; line-height: 19.8px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .calendar__get-info-price span + span { margin-left: 10px; font-size: 24px; font-weight: 500; line-height: 26.4px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #007a8f; } .calendar__revert { background: transparent; border: 1px solid #007c8e; color: #007c8e; } .calendar__part.line { align-self: flex-start; } .calendar__part.line .calendar__part-title { margin: 0; padding: 0; } @media screen and (max-width: 768px) { .calendar__head--calendar .calendar__part { padding: 14px 1rem; } } .cookie-notice { display: flex; position: fixed; min-width: 100%; left: 0; bottom: 0; letter-spacing: 0; height: auto; z-index: 10000000; line-height: 20px; font-size: 13px; font-weight: 400; text-align: center; justify-content: center; background: rgba(150, 150, 150, 0.12) !important; backdrop-filter: blur(10px) !important; /*display: none;*/ } .cookie-notice-container { padding: 15px 30px; text-align: center; max-width: 900px; color: #000; width: 100%; z-index: 2; display: block; } .cookie-notice-text { font-weight: 400; font-size: 14px; line-height: 20px; color: #000; } .cookie-notice-button { transition: 0.3s; background: #007c8e; border: 1px solid #007c8e !important; border-radius: 0 !important; font-weight: 700 !important; font-size: 15px !important; line-height: 19px !important; color: #ffffff !important; padding: 8px 14px !important; cursor: pointer !important; text-transform: uppercase !important; display: inline-block; margin-top: 5px; } .service_prices { display: block; } .service_prices .service_price { display: block; position: relative; background-color: #f2f4f6; border-radius: 10px; padding: 1.5625rem 2.1875rem; margin-bottom: 20px; } .service_prices .service_price > .name { cursor: pointer; user-select: none; color: #0e3449; font-weight: 500; font-size: 20px; display: flex; justify-content: space-between; align-items: center; } .service_prices .service_price .list { display: none; } .service_prices .service_price > .name svg { transition: 0.5s all; } .service_prices .service_price.active > .name svg { transform: rotate(180deg); } .service_prices .service_price.active .list { display: block; } .service_prices .service_price .list .element { display: flex; justify-content: space-between; align-items: center; padding: 20px 0px; } .service_prices .service_price .list .element.hidden { display: none; } .service_prices .service_price .list .element > * { flex: 0 1; flex-basis: 33%; } .service_prices .service_price .list .element .name { text-align: left; font-size: 16px; font-weight: 500; } .service_prices .service_price .list .element .price { text-align: center; font-weight: 500; font-size: 20px; } .service_prices .service_price .list .element .link { text-align: right; display: flex; justify-content: end; } @media screen and (max-width: 768px) { .service_prices .service_price .list .element { flex-wrap: wrap; } .service_prices .service_price .list .element .name { flex-basis: 100%; } .service_prices .service_price .list .element .price { flex-basis: 100%; } .service_prices .service_price .list .element .link { flex-basis: 100%; } } .slider-doctors-pagination { display: flex; align-items: center; margin: 0 auto; justify-content: center; margin-top: 20px; } .slider-doctors-pagination .bullet { filter: drop-shadow(0px 0px 1px #007c8e); } .editor a{ display: inline-block; text-decoration: underline; } .SmartCaptcha-Shield.SmartCaptcha-Shield_visible.SmartCaptcha-Shield_position_right { right: 10px; bottom: 90px; } .SmartCaptcha-Shield.SmartCaptcha-Shield_visible.SmartCaptcha-Shield_position_left { left: 10px; bottom: 90px; } .tel--header { margin-right: 20px; } @media screen and (max-width: 767px) { .tel--header { margin: 0 auto; font-size: 22px; line-height: 1; order: 1; } } @media screen and (max-width: 767px) { .header-top__inner__right { display: none; } .header-top__inner__left { flex-grow: 1; } .mob-menu { margin: 0; } } .card__picture--author { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 44px; height: 44px; overflow: hidden; border-radius: 50%; } .card--auto { min-height: auto; } .card__text { font-size: 1rem; font-weight: 300; } .card__text--14 { font-size: 0.875rem; } .card__text-lc { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .card__text-lc--11 { -webkit-line-clamp: 11; } .card__text-lc--6 { -webkit-line-clamp: 6; } .card__text-lc--4 { -webkit-line-clamp: 4; } .card__text-lc--3 { -webkit-line-clamp: 3; } .rating-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 40px; margin-bottom: 30px; } @media only screen and (max-width: 767.9px) { .rating-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 16px; margin-bottom: 10px; } } .rating-block__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 55px; } .rating-block__rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; } .rating-block__list { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; } .rating-block__star { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 24px; height: 24px; z-index: 1; fill: #FFFFFF; } .rating-block__star.filled { position: relative; fill: #EF7F1A; overflow: hidden; } .rating-block__text { font-weight: 300; font-size: 16px; line-height: 100%; color: #0E3449; } .rating-block__text a { text-decoration: underline; } .rating-block__text--accent { font-weight: 600; } .button-review { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; font-weight: 500; font-size: 16px; line-height: 100%; color: #0E3449; text-decoration: underline; } .button-review__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 60px; height: 60px; } .form__rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 15px; margin-bottom: 10px; text-align: center; } .form__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .form__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; } .form__icon.active svg { fill: #EF7F1A; } .form__icon svg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; fill: transparent; } #docReview.fancybox__content{ width:100%; max-width:769px; } #docReview .modal--cabinet{ width: 100%; max-width: 100%; } #docReview .form__block-inputs{ padding:0; } .t_row{ display: flex; justify-content: space-between; } .t_row label{ flex:0 1; flex-basis: 57%; } .form__footer .modal__title{ font-family: Jost; font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: 0%; text-align: center; text-align: left; margin-bottom: 30px; } .page-intro--big, .page-intro--big .page-intro__content { height: auto !important; min-height: 31.25rem; } .article-address { height: auto !important; min-height: 11.5625rem; } @media only screen and (min-width: 1199.9px) { .desktop-hidden { display: none !important; } } .article-address__popup { width: max-content !important; max-width: 75vw !important; top: 0 !important; right: 120% !important; }


/* СТИЛИ ДЛЯ РАСКРЫВАЮЩИХСЯ СЕКЦИЙ (DETAILS/SUMMARY) */
.mdx-section-details {
    margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.mdx-section-summary {
    list-style: none; /* Убираем стандартный треугольник */
    cursor: pointer;
    padding: 10px 0;
}

/* Скрываем стандартный маркер в разных браузерах */
.mdx-section-summary::-webkit-details-marker { display: none; }

/* Стили заголовков H2 внутри summary */
.mdx-section-summary h2 {
    font-family: 'Verdana', sans-serif;
    font-size: 20px;
    color: #006080;
    margin: 0;
    padding-left: 15px;
    border-left: 4px solid #F0A500;
    line-height: 1.3;
    display: inline-block;
}

/* Значок +/- для мобильных */
.mdx-toggle-icon {
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #F0A500;
    display: none; /* На ПК скрыт */
}

.mdx-section-details[open] .mdx-toggle-icon {
    transform: rotate(45deg); 
}

/* БЛОК FAQ (ГАРМОШКА) */
.mdx-faq-container {
    margin-top: 40px;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
}

.mdx-faq-details {
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}

.mdx-faq-summary {
    padding: 15px;
    cursor: pointer;
    font-weight: bold;
    color: #006080;
    position: relative;
    list-style: none;
}

.mdx-faq-summary::-webkit-details-marker { display: none; }

.mdx-faq-summary::after {
    content: '+';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #F0A500;
    font-weight: bold;
}

.mdx-faq-details[open] .mdx-faq-summary::after {
    content: '−';
    font-size: 22px; 
    color: #006080;
}

.mdx-faq-content {
    padding: 0 15px 15px 15px;
    border-top: 1px solid #f0f0f0;
    color: #444;
}

/* БЛОК ТЕЛЕФОНОВ */
.mdx-contacts-block {
    margin-top: 30px;
    padding: 20px;
    background-color: #fff8e1; /* Светло-желтый фон */
    border-left: 5px solid #F0A500;
    font-size: 16px;
}
    
.mdx-phone-link {
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 18px;
}

.mdx-phone-orange {
    color: #F0A500;
}

.mdx-phone-blue {
    color: #006080;
}

/* МОБИЛЬНАЯ АДАПТАЦИЯ */
@media (min-width: 769px) {
    .mdx-section-summary {
        pointer-events: none; 
        cursor: default;
    }
}

@media (max-width: 768px) {

    .mdx-toggle-icon {
        display: block;
    }

    .mdx-section-summary {
        background-color: #f4f8fb;
        border-radius: 5px;
        padding: 12px 10px;
        margin-bottom: 5px;
        border: 1px solid #e1e8ed;
    }

    .mdx-section-summary h2 {
        font-size: 18px;
        border-left: none;
        padding-left: 0;
        display: inline;
    }
        
    .mdx-section-content {
        padding: 10px 5px;
    }
}

/* Звёзды рейтинга в форме отзыва.
   Выше по файлу неактивная звезда заливается прозрачным и остаётся без
   обводки — то есть не видна вовсе, и виджет выглядит пустым. Возвращаем
   контур: активная звезда залита оранжевым, неактивная — только обводка. */
.form__icon {
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.form__icon svg {
    width: 34px;
    height: 34px;
    /* Луч звезды упирается в край viewBox — без этого обводку срежет. */
    overflow: visible;
    stroke: #ef7f1a;
    stroke-width: 1.5;
}
/* Список лицензий — аккордеон: .licenses спрятан до клика по пункту меню на
   /about/ (script.js вешает .active). На отдельной странице /about/licenses/
   раскрывать некому, и раздел годами выглядел пустым при живых карточках.
   Секция .section.license есть только на этой странице — там список открыт всегда. */
.section.license .licenses {
    display: block;
}