/* Dev-only fake-Stripe interstitial (Dev::FakeStripeCheckoutsController):
   the local stand-in for Stripe's hosted checkout page when no keys are
   configured. One centered card; everything else comes from the shared
   card/button components. */

.bido-fake-stripe {
  display: grid;
  place-items: center;
  min-block-size: 70vh;
}

.bido-fake-stripe .card {
  inline-size: min(100%, 30rem);
}

.bido-fake-stripe h1 {
  margin-block: 0.4rem 0.6rem;
}

.bido-fake-stripe .bido-row {
  gap: 0.6rem;
  margin-block-start: 0.8rem;
}