.online-checkout{margin-top:24px;padding-top:22px;border-top:1px solid var(--line,#e6e1ed)}
.online-checkout h3{margin:0 0 8px;font-size:1.2rem}
.online-checkout form{display:grid;gap:12px}
.online-checkout label{display:block;margin:10px 0 6px;font-weight:600}
.online-checkout input[type=email],.online-checkout textarea{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid var(--line,#d8d2e2);border-radius:12px;background:var(--collector-surface,var(--paper,#fff));color:var(--ink,#262131);font:inherit;font-size:16px}
.online-checkout .online-check{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;font-weight:400;line-height:1.5}
.online-check input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--accent,#f4d35e)}
.online-total{font-weight:700;margin:2px 0;overflow-wrap:anywhere}
.online-actions{display:flex;flex-wrap:wrap;gap:10px}
.online-actions .button{white-space:normal;max-width:100%;text-align:center}
.online-checkout [hidden],.payment-result [hidden]{display:none!important}
.online-checkout :focus-visible,.payment-result :focus-visible{outline:3px solid var(--accent,#f4d35e);outline-offset:3px}
.payment-result{max-width:700px;margin:8vh auto;padding:24px;box-sizing:border-box}
.payment-result p{line-height:1.6;overflow-wrap:anywhere}
@media(max-width:540px){.online-actions{flex-direction:column}.online-actions .button{width:100%}.online-checkout{margin-top:18px}.payment-result{margin:24px auto}}