.main-nav { display: flex; align-self: stretch; align-items: center; gap: clamp(24px, 2.75vw, 53px); }
.main-nav__link { position: relative; color: var(--color-blue-700); font: 400 20px/1.6 var(--font-medium); text-decoration: none; white-space: nowrap; }
.main-nav__link::after { position: absolute; right: 0; bottom: -24px; left: 0; height: 3px; background: var(--color-blue-500); content: ""; opacity: 0; }
.main-nav__link:hover, .main-nav__link--active { color: var(--color-blue-500); }
.main-nav__link--active::after { opacity: 1; }
.main-nav__link:focus-visible { outline: 3px solid var(--color-focus); outline-offset: var(--space-1); }
.main-nav__link:active { color: var(--color-blue-700); }
@media (min-width: 1921px) {
    .main-nav{
        flex-grow: 1;
        justify-content: center;
    }
}
@media (max-width: 1700px) {
    .main-nav__link{
        font-size: 18px;
    }
    .main-nav{
        gap: clamp(24px, 2.25vw, 53px);
    }
    .main-nav__link::after{
        bottom: -28px;
    }
}
@media (max-width: 1500px) {
  .main-nav { gap: var(--space-5); }
  .main-nav__link { font-size: 16px; }
    .main-nav__link::after{
        bottom: -29px;
    }
}
@media (max-width: 1200px) {
    .main-nav__link, .header-action, .profile {
        font-size: 14px;
    }
    .main-header--scrolled .main-nav__link::after {
        bottom: -28px;
    }
}
@media (max-width: 1100px) {
  .main-nav { position: absolute; z-index: 2; top: 100%; right: 0; left: 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; border-top: 1px solid var(--color-gray-100); background: var(--color-white);max-height: 0;overflow: hidden; padding: 0 20px;
      opacity: 0; filter: drop-shadow(0px 36px 36px rgba(0, 0, 0, 0.1)); transition: max-height var(--duration-fast), opacity var(--duration-fast);}
  .main-nav.is-open { display: flex;height: auto;overflow-y: auto;max-height: 100vh;padding: var(--space-2) 20px 0;opacity: 1 }
  .main-nav__link { padding: var(--space-4) 0; font-size: 15px; line-height: 1.4;border-bottom: 1px solid rgb(0 0 0 / 10%); }
  .main-nav__link:last-child{ border-bottom: 0; }
  .main-nav__link::after { display: none; }
  .mobile-profile-menu { position: absolute; z-index: 2; top: 100%; right: 0; left: 0; display: flex; max-height: 0; flex-direction: column; overflow: hidden; padding: 0 20px; border-top: 1px solid var(--color-gray-100); background: var(--color-white); opacity: 0; filter: drop-shadow(0 36px 36px rgb(0 0 0 / 10%)); transition: max-height var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard); }
  .mobile-profile-menu.is-open { max-height: 100vh; padding: var(--space-2) 20px 0; overflow-y: auto; opacity: 1; }
  .mobile-profile-menu__item { display: flex; min-height: 53px; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4) 0; border-bottom: 1px solid rgb(0 0 0 / 10%); color: var(--color-blue-700); font: 400 15px/var(--line-mobile) var(--font-medium); text-decoration: none; }
  .mobile-profile-menu__item:last-child { border-bottom: 0; }
  .mobile-profile-menu__item img { width: var(--space-5); height: var(--space-5); flex: 0 0 var(--space-5); }
  .mobile-profile-menu__item:not(.mobile-profile-menu__item--name):hover { color: var(--color-blue-500); }
  .mobile-profile-menu__item:focus-visible { outline: 3px solid var(--color-focus); outline-offset: calc(var(--space-1) * -1); }
  .mobile-profile-menu__item-icon{ font-family: var(--font-regular);}
}

@media (min-width: 1101px) {
  .mobile-profile-menu { display: none; }
}