Cart icon is overlapping menu in Safari browser

Of course! Remove this line of code if you want to align the logo to the left instead of centering all the elements:

justify-content: center;

The code will look something like this:

@media (min-width: 990px) {
  header.header.header--top-left.header--mobile-center.page-width.header--has-menu {
    display: flex;
  }

  #shopify-section-sections--17857575846102__header nav.header__inline-menu {
    position: relative !important;
    margin: 0 !important;
    padding: 28px 0px !important;
  }

  .header__icons {
    display: flex;
    padding: 0px !important;
    position: relative;
    margin-left: 0vw 4vw;
  }

  .list-menu--inline {
    justify-content: center;
    align-items: center;
  }

  ul.list-menu.list-menu--inline a {
    display: block !important;
  }

  h1.header__heading {
    min-width: 22vw;
  }
}