/*
 * Большие мониторы (2K и шире): контейнер Bootstrap и шапки останавливался на 1320 px — на 2560 px сайт был узкой
 * колонкой с пустыми полями по 600 px, шапка — мелкой. Здесь — ступени ширины и чуть крупнее шапка.
 * ui-ux-pro-max: расширяем сетки, карточки и карту, а не строки текста — абзацы и так ограничены по ширине (65–75 знаков).
 * Подключается вместе с шапкой (widget/header), то есть на всех страницах сайта; админка не затронута.
 */
@media (min-width: 1600px) {
    .container, .yg-h-container { max-width: 1500px; }
}

@media (min-width: 1920px) {
    .container, .yg-h-container { max-width: 1680px; }

    /* Шапка: выше, логотип и меню крупнее — на 2K в 100 % масштаба прежние 14–15 px читались мелко */
    .yg-h-bar .yg-h-container { min-height: 84px; gap: 40px; }
    .yg-h.is-scrolled .yg-h-bar .yg-h-container { min-height: 68px; }
    .yg-h-logo__mark { width: 44px; height: 44px; }
    .yg-h-logo__name { font-size: 24px; }
    .yg-h-nav__link { font-size: 16px; padding: 0 16px; }
    .yg-h-top { font-size: 15px; }
}

@media (min-width: 2400px) {
    .container, .yg-h-container { max-width: 1840px; }
}