:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#18304c;background:#f2f7fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0,#d7efff 0,transparent 50%),#f2f7fd}a{color:#0068c7}.pay-wrap{max-width:980px;margin:auto;padding:18px 22px}.pay-header{display:flex;align-items:center;justify-content:space-between;padding:15px 0 26px;gap:10px}.pay-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#092d57}.pay-brand img{object-fit:contain}.pay-brand span{display:flex;flex-direction:column}.pay-brand b{letter-spacing:.15em;font-weight:900;font-size:23px}.pay-brand small{font-size:10px;letter-spacing:.08em}.pay-back{font-size:14px;text-decoration:none}.pay-card{background:white;border:1px solid #dfebf7;border-radius:22px;padding:clamp(20px,5vw,38px);box-shadow:0 20px 50px rgba(10,53,94,.06);margin-bottom:20px}.pay-card h1{font-size:clamp(28px,5vw,39px);letter-spacing:-.035em;margin:8px 0 14px;color:#0b2b50}.pay-card h2{font-size:23px;color:#0b2b50;margin:25px 0 13px}.pay-card p{line-height:1.65;color:#45607b}.kicker{color:#0671c6!important;text-transform:uppercase;font-size:12px;font-weight:850;letter-spacing:.16em}.stack{display:grid;gap:14px;margin:23px 0}.stack label,.pay-form label{font-size:14px;font-weight:650;display:grid;gap:6px}input{border:1px solid #c9d9e9;padding:13px 14px;border-radius:10px;width:100%;font-size:15px;min-width:0;color:#1d3957}input:focus{outline:2px solid #48a7ef;outline-offset:1px}.pay-btn{border:none;display:inline-block;cursor:pointer;text-align:center;border-radius:11px;background:linear-gradient(110deg,#0569cf,#033a94);padding:14px 18px;text-decoration:none;font-size:15px;font-weight:750;color:white;box-shadow:0 7px 18px rgba(8,79,177,.24)}.pay-btn:hover{color:white;filter:brightness(1.12)}.pay-link{margin:15px 0;display:inline-block;border:0;background:transparent;color:#0463b9;text-decoration:underline;cursor:pointer}.pay-footer{color:#6b7993;font-size:12px;text-align:center;padding:20px 0 45px}.error{padding:13px;border-radius:10px;border:1px solid #ffbab0;color:#852c20!important;background:#fff0ed}.notice{padding:13px;border-radius:10px;border:1px solid #83d3c4;color:#15594e!important;background:#e7fff7}.subtle{font-size:14px!important;color:#62758d!important}.pay-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.pay-meta>div{display:grid;gap:4px;min-width:0}.pay-meta small{color:#68809b}.pay-meta strong{overflow-wrap:anywhere}.pay-total{border-top:1px solid #d9e9f5;border-bottom:1px solid #d9e9f5;padding:22px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.pay-total strong{font-size:clamp(22px,5vw,36px);color:#005bc8}.status{display:inline-block;color:#0565ae;background:#eaf4ff;border-radius:7px;padding:4px 7px;width:fit-content}.channel{border:1px solid #d8e5f3;border-radius:12px;padding:12px;display:flex!important;align-items:center;gap:12px;cursor:pointer}.channel input{width:20px;flex:none;accent-color:#0368cc}.channel span{flex:1}.channel small{font-size:12px;color:#8492a5}.pay-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pay-form label:nth-child(6){grid-column:1/-1}.pay-form button{grid-column:1/-1}.pay-table-wrap{overflow:auto}.pay-table{border-collapse:collapse;font-size:13px;width:100%}.pay-table th,.pay-table td{padding:12px 8px;text-align:left;border-bottom:1px solid #e3ecf7}.pay-table td{white-space:nowrap}.row-between{display:flex;justify-content:space-between;gap:15px;align-items:center}code{background:#edf4fd;padding:8px;border-radius:6px;word-break:break-all}@media(max-width:660px){.pay-meta,.pay-form{grid-template-columns:1fr}.pay-total{flex-direction:column;align-items:flex-start}.pay-header{flex-wrap:wrap}.pay-card{border-radius:14px}.pay-form label:nth-child(6),.pay-form button{grid-column:1}}
/* Bromo commerce experience */
.bromo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.bromo-mini{border:1px solid #dce7f3;border-radius:18px;padding:22px;display:flex;flex-direction:column;background:linear-gradient(155deg,#fff 63%,#eef8ff);min-width:0}
.bromo-mini.chosen{outline:2px solid #138cf2}
.bromo-mini>small{font-weight:800;color:#0874cc;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.bromo-mini h2{font-size:21px;margin:11px 0 3px}.bromo-mini p{font-size:13.5px;flex:1;margin:8px 0 18px}
.bromo-mini-foot{margin-bottom:15px}.bromo-mini-foot strong{font-size:22px;color:#083974}.bromo-mini-foot small{color:#58708d}
.bromo-form{margin-top:22px}.bromo-form textarea{resize:vertical;border-radius:10px;border:1px solid #c9d9e9;padding:12px;font:inherit;color:#1d3957}.span-full{grid-column:1/-1!important}.bromo-checkout-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#eef6ff;border:1px solid #d0e6ff;padding:19px;border-radius:12px}.bromo-checkout-summary strong{font-size:clamp(22px,4vw,32px);color:#0064c7}.bromo-checkout-summary small{width:100%;color:#60748d;line-height:1.5}
.consent{display:flex!important;flex-direction:row!important;gap:12px;align-items:flex-start;line-height:1.5}.consent input{width:18px;min-width:18px;margin-top:2px;accent-color:#086bc9}
.trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.bromo-order-extra{display:grid;gap:10px;background:#f0f7ff;border-radius:12px;padding:16px;margin:12px 0}.bromo-order-extra>div{display:grid;gap:5px;overflow-wrap:anywhere}.bromo-order-extra small{color:#647b92}.bromo-order-extra strong{color:#163f63}.admin-action{display:flex;align-items:center;gap:5px}.admin-action input{width:130px;min-width:100px;padding:7px;font-size:12px}.admin-action button{padding:8px 10px;font-size:12px;white-space:nowrap}.admin-notes{font-size:12px;max-width:220px;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:730px){.bromo-grid{grid-template-columns:1fr}.bromo-mini{padding:20px}.admin-action{flex-wrap:wrap}}