/* Исправления главной. Переносятся в общий шаблон одним блоком. */

/* 1. Меню: 9 пунктов не помещались в 1201 px -> горизонтальная прокрутка, «Профсоюз» обрезался.
   Пункты могут сжиматься, на средних ширинах компактнее шрифт и иконки. */
.x-nav-item { flex: 1 1 auto; min-width: 0; }
.x-nav-item > a, .x-nav-item > button { flex: 1 1 auto; min-width: 0; }
@media (max-width: 1480px) {
  .x-nav-item > a, .x-nav-item > button { font-size: 14px; gap: 7px; padding: 0 6px; }
  .x-nav-item > a .i, .x-nav-item > button .i:first-child { width: 18px; height: 18px; }
  .x-nav-item .x-chev { width: 14px; height: 14px; }
}
@media (max-width: 1320px) {
  .x-nav-item > a .i, .x-nav-item > button .i:first-child { display: none; }
  .x-nav-item > a, .x-nav-item > button { gap: 4px; padding: 0 8px; }
}
@media (max-width: 1180px) {
  .x-nav-item > a, .x-nav-item > button { font-size: 13px; padding: 0 5px; }
}

/* 1а. Широкая выпадающая панель (720 px) на ширинах 1100–1200 выходила за край окна даже в скрытом виде */
.x-nav-panel.x-wide { max-width: calc(100vw - 48px); }
@media (max-width: 1300px) {
  /* «Пациентам» и правее: широкую панель центрируем под пунктом (transform занят анимацией, поэтому margin) */
  .x-nav-item:nth-child(n+4) > .x-nav-panel.x-wide { left: 50%; right: auto; width: 720px; margin-left: -360px; }
}

/* 1б. Верхняя строка на телефоне (колл-центр + «Единый номер · 122») была шире экрана на 17 px */
@media (max-width: 480px) {
  .x-utility__left { gap: 10px; flex-wrap: wrap; row-gap: 6px; min-width: 0; }
  .x-utility__left .x-emergency { padding-left: 10px; padding-right: 10px; }
}

/* 2. Кнопка версии для слабовидящих перекрывала контент у левого края.
   В покое видна узкая «ручка» в пределах поля страницы, по наведению/фокусу раскрывается как раньше. */
.x-a11y-tab { width: 22px; }
.x-a11y-tab .i { width: 18px; height: 18px; margin-left: 2px; }
.x-a11y-tab:hover, .x-a11y-tab:focus-visible { width: 340px; }
.x-a11y-tab:hover .i, .x-a11y-tab:focus-visible .i { width: 32px; height: 32px; margin-left: 11px; }
@media (max-width: 760px) {
  /* на телефоне поле страницы 16 px — переносим ручку ниже, к краю экрана, и делаем тоньше */
  .x-a11y-tab { width: 14px; height: 52px; top: auto; bottom: 120px; border-radius: 0 12px 12px 0; }
  .x-a11y-tab .i { opacity: 0; }
  .x-a11y-tab:hover .i, .x-a11y-tab:focus-visible .i { opacity: 1; }
}