/* Optimized lang-switcher.css: redundant cascade overrides removed; specificity fixes replace priority flags */

.lang-switcher {
  display: inline-flex; align-items: center; flex: 0 0 auto; gap: 2px; padding: 3px;
  border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 999px; background: rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(12px) saturate(140%)
}

.lang-switcher__link {
  display: inline-flex; align-items: center; justify-content: center; min-width: 30px; min-height: 28px;
  padding: 0 7px; border-radius: 999px; color: var(--muted); font-size: 0.72rem; font-weight: 700; line-height: 1;
  letter-spacing: 0; text-decoration: none; transition: color 0.2s ease, background 0.2s ease
}

.lang-switcher__link:hover {
  color: var(--text); background: rgba(255, 255, 255, 0.06)
}

.lang-switcher__link--active {
  color: var(--text); background: rgba(99, 102, 241, 0.18)
}

.legal-header-actions {
  display: inline-flex; align-items: center; justify-content: flex-end; justify-self: end; gap: 10px; min-width: 0
}

@media (max-width: 1080px) {
  .lang-switcher {
    margin-left: auto
  }
}

@media (max-width: 860px) {
  .lang-switcher {
    order: 2; margin-left: 0
  }

  .nav-toggle,
  .mobile-menu-toggle,
  .mobile-nav-toggle {
    order: 3
  }

  .header-actions {
    order: 4
  }
}

@media (max-width: 520px) {
  .lang-switcher {
    margin-left: auto
  }

  .lang-switcher__link {
    min-width: 28px; min-height: 26px; padding-inline: 6px; font-size: 0.68rem
  }

  .legal-header-actions {
    gap: 8px
  }
}

@media (max-width: 430px) {
  .lang-switcher {
    gap: 1px; padding: 2px
  }

  .header-inner--pricing,
  .header-inner--contact {
    flex-wrap: wrap
  }

  .header-inner--pricing #auth-buttons,
  .header-inner--contact #auth-buttons {
    width: 100%; min-width: 0; justify-content: stretch
  }

  .header-inner--pricing #auth-buttons .btn-sm,
  .header-inner--contact #auth-buttons .btn-sm {
    flex: 1 1 0; min-width: 0; padding-inline: 10px
  }

  .legal-header-actions {
    gap: 6px
  }

  .legal-header-actions .header-back {
    padding-inline: 9px
  }
}

@media (max-width: 380px) {
  .legal-header-actions .header-back {
    font-size: 0.72rem; padding-inline: 8px
  }
}

.site-header--public .header-controls {
  display: flex; align-items: center; gap: 10px; flex-shrink: 0; margin-left: auto
}

.site-header--public .header-controls .site-actions,
  .site-header--public .header-controls #auth-btns,
  .site-header--public .header-controls #auth-buttons,
  .site-header--public .header-controls .nav-auth {
  width: auto; min-width: 0; min-height: 42px; align-items: center; justify-content: flex-end
}

.site-header--public .nav-user-wrapper {
  display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-height: 42px; white-space: nowrap
}

.site-header--public .nav-user-wrapper[hidden],
  .site-header--public .nav-user-wrapper.is-hidden,
  .site-header--public .nav-user-wrapper.hidden {
  display: none
}

.site-header--public .nav-user-wrapper .site-user {
  position: relative; z-index: 1; width: auto; min-width: 210px; max-width: 260px; min-height: 42px; margin-left: 0;
  padding: 6px 14px 6px 18px; border: 0; border-radius: var(--radius-sm, 8px); background: transparent;
  color: var(--text-secondary, var(--color-text-soft, #b4bcd0)); box-shadow: none; font-size: var(--text-sm, 14px)
}

.site-header--public .nav-user-wrapper .site-user::before {
  content: ""; position: absolute; inset: -2px; z-index: -1; border-radius: inherit;
  background: linear-gradient(120deg, rgba(192,132,252,0), rgba(168,85,247,.4), rgba(99,102,241,.38), rgba(56,189,248,.32), rgba(192,132,252,0));
  background-size: 300% 300%; filter: blur(9px); opacity: .9; animation: aurora-strong 4s ease infinite
}

.site-header--public .nav-user-wrapper .site-user::after {
  content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 75%; border-radius: 3px;
  background: linear-gradient(180deg, #c084fc, #6366f1, #38bdf8, #a855f7); background-size: 100% 300%;
  box-shadow: 0 0 14px rgba(168,85,247,.65); transform: translateY(-50%);
  animation: aurora-bar 3s ease infinite alternate
}

.site-header--public .nav-user-wrapper .nav-user-company,
  .site-header--public .nav-user-wrapper .nav-user-name {
  min-width: 92px; max-width: 180px; min-height: 24px; display: inline-flex; align-items: center;
  justify-content: flex-end; overflow: hidden; border: 0; background: transparent; box-shadow: none;
  color: var(--text-primary, var(--color-text, #f1f5f9)); font-size: var(--text-sm, 14px); font-weight: 700;
  line-height: 1.2; letter-spacing: -.01em; text-decoration: none; text-overflow: ellipsis; white-space: nowrap
}

.site-header--public .nav-user-wrapper .nav-user-company:hover,
  .site-header--public .nav-user-wrapper .nav-user-company:focus-visible {
  color: var(--c-purple, var(--color-purple, #a855f7))
}

.site-header--public .nav-user-wrapper .nav-user-company:empty::before,
  .site-header--public .nav-user-wrapper .nav-user-name:empty::before {
  content: "Профіль"; opacity: .72
}

.site-header--public .site-company-pill {
  border: 0; background: transparent; box-shadow: none
}

.site-header--public .site-company-pill::before,
  .site-header--public .site-company-pill::after {
  content: none
}

.site-header.site-header--public .site-nav > .public-nav-logout:not(#a#b) {
  position: static; top: auto; right: auto; bottom: auto; left: auto; z-index: auto;
  width: auto; min-height: 30px; padding: 0; border: 0; border-radius: 0;
  background: transparent; color: rgba(248,113,133,.94); box-shadow: none;
  font: inherit; font-size: .98rem; font-weight: 500; letter-spacing: -.018em; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; text-align: left; white-space: nowrap; cursor: pointer;
  transition: color .2s ease
}

.site-header.site-header--public .site-nav > .public-nav-logout:hover:not(#a#b),
.site-header.site-header--public .site-nav > .public-nav-logout:focus-visible:not(#a#b) {
  color: rgb(251,113,133); background: transparent; box-shadow: none; outline: none
}

@media (max-width: 940px) {
  .site-header.site-header--public .site-nav > .public-nav-logout:not(#a#b) {
    position: static; top: auto; right: auto; bottom: auto; left: auto;
    width: 100%; min-height: 42px; padding: 12px 14px;
    border: 1px solid rgba(244, 63, 94, .28); border-radius: 10px;
    color: rgba(254, 202, 202, .96); text-align: center; display: inline-flex
  }

  .site-header.site-header--public .site-nav > .public-nav-logout:hover:not(#a#b),
  .site-header.site-header--public .site-nav > .public-nav-logout:focus-visible:not(#a#b) {
    background: rgba(127, 29, 29, .16); color: #fecaca
  }
}

.lang-switcher--dropdown {
  position: relative; z-index: 140; flex: 0 0 auto
}

@media (max-width: 1180px) {
  .site-header--public .nav-user-wrapper {
    gap: 8px
  }

  .site-header--public .nav-user-wrapper .site-user {
    min-width: 184px; max-width: 220px
  }

  .site-header--public .nav-user-wrapper .nav-user-company,
  .site-header--public .nav-user-wrapper .nav-user-name {
    max-width: 140px
  }
}

@media (max-width: 860px) {
  .site-header--public .header-controls {
    order: 3; margin-left: auto; gap: 8px
  }

  .site-header--public .header-controls .site-actions {
    margin-left: 0; order: 0
  }

  .site-header--public .nav-user-wrapper .site-user {
    min-width: 154px; max-width: 180px; padding-inline: 12px 10px; gap: 8px
  }

  .site-header--public .nav-user-wrapper .nav-user-company,
  .site-header--public .nav-user-wrapper .nav-user-name {
    min-width: 68px; max-width: 92px
  }
}

@media (max-width: 640px) {
  .site-header--public .nav-user-wrapper .site-user {
    min-width: 142px; max-width: 168px
  }
}

@media (max-width: 520px) {
  .site-header--public .header-controls {
    width: 100%; justify-content: space-between; flex-wrap: wrap; order: 4
  }

  .site-header--public .header-controls .site-actions,
  .site-header--public .header-controls #auth-btns,
  .site-header--public .header-controls #auth-buttons,
  .site-header--public .header-controls .nav-auth {
    flex: 1 1 auto; width: auto; min-width: 0; justify-content: flex-start
  }

  .site-header--public .nav-user-wrapper {
    flex: 1 1 auto; min-width: 0; justify-content: flex-start
  }

  .site-header--public .nav-user-wrapper .site-user {
    min-width: 136px; max-width: 100%; flex: 1 1 auto
  }

  .site-header--public .nav-user-wrapper .nav-user-company,
  .site-header--public .nav-user-wrapper .nav-user-name {
    max-width: 120px
  }

  .lang-switcher--dropdown {
    margin-left: auto
  }
}

.lang-switcher.lang-switcher--dropdown {
  display: inline-flex; align-items: center; flex: 0 0 auto; gap: 0; padding: 0; border: 0; border-radius: 0;
  background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none
}

.lang-switcher--dropdown .lang-switcher__trigger {
  min-width: 44px; min-height: 28px; display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  padding: 4px 8px; border: 1px solid rgba(226,232,240,.32); border-radius: 9px; background: transparent;
  color: var(--text, var(--color-text, #f8fafc)); box-shadow: none; cursor: pointer; list-style: none;
  user-select: none; transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease
}

.lang-switcher--dropdown .lang-switcher__trigger::-webkit-details-marker {
  display: none
}

.lang-switcher--dropdown .lang-switcher__trigger:hover,
  .lang-switcher--dropdown .lang-switcher__trigger:focus-visible,
  .lang-switcher--dropdown[open] .lang-switcher__trigger {
  border-color: rgba(99,102,241,.68); background: rgba(99,102,241,.075); color: #fff; box-shadow: none;
  transform: translateY(-1px)
}

.lang-switcher--dropdown .lang-switcher__current {
  font-size: .82rem; font-weight: 800; letter-spacing: .02em; line-height: 1
}

.lang-switcher--dropdown .lang-switcher__chevron {
  width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; opacity: .78;
  transform: translateY(-2px) rotate(45deg); transition: transform .18s ease, opacity .18s ease
}

.lang-switcher--dropdown[open] .lang-switcher__chevron {
  opacity: 1; transform: translateY(2px) rotate(-135deg)
}

.lang-switcher--dropdown .lang-switcher__menu {
  position: absolute; top: calc(100% + 8px); right: 0; min-width: 132px; padding: 5px;
  border: 1px solid rgba(148,163,184,.18); border-radius: 12px; background: rgba(10,15,28,.96);
  box-shadow: 0 16px 42px rgba(0,0,0,.34); backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%)
}

.lang-switcher--dropdown .lang-switcher__link {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 30px; padding: 7px 8px;
  border-radius: 9px; color: var(--muted, var(--color-muted, #94a3b8)); font-size: .82rem; font-weight: 800;
  line-height: 1.1; text-decoration: none; transition: color .18s ease, background .18s ease
}

.lang-switcher--dropdown .lang-switcher__link span {
  color: var(--muted, var(--color-muted, #94a3b8)); font-size: .72rem; font-weight: 600
}

.lang-switcher--dropdown .lang-switcher__link:hover,
  .lang-switcher--dropdown .lang-switcher__link:focus-visible,
  .lang-switcher--dropdown .lang-switcher__link--active {
  color: #fff; background: rgba(99,102,241,.11); transform: none
}

.lang-switcher--dropdown .lang-switcher__link--active span {
  color: rgba(226,232,240,.82)
}

@media (max-width: 640px) {
  .lang-switcher--dropdown .lang-switcher__trigger {
    min-width: 42px; min-height: 28px; padding-inline: 7px
  }
}

@media (max-width: 430px) {

  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls { flex-direction: row
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .site-actions,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .nav-auth,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls #auth-btns,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls #auth-buttons {
    order: 1; width: 92px; min-width: 92px; max-width: 92px;
    min-height: 34px; flex: 0 0 92px; display: inline-flex;
    flex-direction: row; flex-wrap: nowrap; align-items: center;
    justify-content: flex-end; gap: 0; margin: 0; overflow: visible;
    white-space: nowrap; box-sizing: border-box
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .lang-switcher.lang-switcher--dropdown {
    order: 2; width: 42px; min-width: 42px; max-width: 42px;
    flex: 0 0 42px; display: inline-flex; align-items: center;
    justify-content: center; margin: 0; padding: 0; overflow: visible
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger {
    width: 42px; min-width: 42px; max-width: 42px; height: 34px;
    min-height: 34px; flex: 0 0 42px; padding: 0 6px; border-radius: 11px;
    font-size: .76rem; box-sizing: border-box
  }
}

@media (max-width: 380px) {

  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .site-actions,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .nav-auth,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls #auth-btns,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls #auth-buttons {
    width: 88px; min-width: 88px; max-width: 88px; flex-basis: 88px
  }
}

@media (max-width: 340px) {

  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .site-actions,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .nav-auth,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls #auth-btns,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls #auth-buttons {
    width: 82px; min-width: 82px; max-width: 82px; flex-basis: 82px;
    height: 32px; min-height: 32px
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .lang-switcher.lang-switcher--dropdown,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger {
    width: 40px; min-width: 40px; max-width: 40px; flex-basis: 40px;
    height: 32px; min-height: 32px; font-size: .72rem
  }
}

@media (min-width: 319px) and (max-width: 860px) {
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .nav-user-wrapper .site-user::before,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .nav-user-wrapper .site-user > .nav-user-company,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .nav-user-wrapper .site-user > .nav-user-name,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls .nav-user-wrapper .site-user > .header-action-separator {
    display: none !important;
  }
}

@media (max-width: 820px) {
  .site-header.site-header--internal .site-header__inner {
    align-content: flex-start
  }

  .site-header.site-header--internal .brand-logo,
  .site-header.site-header--internal .brand-logo--public {
    order: 1; flex: 1 1 0
  }

  .site-header.site-header--internal .internal-header-controls > .lang-switcher,
  .site-header.site-header--internal .header-controls.internal-header-controls > .lang-switcher,
  .site-header.site-header--internal .lang-switcher.lang-switcher--dropdown {
    order: 2
  }

  .site-header.site-header--internal .site-nav-toggle,
  .site-header.site-header--internal .nav-toggle.site-nav-toggle,
  .site-header.site-header--internal .internal-nav-toggle {
    order: 3
  }

  .site-header.site-header--internal .internal-company-wrap {
    order: 4;
    flex: 1 1 100%
  }

  .site-header.site-header--internal .internal-header-controls > .site-user,
  .site-header.site-header--internal .header-controls.internal-header-controls > .site-user {
    order: 4
  }

  .site-header.site-header--internal .nav-user-company,
  .site-header.site-header--internal .nav-user-name {
    width: 100%; flex: 1 1 auto
  }

  .site-header.site-header--internal .site-logout {
    font-size: 11px
  }
}

@media (max-width: 520px) {
  .site-header.site-header--internal .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger,
  .site-header.site-header--internal .lang-switcher--dropdown .lang-switcher__trigger {
    padding-inline: 7px
  }

  .site-header.site-header--internal .site-nav-toggle,
  .site-header.site-header--internal .nav-toggle.site-nav-toggle,
  .site-header.site-header--internal .internal-nav-toggle {
    flex-basis: 38px
  }
}

@media (max-width: 340px) {
  .site-header.site-header--internal .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger,
  .site-header.site-header--internal .lang-switcher--dropdown .lang-switcher__trigger {
    padding-inline: 6px
  }
}

@media (max-width: 860px) {
  body[data-auth-state="authenticated"] .site-header.site-header--public .site-header__inner { grid-template-columns: minmax(130px, 1fr) auto auto auto;
    grid-template-areas: "brand dashboard lang menu"; column-gap: 8px; row-gap: 0
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .brand-logo,
  body[data-auth-state="authenticated"] .site-header.site-header--public .brand-logo--public {
    grid-area: brand;
    display: inline-flex; align-items: center; justify-content: flex-start
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls {
    min-height: 0; margin: 0; padding: 0
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .site-actions,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-auth,
  body[data-auth-state="authenticated"] .site-header.site-header--public #auth-btns,
  body[data-auth-state="authenticated"] .site-header.site-header--public #auth-buttons {
    display: contents; width: auto; min-width: 0; max-width: none;
    min-height: 0; margin: 0; padding: 0; overflow: visible
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .header-user-cluster > .header-action-separator {
    display: none
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown {
    grid-area: lang; width: 48px; min-width: 48px; max-width: 48px;
    min-height: 38px; display: inline-flex; align-items: center;
    justify-content: center; justify-self: end; align-self: center;
    margin: 0; padding: 0; overflow: visible; flex: 0 0 48px;
    box-sizing: border-box
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger { display: inline-flex;
    align-items: center; justify-content: center; line-height: 1;
    white-space: nowrap
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .site-nav-toggle,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-toggle.site-nav-toggle {
    grid-area: menu; justify-self: end; border-radius: 12px
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .site-nav {
    position: absolute; top: calc(100% + 8px); left: 12px; right: 12px;
    z-index: 120; width: auto; min-width: 0;
    max-width: calc(100vw - 24px); display: none
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public.nav-open .site-nav {
    display: flex; padding-bottom: 66px
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .site-logout {
    display: none
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public.nav-open .nav-user-company,
  body[data-auth-state="authenticated"] .site-header.site-header--public.nav-open .nav-user-name,
  body[data-auth-state="authenticated"] .site-header.site-header--public.nav-open .site-user .header-action-separator {
    display: none
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public.nav-open .site-logout {
    position: absolute; left: 24px; right: 24px; top: calc(100% + 238px);
    z-index: 130; width: auto; min-width: 0; max-width: none;
    height: 42px; min-height: 42px; display: inline-flex;
    align-items: center; justify-content: center; padding: 0 14px;
    border: 1px solid rgba(244, 63, 94, .38); border-radius: 12px;
    background: rgba(127, 29, 29, .16); color: rgba(254, 202, 202, .96);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06); font-size: .9rem;
    font-weight: 700; line-height: 1; text-align: center;
    white-space: nowrap; transform: none
  }

  .site-header.site-header--internal .site-header__inner {
    width: 100%; max-width: 100%; height: auto; min-height: 74px;
    display: grid;
    grid-template-columns: minmax(128px, max-content) minmax(190px, 1fr) auto auto;
    grid-template-areas: "brand company lang menu"; align-items: center;
    justify-content: stretch; column-gap: 8px; row-gap: 0;
    padding: 10px 14px; overflow: visible; box-sizing: border-box;
    flex-wrap: nowrap
  }

  .site-header.site-header--internal .brand-logo,
  .site-header.site-header--internal .brand-logo--public {
    grid-area: brand; width: max-content; min-width: 0; max-width: 100%;
    display: inline-flex; align-items: center; justify-content: flex-start;
    overflow: hidden; margin: 0
  }

  .site-header.site-header--internal .brand-logo__image {
    width: auto; max-width: clamp(128px, 23vw, 176px); height: auto;
    display: block
  }

  .site-header.site-header--internal .header-controls.internal-header-controls,
  .site-header.site-header--internal .internal-header-controls {
    display: contents; width: auto; min-width: 0; max-width: none;
    margin: 0; padding: 0
  }

  .site-header.site-header--internal .internal-company-wrap {
    grid-area: company; width: 100%; min-width: 190px; max-width: 100%;
    min-height: 42px; display: flex; align-items: center;
    justify-content: stretch; justify-self: stretch; align-self: center;
    margin: 0; overflow: visible; box-sizing: border-box
  }

  .site-header.site-header--internal .internal-header-controls > .site-user,
  .site-header.site-header--internal .header-controls.internal-header-controls > .site-user,
  .site-header.site-header--internal .nav-user.site-user.site-actions {
    grid-area: company; justify-self: stretch; align-self: center;
    margin: 0
  }

  .site-header.site-header--internal .internal-company-wrap .site-user,
  .site-header.site-header--internal .internal-header-controls > .site-user,
  .site-header.site-header--internal .header-controls.internal-header-controls > .site-user,
  .site-header.site-header--internal .nav-user.site-user.site-actions {
    width: 100%; min-width: 190px; max-width: 100%; min-height: 42px;
    flex: 1 1 auto; display: flex; align-items: center;
    justify-content: space-between; gap: 8px; padding: 6px 10px;
    overflow: hidden; box-sizing: border-box
  }

  .site-header.site-header--internal .internal-company-text {
    min-width: 0; max-width: none; flex: 1 1 auto; overflow: hidden
  }

  .site-header.site-header--internal .internal-company-label,
  .site-header.site-header--internal .nav-user-company,
  .site-header.site-header--internal .nav-user-name {
    min-width: 0; max-width: 100%; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap
  }

  .site-header.site-header--internal .site-logout {
    flex: 0 0 auto; min-width: max-content; display: inline-flex;
    align-items: center; justify-content: center; margin-left: auto;
    padding-inline: 10px; white-space: nowrap
  }

  .site-header.site-header--internal .internal-header-controls > .lang-switcher,
  .site-header.site-header--internal .header-controls.internal-header-controls > .lang-switcher,
  .site-header.site-header--internal .lang-switcher.lang-switcher--dropdown {
    grid-area: lang; width: 48px; min-width: 48px; max-width: 48px;
    min-height: 38px; display: inline-flex; align-items: center;
    justify-content: center; justify-self: end; align-self: center;
    margin: 0; padding: 0; overflow: visible; flex: 0 0 48px
  }

  .site-header.site-header--internal .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger,
  .site-header.site-header--internal .lang-switcher--dropdown .lang-switcher__trigger {
    width: 48px; min-width: 48px; max-width: 48px; height: 38px;
    min-height: 38px; flex: 0 0 48px; display: inline-flex;
    align-items: center; justify-content: center; padding: 0 7px;
    border-radius: 11px; font-size: .78rem; white-space: nowrap;
    box-sizing: border-box
  }

  .site-header.site-header--internal .site-nav-toggle,
  .site-header.site-header--internal .nav-toggle.site-nav-toggle,
  .site-header.site-header--internal .internal-nav-toggle {
    grid-area: menu; width: 40px; min-width: 40px; max-width: 40px;
    height: 40px; min-height: 40px; flex: 0 0 40px; display: inline-flex;
    justify-self: end; align-self: center; margin: 0;
    box-sizing: border-box
  }

  .site-header.site-header--internal .site-nav {
    position: absolute; top: calc(100% + 8px); left: 12px; right: 12px;
    z-index: 120; width: auto; min-width: 0;
    max-width: calc(100vw - 24px)
  }
}

@media (max-width: 520px) {

  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown,
  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger { flex-basis: 46px
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .site-nav-toggle,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-toggle.site-nav-toggle { flex-basis: 38px
  }
}

@media (max-width: 340px) {

  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown { font-size: .72rem
  }
}

@media (max-width: 760px) {
  body[data-auth-state="authenticated"] .site-header.site-header--public .site-header__inner { grid-template-columns: minmax(92px, 1fr) 112px 48px 40px;
    grid-template-areas: "brand dashboard lang menu"; column-gap: 6px; row-gap: 0
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .brand-logo,
  body[data-auth-state="authenticated"] .site-header.site-header--public .brand-logo--public {
    grid-area: brand;
    display: inline-flex; align-items: center; justify-content: flex-start
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls {
    min-height: 0; margin: 0; padding: 0
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .site-actions,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-auth,
  body[data-auth-state="authenticated"] .site-header.site-header--public #auth-btns,
  body[data-auth-state="authenticated"] .site-header.site-header--public #auth-buttons {
    display: contents; width: auto; min-width: 0; max-width: none;
    min-height: 0; margin: 0; padding: 0; overflow: visible;
    flex: none
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .header-user-cluster > .header-action-separator {
    display: none
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown {
    grid-area: lang; width: 48px; min-width: 48px; max-width: 48px;
    height: 38px; min-height: 38px; display: inline-flex;
    align-items: center; justify-content: center; justify-self: end;
    align-self: center; margin: 0; padding: 0; overflow: visible;
    flex: 0 0 48px; box-sizing: border-box; order: 0
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger { display: inline-flex;
    align-items: center; justify-content: center; line-height: 1;
    white-space: nowrap
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .site-nav-toggle,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-toggle.site-nav-toggle {
    grid-area: menu; justify-self: end; border-radius: 12px
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .site-nav {
    position: absolute; top: calc(100% + 8px); left: 12px; right: 12px;
    z-index: 120; width: auto; min-width: 0;
    max-width: calc(100vw - 24px); display: none
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public.nav-open .site-nav {
    display: flex; padding-bottom: 66px
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .site-logout {
    display: none
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public.nav-open .nav-user-company,
  body[data-auth-state="authenticated"] .site-header.site-header--public.nav-open .nav-user-name,
  body[data-auth-state="authenticated"] .site-header.site-header--public.nav-open .site-user .header-action-separator {
    display: none
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public.nav-open .site-logout {
    position: absolute; left: 24px; right: 24px; top: calc(100% + 238px);
    z-index: 130; width: auto; min-width: 0; max-width: none;
    height: 42px; min-height: 42px; display: inline-flex;
    align-items: center; justify-content: center; padding: 0 14px;
    border: 1px solid rgba(244, 63, 94, .38); border-radius: 12px;
    background: rgba(127, 29, 29, .16); color: rgba(254, 202, 202, .96);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06); font-size: .9rem;
    font-weight: 700; line-height: 1; text-decoration: none
  }

  .site-header.site-header--internal .site-header__inner {
    height: auto; grid-template-columns: minmax(96px, 1fr) 176px 48px 40px;
    grid-template-areas: "brand company lang menu"; column-gap: 6px; row-gap: 0
  }

  .site-header.site-header--internal .brand-logo,
  .site-header.site-header--internal .brand-logo--public {
    grid-area: brand
  }

  .site-header.site-header--internal .internal-company-wrap {
    grid-area: company;
    height: 40px; min-height: 40px; justify-self: end;
    align-self: center; gap: 8px; padding: 6px 10px; white-space: nowrap
  }

  .site-header.site-header--internal .internal-company-wrap .site-user,
  .site-header.site-header--internal .internal-header-controls > .site-user,
  .site-header.site-header--internal .header-controls.internal-header-controls > .site-user,
  .site-header.site-header--internal .nav-user.site-user.site-actions {
    grid-area: company; justify-self: end;
    align-self: center
  }

  .site-header.site-header--internal .internal-company-text {
    text-overflow: ellipsis; white-space: nowrap
  }

  .site-header.site-header--internal .internal-header-controls > .lang-switcher,
  .site-header.site-header--internal .header-controls.internal-header-controls > .lang-switcher,
  .site-header.site-header--internal .lang-switcher.lang-switcher--dropdown {
    grid-area: lang; justify-self: end; align-self: center;
    transform: none; box-sizing: border-box
  }

  .site-header.site-header--internal .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger { display: inline-flex;
    align-items: center; justify-content: center
  }

  .site-header.site-header--internal .site-nav-toggle,
  .site-header.site-header--internal .nav-toggle.site-nav-toggle {
    grid-area: menu; justify-self: end; border-radius: 12px;
    box-sizing: border-box
  }
}

@media (max-width: 430px) {
  body[data-auth-state="authenticated"] .site-header.site-header--public .site-header__inner { grid-template-columns: minmax(70px, 1fr) 104px 46px 38px;
    grid-template-areas: "brand dashboard lang menu"; column-gap: 4px
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown {
    width: 46px; min-width: 46px; max-width: 46px; height: 36px;
    min-height: 36px; flex-basis: 46px; justify-self: end
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger { flex-basis: 46px; justify-self: end
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .site-nav-toggle,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-toggle.site-nav-toggle { flex-basis: 38px; justify-self: end
  }

  .site-header.site-header--internal .site-header__inner { grid-template-columns: minmax(70px, 1fr) minmax(118px, 38vw) 46px 38px;
    grid-template-areas: "brand company lang menu"; column-gap: 4px
  }

  .site-header.site-header--internal .internal-company-wrap {
    height: 36px; min-height: 36px; flex-basis: min(38vw, 156px);
    justify-self: end; padding: 5px 8px
  }

  .site-header.site-header--internal .internal-company-wrap .site-user,
  .site-header.site-header--internal .internal-header-controls > .site-user,
  .site-header.site-header--internal .header-controls.internal-header-controls > .site-user,
  .site-header.site-header--internal .nav-user.site-user.site-actions { flex-basis: min(38vw, 156px);
    justify-self: end
  }
}

@media (max-width: 360px) {
  body[data-auth-state="authenticated"] .site-header.site-header--public .site-header__inner {
    grid-template-columns: minmax(58px, 1fr) 96px 44px 36px; column-gap: 4px
  }

  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown {
    width: 44px; min-width: 44px; max-width: 44px; flex-basis: 44px
  }

  .site-header.site-header--internal .site-header__inner {
    grid-template-columns: minmax(58px, 1fr) minmax(106px, 34vw) 44px 36px; column-gap: 4px
  }

  .site-header.site-header--internal .internal-company-wrap,
  .site-header.site-header--internal .internal-company-wrap .site-user,
  .site-header.site-header--internal .internal-header-controls > .site-user,
  .site-header.site-header--internal .header-controls.internal-header-controls > .site-user,
  .site-header.site-header--internal .nav-user.site-user.site-actions {
    flex-basis: min(34vw, 128px)
  }
}

@media (max-width: 640px) {
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .site-header__inner {
    width: 100%; max-width: 100%; min-height: 58px; height: auto;
    display: flex; flex-wrap: nowrap; align-items: center;
    justify-content: flex-start; gap: 6px; padding: 8px 10px;
    box-sizing: border-box; overflow: visible
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .brand-logo,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .brand-logo--public {
    order: 1; flex: 1 1 auto; min-width: 0; max-width: none;
    display: inline-flex; align-items: center; justify-content: flex-start;
    margin: 0; overflow: hidden
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .brand-logo__image {
    width: auto; max-width: clamp(92px, 25vw, 146px); height: auto;
    display: block; flex: 0 1 auto
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .header-controls {
    order: 2; width: auto; min-width: 0; max-width: none;
    flex: 0 1 auto; display: inline-flex; align-items: center;
    justify-content: flex-end; gap: 5px; margin-left: auto; padding: 0;
    white-space: nowrap; overflow: visible
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .site-actions,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .nav-auth,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public #auth-btns,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public #auth-buttons,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .header-actions.nav-auth.site-actions {
    width: auto; min-width: 0; max-width: none; min-height: 36px;
    flex: 0 1 auto; display: inline-flex; align-items: center;
    justify-content: flex-end; gap: 5px; margin: 0; padding: 0;
    overflow: visible; white-space: nowrap
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public #auth-btns > .public-auth-btn,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public #auth-buttons > .public-auth-btn {
    width: auto; min-width: 0; max-width: none; height: 36px;
    min-height: 36px; flex: 0 1 auto; display: inline-flex;
    align-items: center; justify-content: center; padding: 0 9px;
    border-radius: 10px; font-size: .76rem; line-height: 1;
    white-space: nowrap; text-align: center; overflow: hidden;
    text-overflow: ellipsis
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn--login,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn--register {
    width: auto; height: 36px;
    min-height: 36px; flex: 0 1 auto; display: inline-flex;
    align-items: center; justify-content: center; padding: 0 9px;
    border-radius: 10px; font-size: .76rem; line-height: 1;
    white-space: nowrap; text-align: center; overflow: hidden;
    text-overflow: ellipsis
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn--login {
    flex-basis: 50px; min-width: 50px; max-width: 58px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn--register {
    flex-basis: 82px; min-width: 72px; max-width: 92px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .lang-switcher.lang-switcher--dropdown {
    order: 2; width: 46px; min-width: 46px; max-width: 46px;
    height: 36px; min-height: 36px; flex: 0 0 46px; display: inline-flex;
    align-items: center; justify-content: center; margin: 0; padding: 0
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .lang-switcher--dropdown .lang-switcher__trigger {
    width: 46px; min-width: 46px; max-width: 46px; height: 36px;
    min-height: 36px; display: inline-flex; align-items: center;
    justify-content: center; gap: 4px; padding: 0 6px;
    box-sizing: border-box; white-space: nowrap
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .site-nav-toggle,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .nav-toggle.site-nav-toggle {
    order: 3; width: 38px; min-width: 38px; max-width: 38px;
    height: 38px; min-height: 38px; flex: 0 0 38px; display: inline-flex;
    align-items: center; justify-content: center; margin: 0
  }
}

@media (max-width: 430px) {
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .site-header__inner {
    gap: 4px; padding: 7px 7px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .brand-logo__image {
    max-width: clamp(76px, 22vw, 106px)
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .header-controls,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .site-actions,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .nav-auth,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public #auth-btns,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public #auth-buttons,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .header-actions.nav-auth.site-actions {
    gap: 4px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn--login,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn--register {
    height: 34px; min-height: 34px; padding-inline: 7px;
    border-radius: 9px; font-size: .7rem
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public #auth-buttons .public-auth-btn.btn-sm {
    padding-inline: 7px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn--login {
    flex-basis: 44px; min-width: 44px; max-width: 50px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn--register {
    flex-basis: 70px; min-width: 64px; max-width: 78px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .lang-switcher.lang-switcher--dropdown,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .lang-switcher--dropdown .lang-switcher__trigger {
    width: 44px; min-width: 44px; max-width: 44px; height: 34px;
    min-height: 34px; flex-basis: 44px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .site-nav-toggle,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .nav-toggle.site-nav-toggle {
    width: 36px; min-width: 36px; max-width: 36px; height: 36px;
    min-height: 36px; flex-basis: 36px
  }
}

@media (max-width: 360px) {
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .site-header__inner {
    padding-inline: 6px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .brand-logo__image {
    max-width: clamp(68px, 20vw, 82px)
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn--login {
    flex-basis: 40px; min-width: 40px; max-width: 44px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .public-auth-btn--register {
    flex-basis: 62px; min-width: 58px; max-width: 68px; font-size: .66rem;
    padding-inline: 5px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public #auth-buttons .public-auth-btn--register.btn-sm {
    padding-inline: 5px
  }

  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .lang-switcher.lang-switcher--dropdown,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger,
  body:not([data-auth-state="authenticated"]) .site-header.site-header--public .lang-switcher--dropdown .lang-switcher__trigger {
    width: 42px; min-width: 42px; max-width: 42px; flex-basis: 42px
  }
}

@media (max-width: 760px) {
  .site-header.site-header--internal .site-header__inner {
    width: 100%; max-width: 100%; min-height: 60px; display: flex;
    flex-wrap: nowrap; align-items: center; justify-content: flex-start;
    gap: clamp(4px, 1.1vw, 8px); padding: 8px clamp(7px, 1.6vw, 12px);
    overflow: visible; box-sizing: border-box
  }

  .site-header.site-header--internal .brand-logo,
  .site-header.site-header--internal .brand-logo--internal,
  .site-header.site-header--internal .brand-logo--public {
    order: 1; width: auto; min-width: 0; max-width: none;
    flex: 0 0 auto; display: inline-flex; align-items: center;
    justify-content: flex-start; margin: 0; overflow: visible
  }

  .site-header.site-header--internal .brand-logo__image {
    width: auto; max-width: clamp(88px, 18vw, 136px); height: auto;
    display: block; object-fit: contain; flex: 0 0 auto
  }

  .site-header.site-header--internal .header-controls.internal-header-controls,
  .site-header.site-header--internal .internal-header-controls {
    order: 2; width: auto; min-width: 0; max-width: none;
    flex: 1 1 auto; display: inline-flex; align-items: center;
    justify-content: flex-end; gap: clamp(4px, 1vw, 7px); margin: 0;
    padding: 0; overflow: visible; box-sizing: border-box
  }

  .site-header.site-header--internal .internal-company-wrap {
    order: 1; width: auto; min-width: 0; max-width: none;
    flex: 1 1 auto; display: inline-flex; align-items: center;
    justify-content: stretch; margin: 0; overflow: visible;
    box-sizing: border-box
  }

  .site-header.site-header--internal .internal-company-wrap .site-user,
  .site-header.site-header--internal .internal-company-wrap .nav-user.site-user.site-actions,
  .site-header.site-header--internal .internal-header-controls > .site-user,
  .site-header.site-header--internal .header-controls.internal-header-controls > .site-user,
  .site-header.site-header--internal .nav-user.site-user.site-actions {
    width: 100%; min-width: 0; max-width: none; min-height: 40px;
    height: 40px; flex: 1 1 auto; display: inline-flex;
    align-items: center; justify-content: space-between; gap: clamp(5px, 1vw, 8px);
    margin: 0; padding: 6px 8px 6px 16px; overflow: visible;
    box-sizing: border-box; white-space: nowrap
  }

  .site-header.site-header--internal .site-user::after {
    display: block; opacity: .96; left: 0
  }

  .site-header.site-header--internal .internal-company-text {
    width: auto; min-width: 0; max-width: 100%; flex: 1 1 auto;
    display: inline-flex; flex-direction: column; align-items: flex-start;
    justify-content: center; gap: 3px; overflow: hidden; text-align: left
  }

  .site-header.site-header--internal .internal-company-label {
    display: block; width: 100%; min-width: 0; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    text-align: left
  }

  .site-header.site-header--internal .nav-user-company,
  .site-header.site-header--internal .nav-user-name {
    display: block; width: 100%; min-width: 0; max-width: 100%;
    flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; text-align: left
  }

  .site-header.site-header--internal .site-logout,
  .site-header.site-header--internal .btn-logout {
    flex: 0 0 auto; width: auto; min-width: max-content; height: 30px;
    min-height: 30px; display: inline-flex; align-items: center;
    justify-content: center; margin: 0; padding: 0 9px; font-size: 11px;
    line-height: 1; white-space: nowrap
  }

  .site-header.site-header--internal .internal-header-controls > .lang-switcher,
  .site-header.site-header--internal .header-controls.internal-header-controls > .lang-switcher,
  .site-header.site-header--internal .lang-switcher.lang-switcher--dropdown {
    order: 2; width: 46px; min-width: 46px; max-width: 46px;
    height: 38px; min-height: 38px; flex: 0 0 46px; display: inline-flex;
    align-items: center; justify-content: center; margin: 0; padding: 0;
    overflow: visible
  }

  .site-header.site-header--internal .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger,
  .site-header.site-header--internal .lang-switcher--dropdown .lang-switcher__trigger {
    width: 46px; min-width: 46px; max-width: 46px; height: 38px;
    min-height: 38px; flex: 0 0 46px; padding: 0 7px;
    box-sizing: border-box
  }

  .site-header.site-header--internal .site-nav-toggle,
  .site-header.site-header--internal .nav-toggle.site-nav-toggle,
  .site-header.site-header--internal .internal-nav-toggle {
    order: 3; width: 38px; min-width: 38px; max-width: 38px;
    height: 38px; min-height: 38px; flex: 0 0 38px; display: inline-flex;
    align-items: center; justify-content: center; align-self: center;
    margin: 0
  }
}

@media (max-width: 430px) {
  .site-header.site-header--internal .site-header__inner {
    gap: 4px; padding-inline: 7px
  }

  .site-header.site-header--internal .brand-logo__image {
    max-width: clamp(82px, 24vw, 96px)
  }

  .site-header.site-header--internal .header-controls.internal-header-controls,
  .site-header.site-header--internal .internal-header-controls {
    gap: 4px
  }

  .site-header.site-header--internal .internal-company-wrap .site-user,
  .site-header.site-header--internal .internal-company-wrap .nav-user.site-user.site-actions,
  .site-header.site-header--internal .internal-header-controls > .site-user,
  .site-header.site-header--internal .header-controls.internal-header-controls > .site-user,
  .site-header.site-header--internal .nav-user.site-user.site-actions {
    min-height: 38px; height: 38px; gap: 5px; padding: 5px 7px 5px 14px
  }

  .site-header.site-header--internal .internal-company-label {
    display: block; font-size: 9px
  }

  .site-header.site-header--internal .site-logout,
  .site-header.site-header--internal .btn-logout {
    height: 28px; min-height: 28px; padding-inline: 7px; font-size: 10px
  }

  .site-header.site-header--internal .internal-header-controls > .lang-switcher,
  .site-header.site-header--internal .header-controls.internal-header-controls > .lang-switcher,
  .site-header.site-header--internal .lang-switcher.lang-switcher--dropdown,
  .site-header.site-header--internal .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger,
  .site-header.site-header--internal .lang-switcher--dropdown .lang-switcher__trigger {
    width: 42px; min-width: 42px; max-width: 42px; height: 36px;
    min-height: 36px; flex-basis: 42px
  }

  .site-header.site-header--internal .site-nav-toggle,
  .site-header.site-header--internal .nav-toggle.site-nav-toggle,
  .site-header.site-header--internal .internal-nav-toggle {
    width: 36px; min-width: 36px; max-width: 36px; height: 36px;
    min-height: 36px; flex-basis: 36px
  }
}

.site-header.site-header--internal[data-static-header="true"] .nav-user.site-user.site-actions::before,
  .site-header.site-header--internal[data-static-header="true"] .internal-company-wrap .site-user::before,
.site-header.site-header--internal[data-static-header="true"] .site-user::before {
  content: ""; position: absolute; inset: 0; z-index: 0;
  display: block; border: 0; border-radius: inherit;
  background: linear-gradient(120deg, rgba(192, 132, 252, 0), rgba(168, 85, 247, .4), rgba(99, 102, 241, .38), rgba(56, 189, 248, .32), rgba(192, 132, 252, 0));
  background-size: 300% 300%; box-shadow: none; filter: none; opacity: .9;
  pointer-events: none; transform: none; animation: none; background-position: 0% 50%
}

.site-header.site-header--internal[data-static-header="true"] .internal-company-wrap .site-user::after {
  animation: none;
  background-position: 50% 0%;
}

.site-header.site-header--internal[data-static-header="true"] .internal-company-text,
  .site-header.site-header--internal[data-static-header="true"] .site-logout,
  .site-header.site-header--internal[data-static-header="true"] .btn-logout {
  position: relative; z-index: 1
}

@media (max-width: 760px) {
  .site-header.site-header--internal[data-static-header="true"] .site-header__inner {
    height: var(--internal-header-height, 60px);
    min-height: var(--internal-header-height, 60px); display: grid;
    grid-template-columns: var(--internal-header-logo-width, 136px) minmax(0, 1fr) 48px 38px;
    grid-template-areas: "brand company lang menu"; align-items: center; gap: 4px;
    padding-inline: var(--internal-header-padding-x, 12px); overflow: visible
  }

  .site-header.site-header--internal[data-static-header="true"] .brand-logo,
  .site-header.site-header--internal[data-static-header="true"] .brand-logo--internal {
    grid-area: brand
  }

  .site-header.site-header--internal[data-static-header="true"] .header-controls.internal-header-controls,
  .site-header.site-header--internal[data-static-header="true"] .internal-header-controls {
    display: contents
  }

  .site-header.site-header--internal[data-static-header="true"] .internal-company-wrap,
  .site-header.site-header--internal[data-static-header="true"] .nav-user-wrapper.header-user-cluster {
    grid-area: company; width: 100%; min-width: 0; max-width: 100%;
    height: var(--internal-header-control-height, 40px);
    min-height: var(--internal-header-control-height, 40px); justify-self: stretch;
    overflow: hidden
  }

  .site-header.site-header--internal[data-static-header="true"] .internal-company-wrap .site-user,
  .site-header.site-header--internal[data-static-header="true"] .internal-header-controls > .site-user,
  .site-header.site-header--internal[data-static-header="true"] .header-controls.internal-header-controls > .site-user,
  .site-header.site-header--internal[data-static-header="true"] .nav-user.site-user.site-actions {
    width: 100%; min-width: 0; max-width: 100%
  }

  .site-header.site-header--internal[data-static-header="true"] .internal-header-controls > .lang-switcher,
  .site-header.site-header--internal[data-static-header="true"] .header-controls.internal-header-controls > .lang-switcher,
  .site-header.site-header--internal[data-static-header="true"] .site-header__inner > .lang-switcher,
  .site-header.site-header--internal[data-static-header="true"] .lang-switcher.lang-switcher--dropdown {
    grid-area: lang; justify-self: end
  }

  .site-header.site-header--internal[data-static-header="true"] .site-nav-toggle,
  .site-header.site-header--internal[data-static-header="true"] .nav-toggle.site-nav-toggle,
  .site-header.site-header--internal[data-static-header="true"] .internal-nav-toggle {
    grid-area: menu; justify-self: end
  }
}

@media (max-width: 430px) {
  .site-header.site-header--internal[data-static-header="true"] .site-header__inner {
    grid-template-columns: var(--internal-header-logo-width, 96px) minmax(0, 1fr) 42px 36px
  }
}

@media (max-width: 820px) {
  .site-header.site-header--public .site-header__inner,
  body[data-auth-state="authenticated"] .site-header.site-header--public .site-header__inner {
    width: 100%; max-width: 100%; min-width: 0; height: auto;
    min-height: 60px; display: flex; flex-wrap: nowrap;
    align-items: center; justify-content: flex-start;
    gap: clamp(4px, 1.5vw, 8px); padding: 8px clamp(8px, 3vw, 14px);
    overflow: visible; box-sizing: border-box
  }

  .site-header.site-header--public .brand-logo,
  .site-header.site-header--public .brand-logo--public,
  body[data-auth-state="authenticated"] .site-header.site-header--public .brand-logo,
  body[data-auth-state="authenticated"] .site-header.site-header--public .brand-logo--public {
    order: initial; width: auto; min-width: 0; max-width: 100%;
    flex: 0 1 auto; overflow: visible; margin: 0
  }

  .site-header.site-header--public .brand-logo__image,
  body[data-auth-state="authenticated"] .site-header.site-header--public .brand-logo__image {
    display: block; width: clamp(92px, 32vw, 176px); max-width: 100%;
    height: auto; aspect-ratio: 4 / 1; object-fit: contain;
    object-position: left center; overflow: visible
  }

  .site-header.site-header--public .header-controls,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls {
    order: initial; width: auto; max-width: 100%; min-width: 0;
    flex: 0 0 auto; display: flex; flex-wrap: nowrap;
    align-items: center; justify-content: flex-end;
    gap: clamp(4px, 1.5vw, 8px); margin-left: auto;
    overflow: visible; white-space: nowrap
  }

  .site-header.site-header--public .header-controls > .site-actions,
  .site-header.site-header--public .header-controls > #auth-btns,
  .site-header.site-header--public .header-controls > #auth-buttons,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls > .site-actions,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls > #auth-btns,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls > #auth-buttons {
    order: initial; width: auto; min-width: 0; max-width: none;
    min-height: 0; flex: 0 0 auto; display: flex;
    flex-wrap: nowrap; align-items: center; justify-content: flex-end;
    gap: 0; margin: 0; padding: 0; overflow: visible
  }

  .site-header.site-header--public .nav-user-wrapper,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-user-wrapper {
    order: initial; width: auto; min-width: 0; max-width: none;
    min-height: 0; flex: 0 0 auto; display: flex;
    align-items: center; justify-content: flex-end; gap: 0;
    overflow: visible; white-space: nowrap
  }

  .site-header.site-header--public .header-user-placeholder,
  .site-header.site-header--public .nav-user-wrapper > .header-action-separator,
  .site-header.site-header--public .nav-user-wrapper .site-user,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-user-placeholder,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-user-wrapper > .header-action-separator,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-user-wrapper .site-user {
    display: none
  }

  .site-header.site-header--public .header-controls > .lang-switcher.lang-switcher--dropdown,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls > .lang-switcher.lang-switcher--dropdown {
    order: initial; width: auto; min-width: 0; max-width: none;
    height: auto; min-height: 0; flex: 0 0 auto;
    display: inline-flex; align-items: center; justify-content: center;
    margin: 0; padding: 0; overflow: visible
  }

  .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger,
  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger {
    box-sizing: border-box; width: 42px; min-width: 42px; max-width: 42px;
    height: 36px; min-height: 36px; flex: 0 0 42px;
    padding: 0 6px; border-radius: 10px; font-size: .78rem
  }

  .site-header.site-header--public .site-nav-toggle,
  .site-header.site-header--public .nav-toggle.site-nav-toggle,
  body[data-auth-state="authenticated"] .site-header.site-header--public .site-nav-toggle,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-toggle.site-nav-toggle {
    order: initial; width: 36px; min-width: 36px; max-width: 36px;
    height: 36px; min-height: 36px; flex: 0 0 36px;
    display: inline-flex; align-items: center; justify-content: center;
    align-self: center; margin: 0; box-sizing: border-box
  }

  .site-header.site-header--public .site-nav-toggle span {
    width: 17px
  }

  .site-header.site-header--public .site-nav {
    position: absolute; top: calc(100% + 8px); left: 12px; right: 12px;
    z-index: 120; width: auto; max-width: calc(100vw - 24px);
    display: none
  }

  .site-header.site-header--public.nav-open .site-nav {
    display: flex
  }
}

@media (max-width: 420px) {
  .site-header.site-header--public .site-header__inner,
  body[data-auth-state="authenticated"] .site-header.site-header--public .site-header__inner {
    gap: 4px; padding-inline: 8px
  }

  .site-header.site-header--public .brand-logo__image,
  body[data-auth-state="authenticated"] .site-header.site-header--public .brand-logo__image {
    width: clamp(92px, 32vw, 132px)
  }

  .site-header.site-header--public .header-controls,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls {
    gap: 4px
  }

  .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger,
  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger {
    width: 40px; min-width: 40px; max-width: 40px;
    height: 34px; min-height: 34px; flex-basis: 40px
  }

  .site-header.site-header--public .site-nav-toggle,
  .site-header.site-header--public .nav-toggle.site-nav-toggle,
  body[data-auth-state="authenticated"] .site-header.site-header--public .site-nav-toggle,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-toggle.site-nav-toggle {
    width: 34px; min-width: 34px; max-width: 34px;
    height: 34px; min-height: 34px; flex-basis: 34px
  }
}

@media (max-width: 340px) {
  .site-header.site-header--public .site-header__inner,
  body[data-auth-state="authenticated"] .site-header.site-header--public .site-header__inner {
    gap: 3px; padding-inline: 6px
  }

  .site-header.site-header--public .brand-logo__image,
  body[data-auth-state="authenticated"] .site-header.site-header--public .brand-logo__image {
    width: 102px
  }

  .site-header.site-header--public .header-controls,
  body[data-auth-state="authenticated"] .site-header.site-header--public .header-controls {
    gap: 3px
  }

  .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger,
  body[data-auth-state="authenticated"] .site-header.site-header--public .lang-switcher.lang-switcher--dropdown > .lang-switcher__trigger {
    width: 40px; min-width: 40px; max-width: 40px;
    height: 32px; min-height: 32px; flex-basis: 40px
  }

  .site-header.site-header--public .site-nav-toggle,
  .site-header.site-header--public .nav-toggle.site-nav-toggle,
  body[data-auth-state="authenticated"] .site-header.site-header--public .site-nav-toggle,
  body[data-auth-state="authenticated"] .site-header.site-header--public .nav-toggle.site-nav-toggle {
    width: 34px; min-width: 34px; max-width: 34px;
    height: 34px; min-height: 34px; flex-basis: 34px
  }
}