.checkout-layout {
  display: grid;
  gap: 18px;
  grid-template-columns: 1.2fr .8fr;
}
.field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.summary-row { display: flex; justify-content: space-between; margin: 8px 0; }
.confirmation {
  border: 1px solid rgba(74, 222, 128, .45);
  background: rgba(74, 222, 128, .08);
  border-radius: 12px;
  padding: 14px;
}
@media (max-width: 900px) {
  .checkout-layout, .field-grid { grid-template-columns: 1fr; }
}

.checkout-form label { display: grid; gap: 6px; }
.checkout-summary {
  position: sticky;
  top: 88px;
  height: fit-content;
}
.payment-box {
  background: rgba(8, 14, 28, .7);
}
.summary-row.grand {
  font-size: 1.08rem;
  padding-top: 10px;
  border-top: 1px solid rgba(99, 125, 188, .4);
}
@media (max-width: 900px) {
  .checkout-summary { position: static; }
}