@media (max-width: 1160px) {
  .login-button,
  .language-button,
  .header-cta {
    display: none;
  }

  .header-shell {
    justify-content: space-between;
  }

  [dir="rtl"] .header-shell {
    direction: ltr;
  }

  [dir="rtl"] .brand {
    margin-inline-end: auto;
  }

  [dir="rtl"] .header-actions,
  [dir="ltr"] .header-actions {
    margin: 0;
  }

  html[dir="rtl"] .drawer-panel,
  [dir="rtl"] .drawer-panel {
    right: 0 !important;
    left: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    transform: translate3d(100%, 0, 0);
  }

  html[dir="ltr"] .drawer-panel,
  [dir="ltr"] .drawer-panel {
    left: 0 !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    transform: translate3d(-100%, 0, 0);
  }

  [dir="rtl"] .mobile-drawer.is-open .drawer-panel,
  [dir="ltr"] .mobile-drawer.is-open .drawer-panel {
    transform: translate3d(0, 0, 0);
  }

  [dir="rtl"] .drawer-head,
  [dir="rtl"] .drawer-nav,
  [dir="rtl"] .drawer-foot {
    direction: rtl;
    text-align: right;
  }

  [dir="ltr"] .drawer-head,
  [dir="ltr"] .drawer-nav,
  [dir="ltr"] .drawer-foot {
    direction: ltr;
    text-align: left;
  }
}

@media (max-width: 820px) {
  .drawer-panel {
    width: min(420px, 100vw);
  }
}

@media (max-width: 540px) {
  .drawer-panel {
    width: 100vw;
    max-width: 100vw;
  }
}