.site-header > .mandatory-header-burger-nav {
  right: 12px !important;
  left: auto !important;
}

.mandatory-header-burger__panel {
  width: min(300px, calc(100vw - 24px));
  min-width: 0;
  max-height: calc(100dvh - 86px);
  padding: 8px;
  gap: 2px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif;
}

.mandatory-header-burger[open] > .mandatory-header-burger__panel {
  display: grid !important;
}

.mandatory-header-burger__panel a {
  padding: 7px 9px;
  font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif;
  font-size: 12.5px;
  font-stretch: condensed;
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -.01em;
}

.mandatory-header-burger__panel > li[style] {
  padding: 7px 9px 3px !important;
  font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif;
  font-size: 9.5px !important;
  line-height: 1.1;
}

@media (max-width: 640px) {
  .site-header > .mandatory-header-burger-nav {
    top: 14px !important;
    transform: none !important;
  }

  .mandatory-header-burger__panel {
    top: 62px;
    right: 8px;
    left: 8px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 70px);
    padding: 7px;
    gap: 1px;
  }

  .mandatory-header-burger__panel a {
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.14;
  }

  .mandatory-header-burger__panel > li[style] {
    padding: 6px 8px 2px !important;
    font-size: 9px !important;
  }
}

@media (max-height: 700px) {
  .mandatory-header-burger__panel {
    max-height: calc(100dvh - 72px);
    padding: 6px;
    gap: 0;
  }

  .mandatory-header-burger__panel a {
    padding: 5px 7px;
    font-size: 11.5px;
    line-height: 1.12;
  }

  .mandatory-header-burger__panel > li[style] {
    padding: 5px 7px 2px !important;
    font-size: 8.5px !important;
  }
}