body.order-page {
  --order-header-gutter: 24px;
}

body.order-page > header {
  position: relative;
  display: flex;
  direction: ltr;
  align-items: center;
  height: 88px;
  min-height: 88px;
  max-width: none;
  padding: 0 calc(var(--order-header-gutter) + 64px) !important;
}

.order-brand img {
  display: block;
  width: 90px;
  height: auto;
}

body.order-page .staggered-menu-header {
  padding: 20px var(--order-header-gutter) !important;
}

body.order-page .staggered-menu-header .sm-toggle {
  top: 20px !important;
  left: var(--order-header-gutter) !important;
  right: auto !important;
  margin: 0;
}

@media (max-width: 700px) {
  body.order-page {
    --order-header-gutter: 16px;
  }

  .order-brand img {
    width: 76px;
  }
}