.checkout-page h1{margin-bottom:.35em}
.checkout-back{margin:0 0 1rem;font-family:var(--label);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
.checkout-back a{color:inherit;border-bottom:2px solid var(--red);text-decoration:none}
.checkout-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:start;margin-top:1.5rem}
@media (max-width:820px){.checkout-grid{grid-template-columns:1fr}}
.checkout-summary,.checkout-form-wrap{background:#fff;border:3px solid var(--black);box-shadow:6px 6px 0 rgba(0,0,0,.35);padding:1.25rem 1.35rem}
.checkout-summary h2,.checkout-form-wrap h2{font-family:var(--display);font-size:1.35rem;margin:0 0 .85rem;letter-spacing:.04em;text-transform:uppercase}
.checkout-line{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid rgba(0,0,0,.12)}
.checkout-line .cl-name{font-weight:700}
.checkout-line .cl-meta{font-size:.85rem;opacity:.7;margin-top:.15rem}
.checkout-empty{margin:1rem 0 0}
.checkout-empty a{border-bottom:2px solid var(--red);text-decoration:none;color:inherit}
.checkout-form .field{margin-bottom:.85rem}
.checkout-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.checkout-cta{display:inline-block;margin-top:1.4rem;background:var(--yellow);color:var(--black);font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;padding:.85em 1.4em;border:none;box-shadow:4px 4px 0 rgba(0,0,0,.45);text-decoration:none;transition:transform .12s, box-shadow .12s}
.checkout-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(0,0,0,.45)}
.checkout-form input[readonly]{opacity:.75;background:#f0eee8}

.checkout-success{display:flex;justify-content:center;padding-top:3rem;padding-bottom:5rem}
.checkout-success-card{
  width:min(560px,100%);
  background:#fff;
  border:3px solid var(--black);
  box-shadow:8px 8px 0 rgba(0,0,0,.28);
  padding:2.2rem 2rem 2.4rem;
  text-align:left;
}
.checkout-success-kicker{
  margin:0 0 .35rem;
  font-family:var(--label);
  font-size:.85rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--red);
}
.checkout-success-card h1{
  margin:0 0 1.1rem;
  font-size:clamp(2.4rem,6vw,3.4rem);
  line-height:1;
}
.checkout-success-number{
  display:flex;
  flex-direction:column;
  gap:.25rem;
  margin:0 0 1rem;
  padding:1rem 1.1rem;
  background:var(--black);
  color:var(--bone);
}
.checkout-success-number span{
  font-family:var(--label);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.7;
}
.checkout-success-number strong{
  font-family:var(--label);
  font-size:1.35rem;
  letter-spacing:.04em;
  font-weight:600;
}
.checkout-success-card .lede{
  margin:0;
  max-width:36ch;
  font-size:1.05rem;
}