/* Presale checkout panel. Inherits fonts and colors from the page; tweak per style if needed. */
.buy { margin-top: 22px; padding-top: 18px; border-top: 3px dashed currentColor; }
.buy-title { margin: 0 0 10px; }
.buy-steps { margin: 0; padding-left: 1.4em; display: grid; gap: 16px; }
.buy-step b { display: block; margin-bottom: 4px; }
.buy-note { font-size: .85rem; opacity: .8; margin: 4px 0 8px; }
.buy-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.buy-wallet { font-family: ui-monospace, Menlo, Consolas, monospace; font-weight: 700; }
.buy-btn { display: inline-flex; align-items: center; justify-content: center; font: inherit; font-weight: 800; text-transform: uppercase; padding: 12px 18px; border: 3px solid currentColor; background: #c6ff00; color: #0b0f24; cursor: pointer; text-decoration: none; }
.buy-btn.alt { background: #4de1ff; }
.buy-btn.red { background: #ff2e4d; color: #fff; }
.buy-btn[disabled], .buy-btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.buy-form { display: grid; gap: 10px; max-width: 420px; }
.buy-form input[type="number"] { font: inherit; font-size: 1.1rem; padding: 12px 14px; border: 3px solid currentColor; background: transparent; color: inherit; }
.buy-pay { display: flex; gap: 16px; flex-wrap: wrap; }
.buy-choice { display: inline-flex; gap: 6px; align-items: center; font-weight: 700; }
.buy-quote { display: grid; gap: 6px; }
.buy-quote p { margin: 0; }
.buy-msg { font-weight: 700; padding: 10px 14px; border: 3px solid currentColor; margin: 14px 0 0; }
.buy-msg[data-kind="error"] { background: #ff2e4d; color: #fff; border-color: #ff2e4d; }
.buy-msg[data-kind="ok"] { background: #c6ff00; color: #0b0f24; border-color: #c6ff00; }
.buy-wait { font-weight: 800; margin: 14px 0 0; padding: 10px 12px; border: 3px solid currentColor; }