/* The same compact layout serves React and Express headers. */
.sc-header-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
}
.sc-header-inner > .sc-logo { grid-column: 1; grid-row: 1; flex-shrink: 0; line-height: 0; }
.sc-header-inner > .sc-nav {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: safe flex-end;
  min-width: 0;
  overflow-x: auto;
  padding: 4px 0;
}
.sc-header-inner > .sc-nav > a { flex-shrink: 0; white-space: nowrap; }
.sc-header-inner > .sc-coop-pill { grid-column: 3; grid-row: 1; justify-self: end; }
.sc-header-inner > .sc-order-group {
  grid-column: 2 / 4;
  grid-row: 2;
  justify-self: end;
  min-width: 0;
}
.sc-order-group select { min-width: 0; max-width: 100%; }
.sc-order-group button, .sc-order-group .sc-order-btn { white-space: nowrap; }
@media (max-width: 767px) {
  .sc-header-inner { grid-template-columns: minmax(0, 1fr) auto; row-gap: 10px !important; }
  .sc-header-inner > .sc-coop-pill { grid-column: 2; }
  .sc-header-inner > .sc-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }
  .sc-header-inner > .sc-order-group {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-self: stretch;
    justify-content: space-between;
  }
  .sc-order-group select { flex: 1; width: 0; }
}