/* Дополнения к pkui-header: выпадашки, регион, модалки, site-wide layout */

/* ── Site-wide layout (header/footer в header.php / footer.php) ── */

/* Токены .pkui — на body для header/footer вне .pkui-page.
   Manrope НЕ ставим на body: иначе услуги/стоматология наследуют его вместо Roboto.
   Manrope — только header/footer (ниже) и главная (.pkui / body.pkui-home). */
body.pkui-layout {
    --pkui-font: 'Manrope', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --pkui-color-white: #fff;
    --pkui-color-ink: #082f37;
    --pkui-color-brand-500: #00b9be;
    --pkui-color-brand-700: #00878c;
    --pkui-color-brand-300: #66cdd1;
    --pkui-color-neutral-700: #3d5c61;
    --pkui-color-neutral-500: #64898c;
    --pkui-color-neutral-300: #93a2a4;
    --pkui-color-neutral-200: #b4c3c5;
    --pkui-color-neutral-50: #f1f3f4;
    --pkui-color-surface: #f0f5f5;
    --pkui-color-surface-white-50: rgba(255, 255, 255, 0.5);
    --pkui-color-surface-white-30: rgba(255, 255, 255, 0.3);
    --pkui-color-footer-mobile: #20979e;
    --pkui-color-disclaimer: #a6d5d8;
    --pkui-gutter: 100px;
    --pkui-content-max: 1720px;
    --pkui-inner-max: 1520px;
    --pkui-radius-xl: 64px;
    --pkui-radius-btn: 26px;
    --pkui-h3-size: 24px;
    --pkui-h4-size: 20px;
    --pkui-body-lg: 16px;
    --pkui-body-sm: 14px;
    --pkui-header-height: 92px;
    --pkui-header-hero-gap: 15px;
    --pkui-footer-bg: var(--pkui-color-brand-700);
}

@media (max-width: 767px) {
    body.pkui-layout {
        --pkui-gutter: 16px;
        --pkui-header-height: 68px;
        --pkui-header-hero-gap: 16px;
        --pkui-h3-size: 20px;
        --pkui-h4-size: 18px;
        --pkui-footer-bg: var(--pkui-color-footer-mobile);
    }
}

body.pkui-layout .pkui-header,
body.pkui-layout .pkui-header *,
body.pkui-layout .pkui-header__mobile-menu,
body.pkui-layout .pkui-header__mobile-menu *,
body.pkui-layout .pkui-footer,
body.pkui-layout .pkui-footer * {
    box-sizing: border-box;
}

body.pkui-layout .pkui-header {
    position: sticky;
    top: 0;
    z-index: 1100;
    overflow: visible;
    background: var(--pkui-color-surface) !important;
}

body.pkui-layout .pkui-header__inner {
    min-height: var(--pkui-header-height);
}

body.pkui-layout .pkui-header img,
body.pkui-layout .pkui-footer img {
    display: block;
    max-width: none;
    height: auto;
}

body.pkui-layout .pkui-header__nav-link,
body.pkui-layout .pkui-header__region-text,
body.pkui-layout .pkui-header__mobile-link:not(.pkui-header__mobile-link--sub):not(.pkui-header__mobile-link--all) {
    font-family: var(--pkui-font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
    color: var(--pkui-color-ink) !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

body.pkui-layout .pkui-header [class*="pkui-"],
body.pkui-layout .pkui-header__mobile-menu [class*="pkui-"],
body.pkui-layout .pkui-footer [class*="pkui-"] {
    font-family: var(--pkui-font);
    letter-spacing: normal;
    text-transform: none;
}

body.pkui-layout .pkui-header__mobile-link:not(.pkui-header__mobile-link--sub):not(.pkui-header__mobile-link--all):hover,
body.pkui-layout .pkui-header__mobile-link:not(.pkui-header__mobile-link--sub):not(.pkui-header__mobile-link--all):focus-visible,
body.pkui-layout .pkui-header__mobile-link:not(.pkui-header__mobile-link--sub):not(.pkui-header__mobile-link--all):active,
body.pkui-layout .pkui-header__mobile-action--login:hover,
body.pkui-layout .pkui-header__mobile-action--login:focus-visible {
    background: var(--pkui-color-white) !important;
    color: var(--pkui-color-ink) !important;
    text-decoration: none !important;
}

body.pkui-layout .pkui-header__nav-link:hover,
body.pkui-layout .pkui-header__nav-link:focus,
body.pkui-layout .pkui-header__nav-link:active {
    background: transparent;
    color: var(--pkui-color-ink) !important;
    text-decoration: none !important;
}

body.pkui-layout .pkui-header__mobile-action--login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 44px !important;
    width: 100% !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border: 1px solid var(--pkui-color-white) !important;
    border-radius: var(--pkui-radius-btn) !important;
    background: var(--pkui-color-surface-white-50) !important;
    box-shadow: none !important;
    font-family: var(--pkui-font) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    color: var(--pkui-color-ink) !important;
    text-decoration: none !important;
    text-transform: none !important;
    opacity: 1 !important;
    transition: background-color 0.2s ease;
}

body.pkui-layout .pkui-header__mobile-action--login .pkui-icon--user {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../icons/icon-user.svg') !important;
}

body.pkui-layout a.pkui-header__login,
body.pkui-layout .pkui-header__login {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 0 16px 0 12px !important;
    margin: 0 !important;
    border: 1px solid var(--pkui-color-white) !important;
    border-radius: 22px !important;
    background: var(--pkui-color-surface-white-50) !important;
    box-shadow: none !important;
    font-family: var(--pkui-font) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    color: var(--pkui-color-ink) !important;
    text-decoration: none !important;
    text-transform: none !important;
    opacity: 1 !important;
    transition: background-color 0.2s ease;
}

body.pkui-layout a.pkui-header__login:hover,
body.pkui-layout a.pkui-header__login:focus,
body.pkui-layout a.pkui-header__login:focus-visible,
body.pkui-layout a.pkui-header__login:active,
body.pkui-layout .pkui-header__login:hover,
body.pkui-layout .pkui-header__login:focus,
body.pkui-layout .pkui-header__login:focus-visible,
body.pkui-layout .pkui-header__login:active {
    background: var(--pkui-color-white) !important;
    color: var(--pkui-color-ink) !important;
    border-color: var(--pkui-color-white) !important;
    text-decoration: none !important;
}

body.pkui-layout .pkui-header__login-text {
    white-space: nowrap !important;
    color: inherit !important;
}

body.pkui-layout .pkui-header__login .pkui-icon--user {
    width: 24px !important;
    height: 24px !important;
}

body.pkui-layout .pkui-header__search-input {
    font-family: var(--pkui-font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--pkui-color-ink) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

body.pkui-layout .pkui-header__search-submit {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: 0 !important;
    line-height: 0 !important;
}

body.pkui-layout .pkui-btn,
body.pkui-layout a.pkui-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    border: none !important;
    border-radius: var(--pkui-radius-btn) !important;
    font-family: var(--pkui-font) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

body.pkui-layout .pkui-btn--primary,
body.pkui-layout a.pkui-btn--primary {
    background: var(--pkui-color-brand-500) !important;
    color: var(--pkui-color-white) !important;
}

body.pkui-layout .pkui-btn--primary:hover,
body.pkui-layout a.pkui-btn--primary:hover {
    background: var(--pkui-color-brand-300) !important;
    color: var(--pkui-color-white) !important;
}

body.pkui-layout .pkui-header .pkui-icon--search {
    background-image: url('../icons/search.svg') !important;
}

body.pkui-layout .pkui-header .pkui-icon--dots,
body.pkui-layout .pkui-footer .pkui-icon--dots {
    background-image: url('../icons/dots.svg') !important;
}

body.pkui-layout .pkui-header .pkui-icon--user,
body.pkui-layout .pkui-footer .pkui-icon--user {
    background-image: url('../icons/icon-user.svg') !important;
}

body.pkui-layout .pkui-header .pkui-icon--arrow-down,
body.pkui-layout .pkui-footer .pkui-icon--arrow-down {
    background-image: url('../icons/arrow-down.svg') !important;
}

body.pkui-layout .pkui-header__burger {
    position: relative;
    z-index: 1101;
    pointer-events: auto;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: 0 !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

body.pkui-layout .pkui-header__burger .pkui-icon--dots {
    width: 20px !important;
    height: 20px !important;
}

body.pkui-layout .pkui-footer {
    background: var(--pkui-footer-bg) !important;
    color: var(--pkui-color-white) !important;
    border-radius: var(--pkui-radius-xl) var(--pkui-radius-xl) 0 0 !important;
}

body.pkui-layout .pkui-footer__brand-name,
body.pkui-layout .pkui-footer__column-title,
body.pkui-layout .pkui-footer__address-title {
    font-family: var(--pkui-font) !important;
    font-weight: 600 !important;
    color: var(--pkui-color-white) !important;
    text-transform: none !important;
    margin: 0 !important;
    max-width: none !important;
}

body.pkui-layout a.pkui-footer__link,
body.pkui-layout a.pkui-footer__phone,
body.pkui-layout a.pkui-footer__email,
body.pkui-layout a.pkui-footer__bottom-link,
body.pkui-layout a.pkui-footer__legal-link,
body.pkui-layout a.pkui-footer__accordion-link,
body.pkui-layout a.pkui-footer__disclaimer-link {
    font-family: var(--pkui-font) !important;
    text-decoration: none !important;
    text-transform: none !important;
}

body.pkui-layout a.pkui-footer__link,
body.pkui-layout a.pkui-footer__link:visited {
    color: var(--pkui-color-brand-300) !important;
}

body.pkui-layout a.pkui-footer__phone,
body.pkui-layout a.pkui-footer__email,
body.pkui-layout .pkui-footer__phone,
body.pkui-layout .pkui-footer__email {
    color: var(--pkui-color-white) !important;
}

body.pkui-layout .pkui-footer__address-text,
body.pkui-layout .pkui-footer__bottom-copy,
body.pkui-layout .pkui-footer__bottom-sep,
body.pkui-layout .pkui-footer__legal-text {
    font-family: var(--pkui-font) !important;
    text-transform: none !important;
}

body.pkui-layout .pkui-footer__desktop .pkui-footer__address-text {
    color: var(--pkui-color-brand-300) !important;
}

body.pkui-layout .pkui-footer__bottom-copy,
body.pkui-layout .pkui-footer__bottom-sep {
    color: var(--pkui-color-brand-300) !important;
}

body.pkui-layout .pkui-footer__desktop p.pkui-footer__disclaimer {
    max-width: 720px !important;
    width: 100% !important;
    margin: 0 !important;
}

body.pkui-layout .pkui-footer__disclaimer {
    color: var(--pkui-color-disclaimer) !important;
    font-size: var(--pkui-body-sm) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

body.pkui-layout a.pkui-footer__disclaimer-link,
body.pkui-layout a.pkui-footer__disclaimer-link:visited {
    color: var(--pkui-color-brand-300) !important;
}

body.pkui-layout .pkui-footer__bottom {
    border-top: 1px solid var(--pkui-color-brand-300) !important;
}

body.pkui-layout .pkui-footer__accordion {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
}

body.pkui-layout .pkui-footer__accordion-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

body.pkui-layout .pkui-footer__accordion-item:not(.is-open) .pkui-footer__accordion-panel {
    display: none !important;
}

body.pkui-layout .pkui-footer button.pkui-footer__accordion-trigger,
body.pkui-layout .pkui-footer__accordion-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: var(--pkui-font) !important;
    font-size: var(--pkui-h4-size) !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-transform: none !important;
    color: var(--pkui-color-white) !important;
    cursor: pointer !important;
}

body.pkui-layout .pkui-footer__accordion-trigger .pkui-icon--arrow-down {
    flex-shrink: 0 !important;
    width: 24px !important;
    height: 24px !important;
    filter: brightness(0) invert(1) !important;
    transition: transform 0.2s ease !important;
}

body.pkui-layout .pkui-footer__accordion-item.is-open .pkui-footer__accordion-trigger .pkui-icon--arrow-down {
    transform: rotate(180deg) !important;
}

body.pkui-layout .pkui-footer__accordion-panel {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    opacity: 0.6 !important;
}

body.pkui-layout > div.title-search-result {
    position: absolute;
    z-index: 1300;
    display: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    pointer-events: none;
}

body.pkui-layout > div.title-search-result:empty {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.pkui-layout > div.title-search-result:not(:empty) {
    pointer-events: auto;
    min-width: 280px;
    max-width: min(368px, 48vw);
    border: 1px solid rgba(8, 47, 55, 0.08);
    border-top: 2px solid var(--pkui-color-brand-500);
    border-radius: 16px;
    background: var(--pkui-color-white);
    box-shadow: 0 12px 32px rgba(8, 47, 55, 0.12);
    font-family: var(--pkui-font);
}

body.pkui-layout div.title-search-fader {
    display: none !important;
}

body.pkui-layout > div.title-search-result .bx_searche {
    padding: 8px 0;
}

body.pkui-layout > div.title-search-result .bx_item_block {
    min-height: 0;
    position: relative;
    margin: 0;
    padding: 0;
    transition: background-color 0.15s ease;
}

body.pkui-layout > div.title-search-result .bx_item_block:hover,
body.pkui-layout > div.title-search-result tr.title-search-selected .bx_item_block {
    background: rgba(0, 185, 190, 0.08);
}

body.pkui-layout > div.title-search-result .bx_img_element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    float: none;
    width: 56px;
    padding: 10px 8px 10px 12px;
    background: transparent;
}

body.pkui-layout > div.title-search-result .bx_image {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(8, 47, 55, 0.08);
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

body.pkui-layout > div.title-search-result .bx_item_element {
    margin-left: 56px;
    padding: 10px 14px 10px 0;
}

body.pkui-layout > div.title-search-result .bx_item_element hr {
    display: none;
}

body.pkui-layout > div.title-search-result .bx_item_element a {
    display: block;
    margin: 0;
    font-family: var(--pkui-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--pkui-color-ink);
    text-decoration: none;
    text-transform: none;
}

body.pkui-layout > div.title-search-result .bx_item_element a b {
    color: var(--pkui-color-brand-700);
    font-weight: 600;
}

body.pkui-layout > div.title-search-result .bx_item_element a:hover,
body.pkui-layout > div.title-search-result .bx_item_element a:hover b,
body.pkui-layout > div.title-search-result tr.title-search-selected .bx_item_element a,
body.pkui-layout > div.title-search-result tr.title-search-selected .bx_item_element a b {
    color: var(--pkui-color-brand-700);
    text-decoration: none;
}

body.pkui-layout > div.title-search-result .bx_price {
    margin-top: 4px;
    font-family: var(--pkui-font);
    font-size: 13px;
    font-weight: 600;
    color: var(--pkui-color-ink);
}

body.pkui-layout > div.title-search-result .bx_price .old {
    font-weight: 500;
    color: var(--pkui-color-neutral-500);
}

body.pkui-layout > div.title-search-result .bx_item_block.all_result {
    border-top: 1px solid rgba(8, 47, 55, 0.08);
}

body.pkui-layout > div.title-search-result .bx_item_block.all_result .all_result_title {
    padding: 12px 14px 10px;
    font-family: var(--pkui-font);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--pkui-color-neutral-500);
}

body.pkui-layout > div.title-search-result .bx_item_block.all_result .all_result_title a {
    color: var(--pkui-color-brand-500);
    font-weight: 600;
}

body.pkui-layout > div.title-search-result .bx_item_block.all_result .all_result_title a:hover {
    color: var(--pkui-color-brand-700);
}

body.pkui-layout > div.title-search-result .bx_item_block.others_result {
    min-height: 0;
    padding: 0;
    line-height: 1.4;
}

body.pkui-layout > div.title-search-result .search-all-doctors a {
    display: inline-block;
    margin-top: 4px;
    padding-left: 0 !important;
    font-size: 13px;
    font-weight: 500;
    color: var(--pkui-color-neutral-500) !important;
}

body.pkui-layout > div.title-search-result .search-all-doctors a:hover {
    color: var(--pkui-color-brand-700) !important;
}

body.pkui-layout > div.title-search-result table.title-search-result {
    width: 100%;
    border-collapse: collapse;
}

body.pkui-layout > div.title-search-result table.title-search-result th {
    display: none;
}

body.pkui-layout > .pkui-modals {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    pointer-events: none;
}

body.pkui-layout > .pkui-modals .formCallback {
    display: none !important;
}

body.pkui-preview .pkui-page,
body.pkui-home .pkui-page {
    margin-top: var(--pkui-header-hero-gap, 15px);
}

/* overflow-x:clip на .pkui-page обрезал dropdown и regionality — клип только у контента */
.pkui-page {
    overflow: visible;
}

.pkui-page > .pkui-main {
    flex: 1 0 auto;
    overflow-x: clip;
}

/* Модалки вне flex-потока — иначе gap .pkui-page даёт светлую полоску под футером */
.pkui-page > .pkui-modals {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    pointer-events: none;
}

.pkui-page > .pkui-header {
    position: sticky;
    top: 0;
    z-index: 1100;
    overflow: visible;
}

.pkui-page > .pkui-main,
.pkui-page > .pkui-footer {
    z-index: 0;
}

.pkui-header__nav-item {
    position: relative;
}

.pkui-header__nav-item--dropdown {
    /* Расширяем hover-зону вниз, чтобы курсор успел дойти до выпадашки */
    padding-bottom: 20px;
    margin-bottom: -20px;
}

.pkui-header__nav-item--dropdown .pkui-header__nav-link {
    position: relative;
    z-index: 2;
}

.pkui-header__nav-item--dropdown .pkui-header__nav-link::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 4px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    vertical-align: middle;
}

.pkui-header__dropdown {
    position: absolute;
    top: calc(100% - 8px);
    left: 0;
    z-index: 1200;
    min-width: 280px;
    padding: 20px 0 12px;
    background: #fff;
    border-top: 2px solid var(--pkui-brand-500, #00b9be);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 8px 24px rgba(8, 47, 55, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
    pointer-events: none;
}

/* Невидимый «мост» между пунктом меню и панелью (как nheader::before, z-index:-1 — не перекрывает соседние пункты) */
.pkui-header__dropdown::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 24px;
}

.pkui-header__nav-item--dropdown:hover .pkui-header__dropdown,
.pkui-header__nav-item--dropdown:focus-within .pkui-header__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Широкая выпадашка услуг не должна держать hover, когда курсор уже на «Врачи» */
.pkui-header__nav-links:has(.pkui-header__nav-item--dropdown:hover)
    .pkui-header__nav-item--dropdown:not(:hover)
    .pkui-header__dropdown {
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    pointer-events: none;
}

.pkui-header__dropdown--services {
    display: flex;
    gap: 24px;
    width: 480px;
    min-width: 480px;
    padding-inline: 0;
}

.pkui-header__dropdown--services .pkui-header__dropdown-list {
    flex: 1 1 0;
    min-width: 0;
}

.pkui-header__dropdown--doctors {
    width: 520px;
    min-width: 520px;
    padding-inline: 0;
}

.pkui-header__dropdown--doctors .pkui-header__dropdown-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    padding-inline: 0;
}

.pkui-header__dropdown--doctors .pkui-header__dropdown-item {
    padding-inline: 18px;
}

.pkui-header__dropdown--doctors .pkui-header__dropdown-item--all {
    grid-column: 1 / -1;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--pkui-border-soft, #dfebeb);
}

.pkui-header__dropdown--doctors .pkui-header__dropdown-item--all .pkui-header__dropdown-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--pkui-brand-500, #00b9be);
    font-weight: 500;
}

.pkui-header__dropdown--doctors .pkui-header__dropdown-item--all .pkui-header__dropdown-link::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.36 1L5.36 5L1.36 9' stroke='%2300B9BE' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.pkui-header__dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pkui-header__dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
}

.pkui-header__dropdown-item--all {
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid var(--pkui-border-soft, #dfebeb);
}

.pkui-header__dropdown-icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.pkui-header__dropdown-link {
    color: var(--pkui-ink, #082f37);
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none;
}

.pkui-header__dropdown-link:hover,
.pkui-header__dropdown-link:focus-visible {
    color: var(--pkui-brand-600, #00878c);
}

/* Регион: модалка поверх всего preview, не внутри clip-контейнера */
body.pkui-preview .regionality.pkui-regionality {
    z-index: 10000;
}

.pkui-regionality .regionality__title {
    font-family: 'Manrope', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--pkui-ink, #082f37);
}

/* Mobile: аккордеон «Услуги» / «Врачи» */
body.pkui-layout .pkui-header__mobile-accordion-item,
.pkui-header__mobile-accordion-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.pkui-layout .pkui-header__mobile-accordion-item:not(.is-open) .pkui-header__mobile-accordion-panel,
.pkui-header__mobile-accordion-item:not(.is-open) .pkui-header__mobile-accordion-panel {
    display: none;
}

body.pkui-layout .pkui-header__mobile-menu button.pkui-header__mobile-accordion-trigger,
body.pkui-layout button.pkui-header__mobile-accordion-trigger,
.pkui button.pkui-header__mobile-accordion-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: var(--pkui-font, 'Manrope', sans-serif) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-transform: none !important;
    color: var(--pkui-color-ink, #082f37) !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.pkui-layout .pkui-header__mobile-accordion-trigger:hover,
body.pkui-layout .pkui-header__mobile-accordion-trigger:focus-visible,
.pkui-header__mobile-accordion-trigger:hover,
.pkui-header__mobile-accordion-trigger:focus-visible {
    background: rgba(0, 185, 190, 0.08) !important;
    color: var(--pkui-color-brand-700, #00878c) !important;
}

body.pkui-layout .pkui-header__mobile-accordion-trigger .pkui-icon--arrow-down,
.pkui-header__mobile-accordion-trigger .pkui-icon--arrow-down {
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-image: url('../icons/arrow-down.svg') !important;
    transition: transform 0.2s ease;
}

body.pkui-layout .pkui-header__mobile-accordion-item.is-open .pkui-header__mobile-accordion-trigger .pkui-icon--arrow-down,
.pkui-header__mobile-accordion-item.is-open .pkui-header__mobile-accordion-trigger .pkui-icon--arrow-down {
    transform: rotate(180deg);
}

body.pkui-layout .pkui-header__mobile-accordion-panel,
.pkui-header__mobile-accordion-panel {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 0 8px 12px;
}

body.pkui-layout .pkui-header__mobile-accordion-links,
.pkui-header__mobile-accordion-links {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.pkui-layout .pkui-header__mobile-menu .pkui-header__mobile-link--sub,
body.pkui-layout .pkui-header__mobile-link--sub,
.pkui-header__mobile-link--sub {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 6px 10px !important;
    font-family: var(--pkui-font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: var(--pkui-color-ink, #082f37) !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

body.pkui-layout .pkui-header__mobile-menu .pkui-header__mobile-link--sub:hover,
body.pkui-layout .pkui-header__mobile-menu .pkui-header__mobile-link--sub:focus-visible,
body.pkui-layout .pkui-header__mobile-link--sub:hover,
body.pkui-layout .pkui-header__mobile-link--sub:focus-visible,
.pkui-header__mobile-link--sub:hover,
.pkui-header__mobile-link--sub:focus-visible {
    background: rgba(0, 185, 190, 0.08) !important;
    color: var(--pkui-color-brand-700, #00878c) !important;
}

body.pkui-layout .pkui-header__mobile-accordion-all,
.pkui-header__mobile-accordion-all {
    margin-top: 8px;
    padding-top: 12px;
}

body.pkui-layout .pkui-header__mobile-accordion-all::before,
.pkui-header__mobile-accordion-all::before {
    content: '';
    display: block;
    height: 1px;
    margin: 0 10px 12px;
    background: rgba(8, 47, 55, 0.1);
}

body.pkui-layout .pkui-header__mobile-menu .pkui-header__mobile-link--all,
body.pkui-layout .pkui-header__mobile-link--all,
.pkui-header__mobile-link--all {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 40px !important;
    margin: 0 10px !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
    background: rgba(0, 185, 190, 0.1) !important;
    font-family: var(--pkui-font) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    color: var(--pkui-color-brand-700, #00878c) !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

body.pkui-layout .pkui-header__mobile-menu .pkui-header__mobile-link--all:hover,
body.pkui-layout .pkui-header__mobile-menu .pkui-header__mobile-link--all:focus-visible,
body.pkui-layout .pkui-header__mobile-link--all:hover,
body.pkui-layout .pkui-header__mobile-link--all:focus-visible,
.pkui-header__mobile-link--all:hover,
.pkui-header__mobile-link--all:focus-visible {
    background: rgba(0, 185, 190, 0.16) !important;
    color: var(--pkui-color-brand-700, #00878c) !important;
}

/* Модалки записи — скрыты до fancybox (класс v2.0-modal экранировать: v2\.0-modal) */
.pkui-page > .pkui-modals .formCallback.v2\.0-modal {
    display: none !important;
}

/* margin-top .formCallback (45px) сдвигает inline-модалку ниже .fancybox-slide;
   display: block ломает vertical-align центрирование fancybox — нужен inline-block */
.fancybox-container #modalZapisNaPriem,
.fancybox-slide #modalZapisNaPriem {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 !important;
    width: auto !important;
    max-width: min(1035px, calc(100vw - 32px));
    pointer-events: auto;
}

/* ── Legacy shield: header/footer на внутренних страницах ── */

body.pkui-layout .pkui-header .pkui-icon,
body.pkui-layout .pkui-footer .pkui-icon {
    display: inline-block;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

body.pkui-layout .pkui-header__mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 1095;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-top: var(--pkui-menu-offset, var(--pkui-header-height));
    pointer-events: none;
    isolation: isolate;
}

body.pkui-layout .pkui-header__mobile-menu-backdrop {
    position: absolute;
    inset: 0;
    opacity: 0;
    background: rgba(8, 47, 55, 0.28);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    transition: opacity 0.26s ease;
}

body.pkui-layout .pkui-header__mobile-menu-panel {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-height: calc(100dvh - var(--pkui-menu-offset, var(--pkui-header-height)));
    padding: 16px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--pkui-color-surface);
    border-radius: 0 0 24px 24px;
    box-shadow: 0 12px 32px rgba(8, 47, 55, 0.1);
    opacity: 0;
    transition: opacity 0.26s ease;
}

body.pkui-layout .pkui-header__mobile-menu.is-visible .pkui-header__mobile-menu-backdrop,
body.pkui-layout .pkui-header.is-menu-open.is-menu-animated + .pkui-header__mobile-menu .pkui-header__mobile-menu-backdrop,
body.pkui-layout.pkui-menu-open .pkui-header.is-menu-animated + .pkui-header__mobile-menu .pkui-header__mobile-menu-backdrop {
    opacity: 1;
}

body.pkui-layout .pkui-header__mobile-menu.is-visible .pkui-header__mobile-menu-panel,
body.pkui-layout .pkui-header.is-menu-open.is-menu-animated + .pkui-header__mobile-menu .pkui-header__mobile-menu-panel,
body.pkui-layout.pkui-menu-open .pkui-header.is-menu-animated + .pkui-header__mobile-menu .pkui-header__mobile-menu-panel {
    opacity: 1;
}

body.pkui-layout .pkui-header.is-menu-open .pkui-header__burger .pkui-icon--dots {
    background-image: url('../icons/close.svg') !important;
}

body.pkui-layout.pkui-menu-open {
    overflow: hidden;
    touch-action: none;
}

body.pkui-layout .pkui-header.is-menu-open + .pkui-header__mobile-menu,
body.pkui-layout.pkui-menu-open .pkui-header__mobile-menu,
body.pkui-layout .pkui-header__mobile-menu.is-visible {
    pointer-events: auto;
}

body.pkui-layout .pkui-header__mobile-menu[hidden] {
    display: none !important;
}

body.pkui-layout .pkui-header__mobile-link {
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
}

body.pkui-layout .pkui-footer__mobile {
    flex-direction: column !important;
    gap: 64px !important;
}

body.pkui-layout .pkui-footer__accordion-links,
body.pkui-layout .pkui-footer__accordion-addresses {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.pkui-layout a.pkui-footer__accordion-link,
body.pkui-layout .pkui-footer__accordion-link {
    font-size: var(--pkui-body-sm) !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    color: var(--pkui-color-white) !important;
    text-align: left !important;
}

body.pkui-layout header.pkui-header,
body.pkui-layout footer.pkui-footer {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font-family: var(--pkui-font) !important;
    font-size: inherit;
    line-height: normal;
    letter-spacing: normal;
    text-transform: none;
}

body.pkui-layout footer.pkui-footer {
    margin-top: 120px !important;
}

body.pkui-layout .pkui-header ul,
body.pkui-layout .pkui-header ol,
body.pkui-layout .pkui-footer ul,
body.pkui-layout .pkui-footer ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.pkui-layout .pkui-header p,
body.pkui-layout .pkui-footer p {
    margin: 0;
}

body.pkui-layout .pkui-header h1,
body.pkui-layout .pkui-header h2,
body.pkui-layout .pkui-header h3,
body.pkui-layout .pkui-header h4,
body.pkui-layout .pkui-footer h1,
body.pkui-layout .pkui-footer h2,
body.pkui-layout .pkui-footer h3,
body.pkui-layout .pkui-footer h4 {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: normal;
    text-transform: none;
}

body.pkui-layout .pkui-header button,
body.pkui-layout .pkui-header__mobile-menu button,
body.pkui-layout .pkui-footer button {
    font-family: var(--pkui-font) !important;
    font-size: inherit;
    line-height: normal;
    text-transform: none !important;
    opacity: 1 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
}

body.pkui-layout .pkui-header a:hover,
body.pkui-layout .pkui-header a:focus,
body.pkui-layout .pkui-footer a:hover,
body.pkui-layout .pkui-footer a:focus {
    outline: none;
}

body.pkui-layout .pkui-header__region {
    font-family: var(--pkui-font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: var(--pkui-color-ink) !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    text-transform: none !important;
}

body.pkui-layout .pkui-header__region-text,
body.pkui-layout .pkui-header__region [data-entity="select-city__block__text-city"] {
    font-family: var(--pkui-font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
    color: var(--pkui-color-ink) !important;
    text-decoration: none !important;
    text-transform: none !important;
    opacity: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

body.pkui-layout button.pkui-header__region.regionality-select-btn {
    font-family: var(--pkui-font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: var(--pkui-color-ink) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

body.pkui-layout .pkui-header__logo,
body.pkui-layout .pkui-footer__logo {
    display: inline-flex !important;
    text-decoration: none !important;
}

body.pkui-layout .pkui-header__logo-img--desktop {
    width: 156px !important;
    height: auto !important;
}

body.pkui-layout .pkui-header__logo-img--mobile {
    width: 109px !important;
    height: auto !important;
}

body.pkui-layout .pkui-footer__logo-img {
    width: 178px !important;
    height: auto !important;
}

body.pkui-layout .pkui-footer__logo-img--mobile {
    width: 162px !important;
}

body.pkui-layout .pkui-footer__social-icon {
    width: 40px !important;
    height: 40px !important;
    max-width: none !important;
}

body.pkui-layout a.pkui-footer__link:hover,
body.pkui-layout a.pkui-footer__link:focus-visible {
    color: var(--pkui-color-white) !important;
    text-decoration: none !important;
}

body.pkui-layout a.pkui-footer__phone:hover,
body.pkui-layout a.pkui-footer__phone:focus-visible,
body.pkui-layout a.pkui-footer__email:hover,
body.pkui-layout a.pkui-footer__email:focus-visible {
    color: var(--pkui-color-white) !important;
    text-decoration: none !important;
}

body.pkui-layout a.pkui-footer__bottom-link,
body.pkui-layout a.pkui-footer__bottom-link:visited {
    color: var(--pkui-color-brand-300) !important;
    text-decoration: none !important;
}

body.pkui-layout a.pkui-footer__legal-link,
body.pkui-layout a.pkui-footer__legal-link:visited {
    color: var(--pkui-color-white) !important;
    opacity: 0.5 !important;
    text-decoration: none !important;
}

body.pkui-layout a.pkui-footer__bottom-link:hover,
body.pkui-layout a.pkui-footer__legal-link:hover,
body.pkui-layout a.pkui-footer__accordion-link:hover,
body.pkui-layout a.pkui-footer__disclaimer-link:hover {
    color: var(--pkui-color-white) !important;
    text-decoration: none !important;
    opacity: 0.85;
}

body.pkui-layout a.pkui-footer__social-link,
body.pkui-layout a.pkui-footer__social-link:hover,
body.pkui-layout a.pkui-footer__social-link:focus-visible {
    opacity: 1;
    text-decoration: none !important;
}

body.pkui-layout .pkui-footer__column-title {
    font-size: var(--pkui-h4-size) !important;
    line-height: 1.2 !important;
}

body.pkui-layout .pkui-footer__accordion-address-text {
    font-size: var(--pkui-body-sm) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

body.pkui-layout .pkui-header__mobile-action,
body.pkui-layout .pkui-header__mobile-action--cta {
    opacity: 1 !important;
    text-decoration: none !important;
}

body.pkui-layout .pkui-header__mobile-action--cta.pkui-btn--primary {
    background: var(--pkui-color-brand-500) !important;
    color: var(--pkui-color-white) !important;
}

body.pkui-layout .regionality.pkui-regionality {
    z-index: 10000;
}

@media (max-width: 1279px) {
    body.pkui-layout {
        --pkui-gutter: 40px;
        --pkui-header-pad-x: 16px;
    }

    body.pkui-layout .pkui-header__nav {
        display: none !important;
    }

    body.pkui-layout .pkui-header__burger.pkui-hide--desktop {
        display: inline-flex !important;
    }

    body.pkui-layout .pkui-header__mobile-menu.pkui-hide--desktop:not([hidden]) {
        display: flex !important;
    }

    body.pkui-layout .pkui-footer__head,
    body.pkui-layout .pkui-footer__meta {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.pkui-layout .pkui-footer__columns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    body.pkui-layout {
        --pkui-gutter: 16px;
        --pkui-header-height: 68px;
        --pkui-header-pad-x: 16px;
        --pkui-radius-xl: 40px;
        --pkui-h3-size: 20px;
        --pkui-h4-size: 18px;
        --pkui-footer-bg: var(--pkui-color-footer-mobile);
    }

    body.pkui-layout .pkui-hide--mobile {
        display: none !important;
    }

    body.pkui-layout .pkui-hide--desktop {
        display: revert !important;
    }

    body.pkui-layout .pkui-header__burger.pkui-hide--desktop {
        display: inline-flex !important;
    }

    body.pkui-layout .pkui-header__search-slot,
    body.pkui-layout .pkui-header__cta-group,
    body.pkui-layout .pkui-header__region,
    body.pkui-layout .pkui-header__nav {
        display: none !important;
    }

    body.pkui-layout .pkui-header__inner {
        padding-inline: var(--pkui-header-pad-x) !important;
    }

    body.pkui-layout .pkui-header__logo-img--mobile {
        display: block !important;
    }

    body.pkui-layout footer.pkui-footer {
        margin-top: 80px !important;
        border-radius: var(--pkui-radius-xl) var(--pkui-radius-xl) 0 0 !important;
    }

    body.pkui-layout .pkui-footer__inner {
        padding: 40px 16px 16px !important;
    }

    body.pkui-layout .pkui-footer__desktop {
        display: none !important;
    }

    body.pkui-layout .pkui-footer__mobile {
        display: flex !important;
    }

    body.pkui-layout .pkui-footer__mobile.pkui-hide--desktop {
        display: flex !important;
    }

    body.pkui-layout .pkui-footer__mobile .pkui-footer__brand {
        width: 100% !important;
    }

    body.pkui-layout .pkui-footer__mobile .pkui-footer__logo {
        width: 162px !important;
        max-width: 162px !important;
    }

    body.pkui-layout .pkui-footer__mobile .pkui-footer__brand-name {
        width: 100% !important;
        max-width: none !important;
        font-size: var(--pkui-body-sm) !important;
    }

    body.pkui-layout .pkui-footer__mobile .pkui-footer__column-title,
    body.pkui-layout .pkui-footer__mobile button.pkui-footer__accordion-trigger {
        font-size: var(--pkui-h3-size) !important;
    }

    body.pkui-layout .pkui-footer__mobile p.pkui-footer__disclaimer {
        max-width: none !important;
        color: rgba(255, 255, 255, 0.2) !important;
        opacity: 1 !important;
    }

    body.pkui-layout .pkui-footer__mobile a.pkui-footer__disclaimer-link {
        color: rgba(255, 255, 255, 0.2) !important;
        opacity: 1 !important;
    }

    body.pkui-layout .pkui-footer__mobile a.pkui-footer__phone,
    body.pkui-layout .pkui-footer__mobile a.pkui-footer__email,
    body.pkui-layout .pkui-footer__mobile .pkui-footer__phone,
    body.pkui-layout .pkui-footer__mobile .pkui-footer__email {
        font-size: var(--pkui-h3-size) !important;
        line-height: 1.2 !important;
    }

    body.pkui-layout .pkui-header__mobile-link:not(.pkui-header__mobile-link--sub):not(.pkui-header__mobile-link--all) {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
    }

    body.pkui-layout .pkui-header__mobile-menu-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
    }
}