/* Checkout page
 * ----------------------------------------------------------------- */

.checkout-page {
  max-width: 700px;
  margin: 0 auto;
  padding: 2em 1em;
}

.checkout-header {
  text-align: center;
  margin-bottom: 2em;
}

.checkout-header h1 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 0.5em;
}

.checkout-header p {
  color: var(--gray-500);
  margin: 0;
}

.checkout-loading {
  text-align: center;
  padding: 3em;
  color: var(--gray-500);
}

.checkout-error {
  text-align: center;
  padding: 2em;
  background: oklch(from var(--color-negative) l c h / 0.1);
  color: var(--color-negative);
  border-radius: var(--radius-medium);
  font-weight: 600;
}

.checkout-cancel {
  text-align: center;
  margin-top: 2em;
  font-size: 0.875rem;
  color: var(--gray-500);
}

.checkout-cancel a {
  color: var(--color-primary);
}