/* ============================================================
   MEDKONTAKT DESIGN SYSTEM — mk-style.css
   Дизайн-хартия: эволюция 2017 -> медицинский люкс
   Подключение: <link rel="stylesheet" href="/mk-style.css">
   ============================================================ */

/* ====== mk-redesign ====== */
/* ===== MK REDESIGN LAYER v2 — по ревью Бориса 07.06 ===== */
:root{--mk-ink:#303030;--mk-olive:#3F4A3C;--mk-olive-deep:#394036;--mk-sage:#71806e;
--mk-sand:#bc9d85;--mk-sand-d:#a6896f;--mk-milk:#F2F0EB;--mk-line:#e9e2d6;
--mk-shadow:0 14px 34px rgba(63,74,60,.10);--mk-r:6px;--mk-rbtn:10px;--mk-t:.25s cubic-bezier(.2,.6,.3,1)}
::selection{background:var(--mk-sand);color:#fff}
html{scroll-behavior:smooth}
body{color:var(--mk-ink)}

/* —— ЗАГОЛОВКИ: Cormorant Garamond (как в макете), БЕЗ верхнего регистра,
      размер и цвет — из оригинала (h1 48 / h2 42, чернильный #303030) —— */
h1,h2{font-family:'Cormorant Garamond',serif !important;font-weight:500 !important;
text-transform:none !important;color:var(--mk-ink) !important;line-height:1.2 !important}
h1{font-size:48px !important;letter-spacing:1.2px !important}
h2{font-size:42px !important;letter-spacing:1px !important;margin-bottom:28px !important}
.slider__box h2{font-size:48px !important;line-height:1.15 !important;color:#fff !important;
text-shadow:0 2px 24px rgba(0,0,0,.35)}
.list__head,.doctor__name{font-family:'Cormorant Garamond',serif !important;
font-weight:600 !important;color:var(--mk-olive) !important}
p,li{line-height:1.7}

/* —— секции —— */
.grey-bg{background:var(--mk-milk) !important}
section.grey-bg{padding-top:72px;padding-bottom:72px}
section{scroll-margin-top:120px}

/* —— ЕДИНАЯ СПЕЦИФИКАЦИЯ КНОПОК (вся палитра в одном месте) ——
   шрифт: Montserrat 13/500, разрядка .8px, скругление 10px
   primary: песочная | outline-light: для тёмных фонов | outline: для светлых */
.button,.button__showmore,.mk-more-btn{
font-family:'Montserrat',sans-serif !important;font-size:13px !important;font-weight:500 !important;
letter-spacing:.8px !important;border-radius:var(--mk-rbtn) !important;
transition:all var(--mk-t) !important;border:1px solid transparent}
.button,.button__showmore,.mk-more-btn{background:var(--mk-sand) !important;color:#fff !important}
.button:hover,.button__showmore:hover,.mk-more-btn:hover{background:var(--mk-sand-d) !important;
transform:translateY(-1px);box-shadow:0 8px 22px rgba(166,137,111,.35);opacity:1 !important}
/* outline на тёмном (слайдер) */
.button--transparent{background:transparent !important;border:1px solid rgba(255,255,255,.75) !important;color:#fff !important}
.button--transparent:hover{background:rgba(255,255,255,.12) !important;box-shadow:none;transform:none}
/* outline на светлом (смотреть все отзывы/статьи) — БЫЛ невидимым */
.button--simple{background:transparent !important;border:1px solid var(--mk-sand) !important;
color:var(--mk-olive) !important}
.button--simple:hover{background:var(--mk-sand) !important;color:#fff !important;box-shadow:none}

/* —— единая карточка —— */
.doctor__item,.help__item,.articles__box,.callback__item,.dover__item{
background:#fff !important;border:1px solid var(--mk-line) !important;
border-radius:var(--mk-r) !important;transition:transform var(--mk-t),box-shadow var(--mk-t) !important}
.doctor__item:hover,.help__item:hover,.articles__box:hover,.callback__item:hover{
transform:translateY(-4px);box-shadow:var(--mk-shadow)}
.doctor__image img,.articles__image img{border-radius:var(--mk-r) var(--mk-r) 0 0}

/* —— цифры доверия —— */
.dover__item{padding:34px 26px !important}
.dover__head{font-family:'Cormorant Garamond',serif !important;font-weight:500 !important;
color:var(--mk-sand) !important;letter-spacing:1px}

/* —— меню —— */
.menu__link a{letter-spacing:1.1px;transition:color var(--mk-t)}
/* подчёркивание пунктов меню убрано 08.06.2026 — активный пункт показывает только нативная нижняя планка a:after */

/* —— отзывы —— */
.callback__item{padding:26px !important;cursor:pointer}
.callback__item .mk-rev-go{color:var(--mk-sand)}

/* —— футер —— */
footer,.footer{background:var(--mk-olive-deep) !important}
footer a:hover{color:var(--mk-sand) !important}

/* —— формы —— */
input[type=text],input[type=tel],input[type=email],textarea{
border-radius:6px !important;transition:border-color var(--mk-t),box-shadow var(--mk-t)}
input:focus,textarea:focus{outline:none;border-color:var(--mk-sand) !important;
box-shadow:0 0 0 3px rgba(188,157,133,.18)}

.slider__buttons{gap:14px;display:flex;flex-wrap:wrap}
/* v3: первая буква заголовка всегда заглавная (наши врачи -> Наши врачи) */
h1::first-letter,h2::first-letter{text-transform:uppercase}
/* v3: квадратик «у 30% пациентов…» ломает стиль — скрыт */
.problems__box{display:none !important}
/* v7: убран второй акцент цветом — «почему выбирают» лежит прямо на молочной секции */
.problems__list{background:transparent !important;border:0 !important;
border-radius:0 !important;box-shadow:none !important;overflow:visible;padding-left:0 !important}
/* v4: блок цифр — равные карточки, воздух между цифрой и текстом, адаптив */
.dover{display:grid !important;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch;width:100%}
.dover__item{display:flex !important;flex-direction:column;height:auto !important;
align-self:stretch !important;min-height:100%;box-sizing:border-box;
width:auto !important;max-width:none !important;margin:0 !important;padding:36px 28px 30px !important}
.dover__head{line-height:1 !important;height:auto !important;margin:0 0 20px !important}
.dover__item p{margin:0;line-height:1.65}
/* v5: бокс «Что гарантирует» — скругление + аккуратный внутренний отступ */
.organise__text.grey-bg{border-radius:18px !important;padding:34px 32px !important;
border:1px solid var(--mk-line)}
@media(max-width:980px){.dover{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:540px){.dover{grid-template-columns:1fr}}


@media(max-width:760px){h1{font-size:32px !important}h2{font-size:30px !important}
.slider__box h2{font-size:28px !important}.grey-bg{padding-top:48px;padding-bottom:48px}}

/* ====== mk-organise ====== */
/* Вариант A — глубокая олива: один тёмный люкс-акцент на странице */
.organise__text--white{background:#394036 !important;border:none !important;
border-radius:18px !important;box-shadow:0 22px 48px rgba(57,64,54,.25);
padding:42px 38px !important}
.organise__text--white p{color:#F2F0EB !important}
.organise__text--white p:first-child{font-family:'Cormorant Garamond',serif;
font-size:23px;line-height:1.35;color:#fff !important;letter-spacing:.3px;margin-bottom:22px}
.organise__text--white li{color:#E9E6DD !important}
.organise__text--white li:before{filter:none}


/* ====== v6.1: карточки врачей — равная высота + скругление, без слома ширины ====== */
.doctors__list{align-items:stretch !important;flex-wrap:wrap}
.doctors__list .doctor__wrap{display:flex;align-self:stretch !important}
.doctors__list .doctor{display:flex;align-self:stretch;width:100%;max-width:270px;margin:0 auto}
.doctors__list .doctor__item{display:flex;flex-direction:column;width:100%;
border-radius:10px !important;overflow:hidden;box-sizing:border-box}
.doctors__list .doctor__image img{border-radius:0;display:block}
.doctors__list .doctor__text{flex:1;display:flex;flex-direction:column}

/* ====== v7: белые инфо-боксы внутренних страниц -> шалфейная вуаль ====== */
/* ====== v7.2: пары контент-боксов (.organise) — правило по ПОЗИЦИИ ======
   Последний (правый) бокс пары — единственный шалфейный акцент.
   Исключение: оливковый оффер (.organise__text--white).
   Остальные части пары — не карточки, фон в тон секции. */
.organise > div:last-child:not(.organise__text--white){background:transparent !important;
border:none !important;border-radius:0 !important;
box-shadow:none !important;padding:0 0 0 0 !important}
.organise > div:not(:last-child):not(.organise__text--white){background:transparent !important;
border:none !important;box-shadow:none !important;border-radius:0 !important}

/* вложенный legacy-бокс (.organise__white) внутри шалфейной панели — плоский */
.organise > div:last-child .organise__white{background:transparent !important;
border:none !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important}

/* /clinics/: бокс «MedKontakt работает с клиниками…» — оливковый акцент (1 на страницу) */
.munich__col--small{background:#394036 !important;border:none !important;
border-radius:18px !important;box-shadow:0 22px 48px rgba(57,64,54,.25);
padding:34px 30px !important}
.munich__col--small p{color:#F2F0EB !important}

/* чередование секций: две молочные подряд -> вторая белая, цепочка дальше сдвигается */
section.grey-bg + section.grey-bg{background:#fff !important}
section.grey-bg + section.grey-bg + section:not(.grey-bg){background:var(--mk-milk) !important}
section.grey-bg + section.grey-bg + section:not(.grey-bg) + section.grey-bg{background:#fff !important}

/* вставки клиник на главной: молочный фон + тончайшая рамка */
.clinic__about{background:var(--mk-milk) !important;border:1px solid var(--mk-line) !important;
border-radius:10px !important;box-shadow:0 10px 26px rgba(63,74,60,.08)}

/* ===== Единый компонент формы (.mk-form) — 08.06.2026 ===== */
.mk-form{background:#fff;border:1px solid var(--mk-line);border-radius:12px;padding:26px 24px;max-width:440px;font-family:Montserrat,sans-serif}
.mk-form--milk{background:var(--mk-milk)}
.mk-form__title{font-family:'Cormorant Garamond',Cormorant,Georgia,serif;font-weight:600;font-size:27px;line-height:1.15;color:var(--mk-ink);margin:0 0 6px}
.mk-form__title::first-letter{text-transform:uppercase}
.mk-form__sub{font-size:12.5px;color:#7a756c;line-height:1.5;margin:0 0 18px}
.mk-form__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.mk-form__label .opt{color:#b8b2a6}
.mk-form__field{width:100%;background:#fff;border:1px solid var(--mk-line);border-radius:9px;height:44px;padding:0 13px;font:13px/1.4 Montserrat,sans-serif;color:var(--mk-ink);box-sizing:border-box;transition:border-color var(--mk-t),box-shadow var(--mk-t);margin:0 0 13px}
textarea.mk-form__field{height:66px;padding:11px 13px;resize:vertical}
.mk-form__field::placeholder{color:#b8b2a6}
.mk-form__field:focus{outline:none;border-color:var(--mk-sand);box-shadow:0 0 0 3px rgba(188,157,133,.15)}
.mk-form__field.mk-err{border-color:#c2614e;box-shadow:0 0 0 3px rgba(194,97,78,.12)}
.mk-form__file{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;color:#8a847a;cursor:pointer;margin:0 0 14px}
.mk-form__file svg,.mk-form__file img{width:16px;height:16px}
.mk-form__file input{display:none}
.mk-form__btn{width:100%;height:46px;border:0;border-radius:10px;background:var(--mk-olive);color:#fff;font:500 13px/1 Montserrat,sans-serif;letter-spacing:.4px;cursor:pointer;transition:background var(--mk-t),opacity var(--mk-t)}
.mk-form__btn:hover{background:var(--mk-olive-deep)}
.mk-form__btn:disabled{opacity:.6;cursor:default}
.mk-form__consent{font-size:10.5px;color:#9a948a;line-height:1.45;margin:11px 0 0}
.mk-form__consent a{color:#8a847a;text-decoration:underline}
.mk-form__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mk-form__ok{padding:30px 14px;text-align:center}
.mk-form__ok b{display:block;font-family:'Cormorant Garamond',Cormorant,Georgia,serif;font-size:24px;color:var(--mk-ink);margin:0 0 6px}
.mk-form__ok span{font-size:13px;color:#7a756c;line-height:1.55}
/* host-обёртка: убрать серый фон битрикс-блока под новой формой */
.formed__ask.mk-host{background:transparent;padding:0;box-shadow:none;border:0}

/* ===== Модалка форм (.mk-modal) ===== */
.mk-modal{position:fixed;inset:0;z-index:100000;background:rgba(48,48,48,.55);display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow:auto}
.mk-modal[hidden]{display:none}
.mk-modal__card{position:relative;width:100%;max-width:430px;animation:mkpop .2s ease}
.mk-modal__card .mk-form{max-width:none}
@keyframes mkpop{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.mk-modal__close{position:absolute;top:9px;right:12px;width:30px;height:30px;border:0;background:transparent;color:#9a948a;font-size:23px;line-height:1;cursor:pointer;z-index:2;font-family:Montserrat,sans-serif}
.mk-modal__close:hover{color:var(--mk-ink)}

/* ===== FAQ на главной (.mk-faq) ===== */
.mk-faq .mbox{max-width:880px}
.mk-faq__list{margin-top:22px;border-top:1px solid var(--mk-line)}
.mk-faq__item{border-bottom:1px solid var(--mk-line)}
.mk-faq__q{cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative;font:500 17px/1.45 Montserrat,sans-serif;color:var(--mk-ink)}
.mk-faq__q::-webkit-details-marker{display:none}
.mk-faq__q::after{content:'+';position:absolute;right:6px;top:15px;font-size:24px;line-height:1;color:var(--mk-sand);transition:transform var(--mk-t)}
.mk-faq__item[open] .mk-faq__q::after{content:'–'}
.mk-faq__q:hover{color:var(--mk-olive)}
.mk-faq__a{padding:0 0 20px;max-width:780px}
.mk-faq__a p{margin:0;font:15px/1.65 Montserrat,sans-serif;color:#5a564e}

/* футер: зазор между copyright и Импрессум/легал-ссылками */
.footer__contacts .footer__col--big a{margin-left:18px}

/* футер: copyright + легал-ссылки в одну строку + поджать (после чистки контактов) */
.footer__menu{padding:22px 0 14px !important}
.footer__contacts{padding:16px 0 !important}
.footer__contacts .footer__col--full{display:none !important}
.footer__contacts .footer__col--big{width:100% !important;flex-direction:row !important;flex-wrap:wrap;align-items:center}
.footer__contacts .footer__col--big a:first-of-type{margin-left:22px}
/* Контакты: единый цвет телефона и email (было: телефон #030303, email #be9d86) */
.socials__number{color:#be9d86 !important}
.socials__calback .socials__number,.socials__email a{color:#be9d86 !important}
/* Переводы: двухколоночный блок (список + личная цитата) и контактные CTA */
.mk-tr{display:flex;gap:32px;align-items:stretch;margin:18px 0 0}
.mk-tr__col{flex:1;min-width:0}
.mk-tr__col--quote{display:flex}
.mk-quote{background:#394036;padding:30px 32px;border-radius:14px;color:#F2F0EB;box-shadow:0 14px 34px rgba(63,74,60,.18);align-self:stretch}
.mk-quote p{margin:0 0 12px;line-height:1.6;color:#F2F0EB}
.mk-quote__sign{margin:0 !important;color:#E9E6DD}
.mk-quote__sign b,.mk-quote__sign a{color:var(--mk-sand) !important}
.mk-contact-cta{display:flex;gap:16px;margin:26px 0 4px}
.mk-cbtn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 18px;border-radius:12px;font-weight:600;text-decoration:none;background:var(--mk-sand);border:1px solid var(--mk-sand);color:#fff;transition:background .15s,box-shadow .15s}
.mk-cbtn:hover{background:var(--mk-sand-d);box-shadow:0 6px 18px rgba(0,0,0,.10)}
.mk-cbtn::before{content:"";width:10px;height:10px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px rgba(255,255,255,.65)}
.mk-cbtn--tg::before{background:#229ED9}
.mk-cbtn--wa::before{background:#25D366}
@media(max-width:860px){.mk-tr{flex-direction:column;gap:20px}.mk-contact-cta{flex-direction:column}}

/* Переводы: прайс-блок (видимый, для людей и AI) */
.mk-price{list-style:none;margin:18px 0 0;padding:0;max-width:780px}
.mk-price li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:14px 0;border-bottom:1px solid var(--mk-line)}
.mk-price li:last-child{border-bottom:none}
.mk-price__name{color:var(--mk-ink)}
.mk-price__name small{display:block;margin-top:4px;font-size:13px;color:#857f74;line-height:1.45}
.mk-price__val{white-space:nowrap;font-weight:600;color:var(--mk-olive)}
.mk-price__note{margin:14px 0 0;color:#6b665e;font-size:14px}