/* Компактный вход в личный кабинет: одинаковый на всех публичных страницах. */
.appbar #primaryNav .nav-item--account {
  flex: 0 0 auto;
}

.appbar #primaryNav .nav-account-link {
  --account-content-shift: 0px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 112px;
  min-height: 52px;
  padding-block: 0 !important;
  line-height: 1;
}

/* На страницах «Решения» высота обычных пунктов меню равна 55 px. */
.appbar.solution-appbar #primaryNav .nav-account-link {
  min-height: 55px;
}

.appbar #primaryNav .nav-account-link__icon {
  display: block;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  object-fit: contain;
  overflow: visible;
  filter: drop-shadow(0 2px 2px rgba(73, 38, 11, .15));
  transform: translateY(var(--account-content-shift));
  transition: transform .18s ease, filter .18s ease;
}

.appbar #primaryNav .nav-account-link__text {
  display: block;
  color: inherit;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .015em;
  line-height: 1.05;
  text-align: center;
  transform: translateY(var(--account-content-shift));
  white-space: nowrap;
}

.appbar #primaryNav .nav-account-link:hover .nav-account-link__icon,
.appbar #primaryNav .nav-account-link:focus-visible .nav-account-link__icon {
  filter: drop-shadow(0 3px 4px rgba(200, 91, 4, .25));
  transform: translateY(calc(var(--account-content-shift) - 1px));
}

.appbar #primaryNav .nav-account-link:active .nav-account-link__icon {
  transform: translateY(calc(var(--account-content-shift) + 1px)) scale(.97);
}

@media (min-width: 901px) {
  .appbar #primaryNav .nav-account-link {
    --account-content-shift: -18px;
  }

  /*
   * По контрольному скриншоту линия с bottom:7px накладывалась на подпись.
   * Возвращаем её вниз до bottom:0px — на уровень линии пунктов
   * «Контакты» и «Доставка», не меняя положение поднятого содержимого.
   */
  .appbar:not(.solution-appbar) #primaryNav .nav-account-link::after {
    bottom: 0 !important;
  }
}

@media (max-width: 1199px) and (min-width: 901px) {
  .appbar #primaryNav .nav-account-link {
    min-width: 100px;
  }

  .appbar #primaryNav .nav-account-link__icon {
    width: 33px;
    height: 33px;
    flex-basis: 33px;
  }

  .appbar #primaryNav .nav-account-link__text {
    font-size: 9px;
  }
}

@media (max-width: 900px) {
  .appbar #primaryNav .nav-item--account {
    width: 100%;
  }

  .appbar #primaryNav .nav-account-link {
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 8px 12px !important;
  }

  .appbar #primaryNav .nav-account-link__icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
  }

  .appbar #primaryNav .nav-account-link__text {
    font-size: 13px;
    line-height: 1.15;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .appbar #primaryNav .nav-account-link__icon {
    transition: none;
  }
}