/*
 * Единая типографика шапки.
 * Файл подключается последним, чтобы страницы услуг не меняли шрифт меню.
 */

.site-header .main-nav {
  gap: clamp(16px, 1.35vw, 24px);
}

.site-header .main-nav a {
  font-family: Ubuntu, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 720;
  font-variation-settings: "wght" 720;
  line-height: 1.2;
  letter-spacing: -.01em;
  text-transform: none;
}

.site-header .header-phone {
  font-family: Ubuntu, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  font-weight: 790;
  font-variation-settings: "wght" 790;
  line-height: 1;
  letter-spacing: .01em;
}

.site-header :is(
  .seo-back,
  .ad-back,
  .bc-back,
  .cabinet-back,
  .lab-back,
  .hosting-back,
  .lp-back,
  .mkk-back,
  .smm-back,
  .sp-back
) {
  font-family: Ubuntu, "Segoe UI", Arial, sans-serif;
  font-size: 13px;
  font-weight: 720;
  font-variation-settings: "wght" 720;
  line-height: 1.2;
  letter-spacing: -.01em;
}
@media (min-width: 1900px) {
  .site-header .main-nav {
    gap: 30px;
  }

  .site-header .main-nav a {
    font-size: 15px;
  }

  .site-header .header-phone {
    font-size: 17px;
  }
  .site-header :is(
    .seo-back,
    .ad-back,
    .bc-back,
    .cabinet-back,
    .lab-back,
    .hosting-back,
    .lp-back,
    .mkk-back,
    .smm-back,
    .sp-back
  ) {
    font-size: 14px;
  }
}

@media (min-width: 981px) and (max-width: 1260px) {
  .site-header .main-nav {
    gap: 14px;
  }

  .site-header .main-nav a {
    font-size: 13px;
  }

  .site-header .header-phone {
    font-size: 15px;
  }
}

@media (max-width: 980px) {
  .site-header .main-nav {
    gap: 0;
  }

  .site-header .main-nav a {
    font-size: 18px;
    font-weight: 720;
    font-variation-settings: "wght" 720;
    line-height: 1.25;
    letter-spacing: -.01em;
  }

  .site-header .header-phone {
    font-size: 13px;
  }
}

@media (max-width: 520px) {
  .site-header .main-nav a {
    font-size: 17px;
  }
}

/* NAVIGATION_TYPOGRAPHY_LOCK */
.site-header .main-nav {
  gap: clamp(16px, 1.35vw, 24px) !important;
}

.site-header .main-nav a {
  font-family: Ubuntu, "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  font-variation-settings: "wght" 720 !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}

@media (min-width: 1900px) {
  .site-header .main-nav { gap: 30px !important; }
  .site-header .main-nav a { font-size: 15px !important; }
}

@media (min-width: 981px) and (max-width: 1260px) {
  .site-header .main-nav { gap: 14px !important; }
  .site-header .main-nav a { font-size: 13px !important; }
}

@media (max-width: 980px) {
  .site-header .main-nav { gap: 0 !important; }
  .site-header .main-nav a {
    font-size: 18px !important;
    font-weight: 720 !important;
    font-variation-settings: "wght" 720 !important;
    line-height: 1.25 !important;
    letter-spacing: -.01em !important;
  }
}

@media (max-width: 520px) {
  .site-header .main-nav a { font-size: 17px !important; }
}