.container {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

.layout-container {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

.site-header {
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}

.site-header__inner,
.header__inner {
  max-width: var(--container-max);
  margin-inline: auto;
  padding: var(--space-4) var(--container-pad);
  display: flex;
  gap: var(--space-4);
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.site-header__left,
.site-header__right,
.header__left,
.header__right {
  overflow: visible;
}

.site-header__right,
.header__right {
  margin-inline-start: auto;
}

.site-header__right .menu,
.header__right .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
  justify-content: flex-end;
}

.site-header__right .menu-item,
.header__right .menu-item {
  margin: 0;
  padding-top: 0;
}

.site-header__right .menu a,
.header__right .menu a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}