/* Глобальные CSS-переопределения из админки.
   Этот файл подключается последним и перекрывает основные стили сайта. */

/* body {
    background-color:red;
}*/
.advanced__grid {gap: 10px;}

.advanced-item {
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-border);
    border-radius: 16px;
    background: #f0f2f1;
    padding: 24px;
}
.clinic-card__logo {display: flex; align-items: center; justufy-content: center;}
.clinic-card__logo img {width: auto; height: auto; max-width: calc(100% - 40px); max-height: calc(100% - 20px);}
.advantages__grid {display: flex; gap: 20px; flex-wrap: wrap;}
.advantage-card {width: calc(100% / 3 - 14px);}
.clinic-card__logo {background: #fff;}
.clinic-card__name {background: var(--color-primary); color: #fff!important;}
.advantage-card:last-child {width: 100%;}
.hero__image-overlay {border-radius: var(--radius-lg);}
.header__brand-name {letter-spacing: 0; font-size: 19px;}
a.clinic-card:hover .clinic-card__name::after {filter: brightness(800%);}
.header__brand-desc {max-width: 190px; font-size: 10px;}
/* Логотип сайта (PNG /images/site-logo.png вместо прежнего встроенного SVG).
   Прежние правила касались .header__logo svg — дублируем размеры для img. */
.header__logo img {display: block; width: 48px; height: 48px; object-fit: contain;}
.footer__logo img {display: block; width: 48px; height: 48px; object-fit: contain;}
.mob__logo img {flex-shrink: 0; width: 32px; height: 32px; object-fit: contain;}
.advanced {background: #fff;}
@media all and (max-width:1000px) {
.advantage-card {width: calc(50% - 10px);}
}

@media all and (max-width:767px) {
.advanced-vision__num {width: 8px; height: 8px; flex-basis: 8px;}
.advanced-vision__chip {flex-direction: row; align-items: center;}
}
@media all and (max-width:700px) {
.advantage-card {width: 100%;}
}

/* Единый размер заголовков карточек преимуществ на всех экранах
   (крупные карточки раньше были 22px против 18px у обычных). */
.advantage-card__title,
.advantage-card--large .advantage-card__title {font-size: 18px;}

/* Эффект стекла для stat-карточек hero (белый текст — зелёное тонированное стекло) */
.hero__stat-badge--1,
.hero__stat-badge--2 {
    background: rgba(117, 146, 131, 0.28);
    backdrop-filter: blur(12px) saturate(140%);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, 0.40);
    box-shadow: 0 8px 32px rgba(117, 146, 131, 0.25);
}

/* Эффект стекла для float-карточек hero (тёмный текст — светлое матовое стекло) */
.hero__float-card--1,
.hero__float-card--2 {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(14px) saturate(150%);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.60);
    box-shadow: 0 8px 32px rgba(60, 70, 60, 0.12);
}

/* Шапка: вверху страницы — как сейчас, при скролле плавно становится
   матовым стеклом (плавность даёт transition: all на базовой .header). */
.header--scrolled {
    background: rgba(242, 238, 227, 0.60);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 8px 32px rgba(60, 70, 60, 0.10);
}

/* ============================================================
   Единый вертикальный ритм между блоками главной.
   Все секции используют padding: var(--section-gap) 0 (100/80/60px).
   Единственный выбивавшийся — hero: нижний отступ был 80px (и 60/48
   на планшете/мобильном), из-за чего интервал hero → следующий блок
   был меньше остальных. Приводим к общему --section-gap; переменная
   сама подхватывает адаптивные значения на всех брейкпоинтах.
   (advanced-vision выровнен выше — был clamp(72–128px).)
   ============================================================ */
.hero {
    padding-bottom: var(--section-gap);
}

/* ============================================================
   Блок «Передовые методы лечения» (.advanced-vision)
   Был тёмный hi-tech glass с гигантскими шрифтами и выбивался
   из спокойной кремовой палитры сайта. Приводим к общей стилистике:
   светлый фон, обычные размеры заголовков, карточки как .advantage-card.
   ============================================================ */

/* Спокойный кремовый фон вместо тёмного фото-оверлея и сетки */
.advanced-vision {
    background: var(--color-bg);
    padding: var(--section-gap) 0;
}
.advanced-vision::before,            /* тёмное фото + градиент */
.advanced-vision::after {            /* сетка-линии */
    display: none;
}
.advanced-vision__ambient {          /* размытые цветные «пузыри» */
    display: none;
}

/* Панель — обычная светлая карточка вместо тяжёлого матового стекла */
.advanced-vision__panel {
    min-height: 0;
    padding: clamp(28px, 4vw, 56px);
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.advanced-vision__panel::before,     /* внутреннее кольцо-рамка */
.advanced-vision__panel::after {     /* декоративная окружность */
    display: none;
}

/* Заголовок — как общесайтовый .section-title, без гигантских размеров */
.advanced-vision__title {
    max-width: none;
    color: var(--color-text);
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    text-shadow: none;
}

/* Сетка методов — компактнее */
.advanced-vision__orbit {
    margin-top: clamp(24px, 4vw, 40px);
    gap: 14px;
}

/* Карточки методов — спокойные, как .advantage-card */
.advanced-vision__chip {
    min-height: 0;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: none;
}
.advanced-vision__chip::before {     /* бликовый shimmer */
    display: none;
}
.advanced-vision__chip:hover,
.advanced-vision__chip:focus-visible {
    border-color: var(--color-primary);
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
}

/* Точка-маркер — зелёная, видимая на светлом фоне */
.advanced-vision__num {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

/* Текст метода — меньше и спокойнее */
.advanced-vision__method {
    color: var(--color-text);
    font-size: clamp(15px, 1.1vw, 17px);
    font-weight: 700;
    letter-spacing: -0.01em;
}