@media (max-width: 921px) {
  .ast-mobile-header-wrap .its-mobile-utility-row {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: minmax(max-content, 1fr) max-content 44px minmax(max-content, 1fr);
    align-items: center;
    justify-content: normal !important;
    gap: 8px 0;
    width: 100%;
    padding: 12px 20px;
    border-top: 1px solid var(--ast-global-color-6);
  }

  .ast-mobile-header-wrap .its-mobile-utility-row > .ast-header-account,
  .ast-mobile-header-wrap .its-mobile-utility-row > .ast-header-color-switcher {
    display: flex !important;
    width: auto;
    height: auto !important;
    min-width: 0;
    margin: 0;
    padding: 0 !important;
    grid-row: 1;
    align-self: center;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row > .ast-header-account {
    grid-column: 1;
    justify-self: start;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row > .ast-header-color-switcher {
    grid-column: 4;
    justify-self: end;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .ast-header-account-wrap,
  .ast-mobile-header-wrap .its-mobile-utility-row .ast-header-account-inner-wrap,
  .ast-mobile-header-wrap .its-mobile-utility-row .ast-builder-color-switcher {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .ast-color-switcher-wrapper {
    width: auto;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .ast-header-account-link,
  .ast-mobile-header-wrap .its-mobile-utility-row > a.menu-link,
  .ast-mobile-header-wrap .its-mobile-utility-row .ast-switcher-button,
  .ast-mobile-header-wrap .its-mobile-utility-row > .ast-menu-toggle {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    gap: 8px !important;
    width: auto;
    min-width: 44px;
    height: 44px;
    padding: 8px !important;
    margin: 0 !important;
    font-family: inherit;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-decoration: none;
    color: var(--ast-global-color-2) !important;
    border: 0 !important;
    border-radius: 6px;
    background: transparent !important;
    box-shadow: none !important;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .its-mobile-utility-label,
  .ast-mobile-header-wrap .its-mobile-utility-row .wpml-ls-native,
  .ast-mobile-header-wrap .its-mobile-utility-row .menu-text {
    font-family: inherit;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row > a.menu-link {
    grid-column: 2;
    grid-row: 1;
    width: max-content !important;
    white-space: nowrap;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row > .ast-menu-toggle {
    grid-column: 3;
    grid-row: 1;
    position: static !important;
    width: 44px !important;
    height: 44px;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .ast-header-account-link img,
  .ast-mobile-header-wrap .its-mobile-utility-row .ast-switcher-button svg {
    display: block;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    object-fit: contain;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .wpml-ls-flag {
    display: block;
    flex: 0 0 28px;
    width: 28px !important;
    height: auto !important;
    object-fit: contain;
  }

  /* Astra's parent menu-item hover must not highlight the language on account/theme hover. */
  .ast-mobile-header-wrap .its-mobile-utility-row:hover > a.menu-link:not(:hover),
  .ast-mobile-header-wrap .its-mobile-utility-row:hover > .ast-menu-toggle:not(:hover) {
    color: var(--ast-global-color-2) !important;
    background: transparent !important;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .ast-header-account-link:hover,
  .ast-mobile-header-wrap .its-mobile-utility-row > a.menu-link:hover,
  .ast-mobile-header-wrap .its-mobile-utility-row .ast-switcher-button:hover,
  .ast-mobile-header-wrap .its-mobile-utility-row > .ast-menu-toggle:hover {
    color: var(--ast-global-color-0) !important;
    background: var(--ast-global-color-5) !important;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .ast-header-account-link:focus:not(:focus-visible),
  .ast-mobile-header-wrap .its-mobile-utility-row > a.menu-link:focus:not(:focus-visible),
  .ast-mobile-header-wrap .its-mobile-utility-row .ast-switcher-button:focus:not(:focus-visible),
  .ast-mobile-header-wrap .its-mobile-utility-row > .ast-menu-toggle:focus:not(:focus-visible) {
    outline: none;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .ast-header-account-link:focus-visible,
  .ast-mobile-header-wrap .its-mobile-utility-row > a.menu-link:focus-visible,
  .ast-mobile-header-wrap .its-mobile-utility-row .ast-switcher-button:focus-visible,
  .ast-mobile-header-wrap .its-mobile-utility-row > .ast-menu-toggle:focus-visible {
    outline: 2px solid var(--ast-global-color-0);
    outline-offset: 3px;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row > .sub-menu {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row > .sub-menu > li > a.menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding-left: 12px;
  }
}

@media (max-width: 480px) {
  .ast-mobile-header-wrap .its-mobile-utility-row {
    padding: 12px 8px;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .ast-header-account-link,
  .ast-mobile-header-wrap .its-mobile-utility-row > a.menu-link,
  .ast-mobile-header-wrap .its-mobile-utility-row .ast-switcher-button {
    padding: 6px !important;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .ast-header-account-link,
  .ast-mobile-header-wrap .its-mobile-utility-row .ast-switcher-button {
    flex-direction: column;
    gap: 6px !important;
    height: 72px !important;
    min-width: 56px;
  }

  .ast-mobile-header-wrap .its-mobile-utility-row .its-mobile-utility-label,
  .ast-mobile-header-wrap .its-mobile-utility-row .wpml-ls-native,
  .ast-mobile-header-wrap .its-mobile-utility-row .menu-text {
    font-size: 0.875rem !important;
  }
}