@media screen and (min-width: 1024px) {
  :root {
    --logo-gap: 120px;
    --item-gap: 7px;
  }
  .rcs-header__brand-r9 .rcs-r9-logo-wm {
    font-size: 18px !important;
  }
  
  /* Force header to flex on desktop (override live-hotfix mobile grid) */
  .rcs-header__inner,
  .rcs-header__inner.rcs-container {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    align-items: center !important;
    gap: 0 !important;
    padding-inline: 20px !important;
    position: relative !important;
  }
  
  /* Brand Logo: absolutely centered in the header container */
  .rcs-header__brand-r9,
  .rcs-header__brand-wrap,
  .rcs-header__brand { 
    order: 2 !important; 
    flex: 0 0 auto !important; 
    justify-self: auto !important; 
    position: absolute !important; 
    left: 50% !important; 
    transform: translateX(-50%) !important; 
    z-index: 10 !important;
    margin: 0 !important;
  }
  
  /* Navigation Menu: absolutely centered in the header container */
  .rcs-header__desktop-nav { 
    order: 1 !important; 
    flex: 0 0 auto !important; 
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9 !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    margin-right: 0 !important; 
    margin-left: 0 !important;
    min-width: 0;
  }
  
  /* Grid-based split menu: 9 columns, column 5 is the empty logo gap */
  .rcs-header__desktop-nav .rcs-header__desktop-list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(max-content, 1fr)) var(--logo-gap) repeat(4, minmax(max-content, 1fr)) !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 var(--item-gap) !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Push item 5 ("Katan") to grid column 6, leaving column 5 empty for the logo */
  .rcs-header__desktop-nav .rcs-header__desktop-list > li:nth-child(5) {
    grid-column: 6 !important;
  }
  
  /* Symmetrical balance: right items are 47px wider in total than left items.
     Add 47px padding-left to the first child to perfectly center the logo gap. */
  .rcs-header__desktop-nav .rcs-header__desktop-list > li:first-child {
    padding-left: 47px !important;
  }
  
  /* Actions: aligned to the right edge */
  .rcs-header__search { 
    order: 3 !important; 
    flex: 0 0 auto !important; 
    margin-right: 6px !important; 
    margin-left: auto !important; 
  }
  .rcs-header__account { 
    order: 4 !important; 
    flex: 0 0 auto !important; 
    margin: 0 2px !important; 
    grid-area: auto !important; 
  }
  .rcs-header__cart { 
    order: 5 !important; 
    flex: 0 0 auto !important; 
    grid-area: auto !important; 
  }
}

@media screen and (min-width: 1280px) {
  :root {
    --logo-gap: 160px;
    --item-gap: 16px;
  }
  .rcs-header__brand-r9 .rcs-r9-logo-wm {
    font-size: 20px !important;
  }
  .rcs-header__inner,
  .rcs-header__inner.rcs-container {
    padding-inline: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  :root {
    --logo-gap: 180px;
    --item-gap: 22px;
  }
  .rcs-header__brand-r9 .rcs-r9-logo-wm {
    font-size: 22px !important;
  }
  .rcs-header__inner,
  .rcs-header__inner.rcs-container {
    padding-inline: 32px !important;
  }
}