/* ===== Checkout Page ===== */
.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.checkout .col{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}
.field{display:grid;gap:6px;margin:8px 0}
.field input,.field textarea,.field select{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px;padding:10px;color:var(--text)}
.note{color:var(--text-dim);margin:8px 0}

/* Responsive */
@media (max-width: 1024px){
  .checkout{grid-template-columns:1fr;gap:16px}
}