/*
 * Kayra Patent translated desktop header balance — v2.
 *
 * Scope is deliberately limited to EN, AZ, UZ, AR, FR, DE and RU desktop
 * chrome.  The Turkish .site-header and every mobile drawer remain untouched.
 * The same 1600 px corporate axis is used by the black top bar, the white
 * header and the red compact/scrolled header.
 */

@media (min-width: 1121px) {
  html body .localized-topbar.localized-topbar.localized-topbar
  > .container.container.container,
  html body header.localized-header.localized-header.localized-header.localized-header
  > .container.container.container {
    box-sizing: border-box !important;
    width: min(1600px, calc(100% - 80px)) !important;
    max-width: 1600px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  html body .localized-topbar.localized-topbar.localized-topbar
  > .container.container.container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  > .container.container.container {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    column-gap: 0 !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  > .container.container.container
  > .localized-brand.localized-brand.localized-brand {
    flex: 0 0 clamp(170px, 13.5vw, 206px) !important;
    width: clamp(170px, 13.5vw, 206px) !important;
    min-width: clamp(170px, 13.5vw, 206px) !important;
    max-width: clamp(170px, 13.5vw, 206px) !important;
    margin-inline-start: 0 !important;
    margin-inline-end: clamp(16px, 1.35vw, 26px) !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  nav.localized-main-nav.localized-main-nav.localized-main-nav {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  nav.localized-main-nav.localized-main-nav.localized-main-nav
  > .mobile-drawer-scroll.mobile-drawer-scroll.mobile-drawer-scroll {
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    overflow: visible !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  nav.localized-main-nav.localized-main-nav.localized-main-nav
  > .mobile-drawer-scroll.mobile-drawer-scroll.mobile-drawer-scroll > a,
  html body header.localized-header.localized-header.localized-header.localized-header
  nav.localized-main-nav.localized-main-nav.localized-main-nav
  > .mobile-drawer-scroll.mobile-drawer-scroll.mobile-drawer-scroll
  > .localized-nav-group.localized-nav-group > button,
  html body header.localized-header.localized-header.localized-header.localized-header
  > .container.container.container > .localized-quote.localized-quote.localized-quote {
    white-space: nowrap !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  > .container.container.container > .localized-quote.localized-quote.localized-quote {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    margin-inline-start: clamp(14px, 1vw, 20px) !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  > .container.container.container > .desktop-header-language.desktop-header-language {
    flex: 0 0 auto !important;
    margin-inline-start: 10px !important;
    margin-inline-end: 0 !important;
  }

  /* The state class must not change the axis or reintroduce an end-aligned
     menu.  This covers the red header used after scrolling and on compact
     service/article pages. */
  html body header.localized-header.localized-header.scrolled.scrolled
  > .container.container.container {
    width: min(1600px, calc(100% - 80px)) !important;
    max-width: 1600px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  html body header.localized-header.localized-header.scrolled.scrolled
  nav.localized-main-nav.localized-main-nav
  > .mobile-drawer-scroll.mobile-drawer-scroll {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    justify-content: center !important;
  }
}