/* --- Строки с почтой --- */
    .vit-contacts__emails {
        margin-bottom: 28px;
    }

    .vit-contacts__email-line {
        font-size: 14px;
        color: #555;
        margin-bottom: 8px;
    }

    .vit-contacts__email-line a {
        color: #6b5fc7;
        text-decoration: none;
        font-weight: 600;
    }

    .vit-contacts__email-line a:hover {
        text-decoration: underline;
    }

    /* --- Разделитель --- */
    .vit-contacts__divider {
        border: none;
        border-top: 1px solid #ebebf5;
        margin: 24px 0;
    }

    /* --- Заголовок раздела --- */
    .vit-contacts__section-title {
        font-size: 15px;
        font-weight: 700;
        color: #1a1a2e;
        margin: 0 0 16px;
        letter-spacing: 0.01em;
    }

    /* --- Сетка расписания --- */
    .vit-contacts__schedule-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-bottom: 28px;
    }

    @media (max-width: 600px) {
        .vit-contacts__schedule-grid {
            grid-template-columns: 1fr;
        }
    }

    .vit-contacts__sched-card {
        background: #f4f3ff;
        border-radius: 16px;
        padding: 16px 18px;
    }

    .vit-contacts__sched-label {
        font-size: 12px;
        font-weight: 700;
        color: #6b5fc7;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        margin-bottom: 6px;
    }

    .vit-contacts__sched-time {
        font-size: 14px;
        color: #1a1a2e;
        font-weight: 500;
        line-height: 1.7;
    }

    /* --- Ряд с телефоном и email --- */
    .vit-contacts__row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .vit-contacts__item {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: #f4f3ff;
        border-radius: 40px;
        padding: 12px 20px;
        text-decoration: none;
        transition: background 0.2s ease;
    }

    .vit-contacts__item:hover {
        background: #e8e6fd;
    }

    .vit-contacts__item-icon {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    .vit-contacts__item-text {
        font-size: 15px;
        font-weight: 600;
        color: #4b3fb5;
    }

    /* --- Адрес --- */
    .vit-contacts__address {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 20px;
    }

    .vit-contacts__address-text {
        font-size: 14px;
        color: #555;
    }

    .btn-download-doctors {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 15px;
        font-weight: 600;
        color: #6b5fc7;
        background: #fff;
        border: 1.5px solid #c4bcf4;
        border-radius: 40px;
        padding: 12px 22px 12px 16px;
        text-decoration: none;
        cursor: pointer;
        transition:
            background 0.2s ease,
            border-color 0.2s ease,
            color 0.2s ease,
            transform 0.15s ease,
            box-shadow 0.2s ease;
        white-space: nowrap;
    }

    /* Иконка-контейнер */
    .btn-download-doctors__icon {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #f0eeff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: background 0.2s ease;
    }

    .btn-download-doctors__icon svg {
        width: 16px;
        height: 16px;
        color: #6b5fc7;
        transition: color 0.2s ease, transform 0.3s ease;
    }

    /* Состояние: hover */
    .btn-download-doctors:hover {
        background: #f0eeff;
        border-color: #6b5fc7;
        box-shadow: 0 4px 16px rgba(107, 95, 199, 0.15);
    }

    .btn-download-doctors:hover .btn-download-doctors__icon {
        background: #6b5fc7;
    }

    .btn-download-doctors:hover .btn-download-doctors__icon svg {
        color: #fff;
        transform: translateY(2px);
    }

    /* Состояние: active / click */
    .btn-download-doctors:active {
        transform: scale(0.97);
        box-shadow: none;
    }

    /* Состояние: loading (добавьте класс .is-loading через JS) */
    .btn-download-doctors.is-loading {
        pointer-events: none;
        opacity: 0.75;
    }

    .btn-download-doctors.is-loading .btn-download-doctors__icon svg {
        animation: spin 0.8s linear infinite;
    }

    @keyframes spin {
        to {
            transform: rotate(360deg);
        }
    }

    /* Вариант: залитая кнопка (добавьте класс .btn-download-doctors--filled) */
    .btn-download-doctors--filled {
        background: #6b5fc7;
        border-color: #6b5fc7;
        color: #fff;
    }

    .btn-download-doctors--filled .btn-download-doctors__icon {
        background: rgba(255, 255, 255, 0.18);
    }

    .btn-download-doctors--filled .btn-download-doctors__icon svg {
        color: #fff;
    }

    .btn-download-doctors--filled:hover {
        background: #5447b0;
        border-color: #5447b0;
        color: #fff;
    }

    .btn-download-doctors--filled:hover .btn-download-doctors__icon {
        background: rgba(255, 255, 255, 0.25);
    }

    .btn-download-doctors--filled:hover .btn-download-doctors__icon svg {
        color: #fff;
    }

    .center_button__download {
        margin: 20px auto;
        text-align: right;
        width: 70%;
    }

    .vc-btn.vc-btn--transparent {
        color: #fff;
    }

    .vc-btn.vc-btn--transparent svg {
        fill: #fff;
    }

    /* =========================================================
   КДЛ на Измайлова — patient page — custom.css
   Чистый минимализм, белый/серый
   ========================================================= */

    /* ---------- Reset & base ---------- */
    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }


    a {
        color: inherit;
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

    img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    /* ---------- Breadcrumb ---------- */
    .breadcrumb,
    .breadcrumbs,
    [class*="breadcrumb"] {
        font-size: 13px;
        color: #999;
        padding: 14px 0;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 0;
    }

    .breadcrumb a,
    .breadcrumbs a {
        color: #999;
    }

    .breadcrumb a:hover,
    .breadcrumbs a:hover {
        color: #1c1c1c;
        text-decoration: none;
    }

    .breadcrumb span,
    .breadcrumbs span {
        color: #1c1c1c;
    }

    /* ---------- Page title ---------- */
    .page-title,
    h1.title,
    .content h1,
    .section-title h1 {
        font-size: clamp(26px, 4vw, 38px);
        font-weight: 600;
        line-height: 1.2;
        color: #1c1c1c;
        margin: 40px 0 32px;
        letter-spacing: -0.3px;
    }

    /* ---------- Patient nav links grid ---------- */
    /* Список ссылок «Часто задаваемые вопросы», «Новости» и т.д. */
    .patient-nav,
    .patient-links,
    .section-links,
    .page-nav-list,
    [class*="patient-menu"],
    [class*="nav-list"] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 12px;
        margin: 0 0 48px;
        padding: 0;
        list-style: none;
    }

    .patient-nav li a,
    .patient-links li a,
    .section-links li a,
    .page-nav-list li a,
    [class*="patient-menu"] li a,
    [class*="nav-list"] li a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 16px 20px;
        border: 1px solid #e8e8e8;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 500;
        color: #1c1c1c;
        background: #fafafa;
        transition: border-color .18s, background .18s, transform .15s;
    }

    .patient-nav li a:hover,
    .patient-links li a:hover,
    .section-links li a:hover,
    .page-nav-list li a:hover,
    [class*="patient-menu"] li a:hover,
    [class*="nav-list"] li a:hover {
        background: #fff;
        border-color: #bbb;
        transform: translateY(-1px);
        text-decoration: none;
    }

    /* ---------- Content area ---------- */
    .content-text,
    .article-text,
    [class*="content-body"],
    [class*="text-content"],
    .page-content-inner>div {
        max-width: 800px;
    }

    /* Paragraphs */
    .content-text p,
    .article-text p,
    [class*="content-body"] p {
        margin: 0 0 18px;
        color: #3a3a3a;
    }

    /* H2 inside content */
    .content-text h2,
    .article-text h2 {
        font-size: 22px;
        font-weight: 600;
        margin: 40px 0 14px;
        color: #1c1c1c;
    }

    /* H3 section headers (Опытные специалисты, Современное оборудование…) */
    .content-text h3,
    .article-text h3,
    [class*="content-body"] h3 {
        font-size: 17px;
        font-weight: 600;
        color: #1c1c1c;
        margin: 32px 0 10px;
        padding-left: 14px;
        border-left: 3px solid #d0d0d0;
    }

    /* Bold intro */
    .content-text strong,
    .article-text strong {
        font-weight: 600;
        color: #1c1c1c;
    }

    /* ---------- Hero / banner block ---------- */
    .hero,
    .page-hero,
    [class*="hero-block"],
    [class*="intro-block"] {
        background: #f7f7f7;
        border-radius: 14px;
        padding: 48px 48px;
        margin: 0 0 48px;
        position: relative;
        overflow: hidden;
    }

    .hero h2,
    .page-hero h2,
    [class*="hero-block"] h2,
    [class*="intro-block"] h2 {
        font-size: clamp(22px, 3vw, 32px);
        font-weight: 700;
        line-height: 1.25;
        color: #1c1c1c;
        margin: 0 0 16px;
        max-width: 560px;
    }

    .hero p,
    .page-hero p,
    [class*="hero-block"] p {
        color: #555;
        max-width: 520px;
        margin: 0 0 28px;
    }

    /* ---------- Stat callout (>90% возвращаются) ---------- */
    .stat-callout,
    [class*="stat-block"],
    .percent-block {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        background: #f0f0f0;
        border-radius: 8px;
        padding: 12px 20px;
        margin: 16px 0;
        font-size: 14px;
        color: #555;
    }

    .stat-callout strong,
    [class*="stat-block"] strong {
        font-size: 22px;
        font-weight: 700;
        color: #1c1c1c;
    }

    /* ---------- Blockquote / цитата ---------- */
    blockquote,
    .quote,
    [class*="quote-block"] {
        margin: 40px 0;
        padding: 28px 32px;
        background: #f7f7f7;
        border-left: none;
        border-radius: 12px;
        font-size: 16px;
        line-height: 1.7;
        color: #444;
        position: relative;
    }

    blockquote::before,
    .quote::before {
        content: '\201C';
        font-size: 64px;
        line-height: 1;
        color: #ddd;
        position: absolute;
        top: 12px;
        left: 24px;
    }

    blockquote p,
    .quote p {
        margin: 0;
        padding-left: 8px;
    }

    blockquote strong,
    .quote strong {
        color: #1c1c1c;
    }

    blockquote cite,
    .quote-author {
        display: block;
        margin-top: 14px;
        font-size: 13px;
        color: #999;
        font-style: normal;
        padding-left: 8px;
    }

    /* ---------- CTA buttons ---------- */
    .btn,
    .cta-btn,
    [class*="btn-primary"],
    [class*="btn-call"],
    .content-text a[href="#"],
    .article-text a.btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 24px;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 500;
        cursor: pointer;
        transition: background .18s, color .18s, border-color .18s;
        text-decoration: none !important;
    }

    /* Primary */
    .btn-primary,
    [class*="btn-primary"],
    .cta-primary {
        background: #1c1c1c;
        color: #fff;
        border: 1px solid #1c1c1c;
    }

    .btn-primary:hover,
    [class*="btn-primary"]:hover,
    .cta-primary:hover {
        background: #333;
        border-color: #333;
    }

    /* Secondary / outline */
    .btn-secondary,
    [class*="btn-secondary"],
    .cta-secondary {
        background: #fff;
        color: #1c1c1c;
        border: 1px solid #d0d0d0;
    }

    .btn-secondary:hover,
    [class*="btn-secondary"]:hover,
    .cta-secondary:hover {
        border-color: #888;
    }

    /* CTA block with two buttons */
    .cta-row,
    [class*="cta-row"],
    [class*="btn-group"] {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin: 28px 0;
    }

    /* ---------- CTA bottom banner (ЗАПИСАТЬСЯ НА ПРИЕМ) ---------- */
    .cta-banner,
    [class*="cta-bottom"],
    [class*="signup-banner"] {
        background: #1c1c1c;
        color: #fff;
        border-radius: 14px;
        padding: 40px 48px;
        margin: 48px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        flex-wrap: wrap;
    }

    .cta-banner p,
    [class*="cta-bottom"] p {
        font-size: 18px;
        font-weight: 500;
        margin: 0;
        color: #fff;
    }

    .cta-banner .btn,
    [class*="cta-bottom"] .btn {
        background: #fff;
        color: #1c1c1c;
        border: none;
        white-space: nowrap;
    }

    .cta-banner .btn:hover {
        background: #f0f0f0;
    }

    /* ---------- Slider arrows (‹ ›) ---------- */
    .slider-prev,
    .slider-next,
    [class*="swiper-button"],
    [class*="slider-arrow"] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #ddd;
        background: #fff;
        color: #555;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 18px;
        transition: border-color .15s, color .15s;
    }

    .slider-prev:hover,
    .slider-next:hover,
    [class*="swiper-button"]:hover {
        border-color: #888;
        color: #1c1c1c;
    }

    /* ---------- Forms ---------- */
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    select,
    textarea {
        width: 100%;
        padding: 11px 14px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 15px;
        font-family: inherit;
        color: #1c1c1c;
        background: #fff;
        outline: none;
        transition: border-color .18s;
        appearance: none;
    }

    input:focus,
    select:focus,
    textarea:focus {
        border-color: #888;
    }

    input::placeholder,
    textarea::placeholder {
        color: #bbb;
    }

    label {
        font-size: 14px;
        color: #555;
        display: block;
        margin-bottom: 6px;
    }

    .form-group {
        margin-bottom: 16px;
    }

    /* Checkbox consent */
    .form-consent,
    [class*="form-agree"],
    [class*="policy-agree"] {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        font-size: 13px;
        color: #888;
        margin: 12px 0;
    }

    .form-consent a,
    [class*="form-agree"] a {
        color: #555;
        text-decoration: underline;
    }

    /* Submit button */
    button[type="submit"],
    input[type="submit"],
    .form-submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 12px 28px;
        background: #1c1c1c;
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 500;
        font-family: inherit;
        cursor: pointer;
        transition: background .18s;
    }

    button[type="submit"]:hover,
    input[type="submit"]:hover {
        background: #333;
    }

    /* ---------- Modal / popup ---------- */
    .modal,
    .popup,
    [class*="modal-wrap"],
    [class*="popup-block"] {
        border-radius: 14px;
        padding: 36px 40px;
        background: #fff;
        box-shadow: 0 8px 40px rgba(0, 0, 0, .12);
        max-width: 480px;
        width: 100%;
    }

    .modal h3,
    .popup h3,
    [class*="modal-title"] {
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 20px;
        color: #1c1c1c;
    }

    /* ---------- Footer info bar (адрес, режим работы, вопрос) ---------- */
    .footer-info,
    [class*="footer-bar"],
    [class*="contacts-bar"] {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        padding: 28px 0;
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        margin: 40px 0 0;
    }

    .footer-info-item,
    [class*="footer-bar"]>div,
    [class*="contacts-bar"]>div {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        font-size: 14px;
        color: #555;
        flex: 1 1 180px;
    }

    .footer-info-item img,
    [class*="footer-bar"] img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        margin-top: 2px;
        opacity: .5;
    }

    /* ---------- Scrollbar ---------- */
    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    ::-webkit-scrollbar-track {
        background: transparent;
    }

    ::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 3px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #bbb;
    }

    /* ---------- Utility ---------- */
    .text-muted {
        color: #999;
    }

    .text-small {
        font-size: 13px;
    }

    .mt-0 {
        margin-top: 0;
    }

    .mb-0 {
        margin-bottom: 0;
    }

    /* ---------- Responsive ---------- */
    @media (max-width: 768px) {

        .patient-nav,
        .patient-links,
        .section-links,
        [class*="nav-list"] {
            grid-template-columns: 1fr;
        }

        .hero,
        .page-hero,
        [class*="hero-block"] {
            padding: 28px 24px;
        }

        .cta-banner,
        [class*="cta-bottom"] {
            flex-direction: column;
            padding: 28px 24px;
            text-align: center;
        }

        blockquote,
        .quote {
            padding: 20px 20px 20px 24px;
        }

        .modal,
        .popup {
            padding: 24px 20px;
        }
    }

    @media (max-width: 480px) {

        .page-title,
        h1.title,
        .content h1 {
            font-size: 24px;
        }

        .cta-row,
        [class*="btn-group"] {
            flex-direction: column;
        }

        .btn,
        .cta-btn {
            width: 100%;
            justify-content: center;
        }
    }