/* v465G — restore the registration page to the older, more comfortable desktop balance.
   User feedback: recent tweaks made the main form feel too narrow and the right review rail feel too dominant.
   This restore makes the primary information area larger again while keeping the summary compact. */

@media (min-width: 1101px){
  body:has(#orderForm) .order-shell{
    max-width: 1360px !important;
  }

  body:has(#orderForm) .order-layout{
    grid-template-columns: minmax(0, 1.22fr) minmax(320px, 380px) !important;
    gap: 30px !important;
    align-items: start !important;
  }

  body:has(#orderForm) .order-main{
    min-width: 0 !important;
  }

  body:has(#orderForm) .order-main.card,
  body:has(#orderForm) .order-main.apply-card{
    padding: 28px 30px !important;
    border-radius: 26px !important;
  }

  body:has(#orderForm) .order-summary{
    width: 100% !important;
    max-width: 380px !important;
    justify-self: end !important;
    top: 88px !important;
    max-height: calc(100vh - 116px) !important;
    overflow: auto !important;
    padding: 18px 16px !important;
    border-radius: 24px !important;
  }

  body:has(#orderForm) .compact-steps{
    max-width: 1040px !important;
  }

  body:has(#orderForm) .travel-grid,
  body:has(#orderForm) .compact-contact-grid,
  body:has(#orderForm) .pickup-grid,
  body:has(#orderForm) .grid.two{
    column-gap: 22px !important;
  }

  body:has(#orderForm) .mini-section.plain-section{
    padding: 20px 22px !important;
  }
}

@media (min-width: 981px) and (max-width: 1100px){
  body:has(#orderForm) .order-shell{
    max-width: 1240px !important;
  }

  body:has(#orderForm) .order-layout{
    grid-template-columns: minmax(0, 1fr) minmax(300px, 350px) !important;
    gap: 24px !important;
  }

  body:has(#orderForm) .order-summary{
    max-width: 350px !important;
    justify-self: end !important;
  }
}


/* v474G — tighten the large empty gap above the order-page step header. */
body:has(#orderForm) main.section{
  padding-top:24px !important;
}

body:has(#orderForm) main.section .vge-subpage-viewport-rail-v441G{
  padding-top:12px !important;
}

@media (max-width: 980px){
  body:has(#orderForm) main.section{
    padding-top:18px !important;
  }

  body:has(#orderForm) main.section .vge-subpage-viewport-rail-v441G{
    padding-top:10px !important;
  }
}