/* Keep contacts the same width with and without Bitrix include-area wrappers. */
@media (min-width: 1201px) {
  .topbar__contacts > *,
  .topbar__actions {
    flex: 0 0 auto;
  }

  .topbar__contacts .contact-item {
    white-space: nowrap;
  }
}

@media (min-width: 1466px) {
  .topbar__inner {
    gap: clamp(14px, 1.3vw, 24px);
  }

  .topbar__inner .logo__img {
    width: clamp(60px, 4vw, 72px);
    height: auto;
  }

  .topbar__inner .logo__text {
    font-size: clamp(16px, 1.05vw, 20px);
  }

  .topbar__contacts {
    min-width: 0;
    margin-left: 0;
    padding-left: clamp(12px, 1.2vw, 20px);
    gap: clamp(12px, 1.4vw, 24px);
  }

  .topbar__contacts .contact-item {
    font-size: clamp(14px, .95vw, 18px);
  }

  .topbar__actions {
    margin-left: 0;
    padding-left: clamp(12px, 1.2vw, 20px);
    gap: clamp(9px, 1vw, 18px);
  }

  .topbar__actions .a11y-link {
    font-size: clamp(13px, .85vw, 16px);
  }
}

@media (min-width: 1201px) and (max-width: 1465px) {
  .topbar__inner { gap: 12px; }
  .topbar__contacts {
    min-width: 0;
    margin-left: 0;
    padding-left: 12px;
    gap: 12px;
  }
  /* Перекрывает правило в собранном CSS внутренних страниц. */
  .topbar__contacts .contact-item:first-child { display: flex; }
  .topbar__contacts .contact-item { gap: 6px; font-size: 12px; }
  .topbar__contacts .contact-item .icon { width: 18px; height: 18px; object-fit: contain; }
  .topbar__actions { padding-left: 12px; gap: 8px; }
}

/* The Bitrix menu renders separate desktop and mobile lists. */
.mainnav__list--mobile {
  display: none;
}

@media (max-width: 1200px) {
  .mainnav__list--mobile {
    display: block;
  }

  .mainnav__list--desktop {
    display: none;
  }
}

/* On news detail pages only the final title may be truncated. */
.news-detail-breadcrumb .breadcrumb {
  flex-wrap: wrap;
}

.news-detail-breadcrumb .breadcrumb > a {
  display: inline;
  flex: 0 0 auto;
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.news-detail-breadcrumb .breadcrumb > a > span {
  white-space: normal;
}

.news-detail-breadcrumb .breadcrumb > .breadcrumb__current {
  flex: 1 1 0;
  min-width: min(140px, 100%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .news-detail-breadcrumb .breadcrumb > a:not(:first-child) {
    display: inline;
  }
}