/* Keep the existing desktop menu's outer columns and vertical placement.
   Four equal 14vw columns with 1.99vw gaps give a uniform 15.99vw step.
   Mobile (599px and below) continues to use the original header.css layout. */
@media (min-width: 600px) {
  #bSitemap {
    --bloomy-menu-start: 34.48vw;
    --bloomy-menu-column-width: 14vw;
    --bloomy-menu-column-gap: 1.99vw;
    --bloomy-menu-step: calc(var(--bloomy-menu-column-width) + var(--bloomy-menu-column-gap));
  }

  #bSitemap .bs__col {
    width: var(--bloomy-menu-column-width);
  }

  #bSitemap .bs__col--1 {
    left: var(--bloomy-menu-start);
  }

  #bSitemap .bs__col--2 {
    left: calc(var(--bloomy-menu-start) + var(--bloomy-menu-step));
  }

  #bSitemap .bs__col--3 {
    left: calc(var(--bloomy-menu-start) + 2 * var(--bloomy-menu-step));
  }

  #bSitemap .bs__col--4 {
    left: calc(var(--bloomy-menu-start) + 3 * var(--bloomy-menu-step));
  }
}