.checkout-page {
  align-items: stretch;
  --checkout-header-offset: 6.25rem;
}

@media (min-width: 48rem) {
  .checkout-page {
    padding-top: var(--checkout-header-offset);
    min-height: 100vh;
  }

  .checkout-page__cart {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 1.25rem 2rem 3rem;
  }

  .checkout-page__main {
    padding: 1.25rem 2rem 3rem;
    background: #f3f4f6;
  }

  .checkout-page__cart-inner,
  .checkout-page__main-inner {
    width: 100%;
    max-width: 28rem;
  }
}

@media (min-width: 64rem) {
  .checkout-page__cart {
    padding-left: 4rem;
  }

  .checkout-page__main {
    padding-right: 4rem;
  }
}