/*
 * Дополнения к public/styles/styles.css, который собирается из rr_frontend
 * и перезаписывается командой frontend:sync — свои правки держим здесь.
 */

/* Шапка: кнопки «Цены Medical SPA» + «Оставить заявку» внизу выпадающего меню. */
.header__buttons {
    display: grid;
    flex-shrink: 0;
    gap: 12px;
    margin-top: auto;
    width: 100%;
}

.header[data-open-type=booking] .header__buttons {
    display: none;
}

.header__button--prices {
    color: #f8faf7;
}

/*
 * Вторая кнопка добавила ~62px — чуть уплотняем выпадающее меню, чтобы всё
 * помещалось без обрезки (в styles.css те же container queries, этот файл грузится позже).
 */
@container header-dropdown (min-height: 1px) {
    .header__dropdown .header__dropdown-inner {
        gap: clamp(14px, 5.2cqh, 64px);
    }

    .header__dropdown .header__menu {
        gap: clamp(10px, 4.1cqh, 32px);
    }

    .header__dropdown .header__dropdown-logo {
        max-height: 20cqh;
        width: clamp(56px, 14cqh, 119px);
    }

    .header__dropdown .header__contacts {
        gap: clamp(8px, 3.1cqh, 24px);
    }
}