/* Modern Metal | views/online_payment | extracted CSS; original order preserved */

/* block 84 */

.op{--ink:#111827;--red:#df0030;--line:#e4e8ef;max-width:var(--os-container,1380px);width:100%;padding:0 15px;margin:40px auto 64px;color:var(--ink)}.op *{box-sizing:border-box}.op-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.op-kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--red);text-transform:uppercase}.op h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1.2px;margin:9px 0}.op-intro{color:#64748b;line-height:1.7;margin:0}.op-steps{display:flex;gap:18px;font-size:13px;color:#64748b}.op-steps b{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf0f5;margin-right:6px}.op-steps .active{color:var(--ink);font-weight:700}.op-steps .active b{background:var(--ink);color:#fff}.op-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:28px;align-items:start}.op-form{padding:32px;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:0 15px 50px #15223806}.op h2{font-size:21px;margin:0 0 22px}.op-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.op-field label{display:block;font-size:13px;font-weight:700;margin:0 0 9px}.op-field input,.op-field textarea{width:100%;min-height:50px;background:#fcfcfd;border:1px solid #dce2eb;border-radius:11px;padding:13px 14px;font:inherit;color:var(--ink)}.op-field input:focus,.op-field textarea:focus{outline:3px solid #df003015;border-color:var(--red);background:#fff}.op-full{grid-column:1/-1}.op-divider{border:0;border-top:1px solid var(--line);margin:27px 0}.op-amount{position:relative}.op-amount input{font-size:28px;font-weight:800;padding-right:60px}.op-amount span{position:absolute;right:18px;top:20px;font-weight:800;color:#64748b}.op-help{font-size:12px;color:#64748b;line-height:1.6;margin-top:8px}.op-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;margin:22px 0}.op-check input{margin-top:4px;accent-color:var(--red)}.op-submit{width:100%;padding:17px 22px;border:0;border-radius:12px;background:var(--red);color:white;font:inherit;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.op-submit:hover{background:#bc0029}.op-submit:disabled{opacity:.6;cursor:wait}.op-summary{border-radius:24px;overflow:hidden;background:#101827;color:#fff;box-shadow:0 20px 50px #11182716}.op-summary-top{padding:30px 30px 20px;border-bottom:1px solid #ffffff1c}.op-summary-top small{color:#c6cfdd;letter-spacing:1px}.op-card-art{margin:24px 0 0;padding:24px;border:1px solid #ffffff24;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#9d244e70,transparent 65%),linear-gradient(125deg,#2a3549,#101827);min-height:180px;position:relative;overflow:hidden}.op-card-art:after{content:'';position:absolute;width:200px;height:200px;border:1px solid #ffffff12;border-radius:50%;right:-70px;top:20px}.op-card-brand{display:flex;justify-content:space-between;letter-spacing:2px;font-size:13px;font-weight:800}.op-card-chip{width:34px;height:26px;border-radius:5px;background:linear-gradient(130deg,#ead6aa,#a08c65);margin:22px 0}.op-card-dots{font-size:19px;letter-spacing:5px;color:#cbd5e1}.op-summary-body{padding:28px 30px}.op-summary-line{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:14px;color:#bfc9d9}.op-summary-line strong{color:white;text-align:right;overflow-wrap:anywhere;max-width:65%}.op-total{border-top:1px solid #ffffff20;padding-top:22px}.op-total small{color:#c6cfdd}.op-total strong{display:block;font-size:clamp(29px,3vw,40px);margin-top:8px;overflow-wrap:anywhere}.op-safe{margin-top:23px;font-size:13px;color:#dbe3ee;display:flex;align-items:center;gap:8px}.op-note{padding:20px 6px;color:#64748b;font-size:13px;line-height:1.8}.op-note a{color:var(--ink);font-weight:700}.op-error{padding:16px 20px;border:1px solid #fecdd3;background:#fff1f2;color:#9f1239;border-radius:12px;margin-bottom:22px}.op-lock{width:17px;height:17px}.op-below{text-align:center;margin-top:12px;font-size:12px;color:#64748b}@media(max-width:1000px){.op-steps{display:none}.op-layout{grid-template-columns:minmax(0,1fr) 330px}.op-form{padding:24px}}@media(max-width:760px){.op{width:100%;padding:0 15px;margin-top:26px}.op-layout{grid-template-columns:1fr}.op-fields{grid-template-columns:1fr}.op-form{padding:22px}.op-card-art{display:none}.op-summary-top{padding:22px}.op-summary-body{padding:22px}.op-top{margin-bottom:22px}}
@media(min-width:1400px){.op{max-width:1440px}}


/* Modern Metal V21: payment page under sticky header; no heading overlap */
body.os-metal-v2 .op{position:relative;z-index:0;isolation:isolate;scroll-margin-top:180px}
body.os-metal-v2 .op-top{position:relative!important;z-index:0!important;top:auto!important;transform:none!important}
body.os-metal-v2 .op-top h1{position:static!important;z-index:auto!important;transform:none!important}
body.os-metal-v2 .op-form{background:#101d29!important;color:#f5f8fc!important;border-color:#344a5a!important}
body.os-metal-v2 .op-field input,body.os-metal-v2 .op-field textarea{background:#172938!important;color:#f5f8fc!important;border-color:#42586d!important}
body.os-metal-v2 .op-field input::placeholder,body.os-metal-v2 .op-field textarea::placeholder{color:#a4b6c5!important}
body.os-metal-v2 .op h2,body.os-metal-v2 .op-field label,body.os-metal-v2 .op-check{color:#f5f8fc!important}
body.os-metal-v2 .op-divider{border-color:#344a5a!important}
body.os-metal-v2 .op-help,body.os-metal-v2 .op-below,body.os-metal-v2 .op-intro,body.os-metal-v2 .op-note{color:#b4c3d1!important}
body.os-metal-v2 .op-note a{color:#dfb773!important}
@media(max-width:991px){body.os-metal-v2 .op{scroll-margin-top:85px}}

@media(min-width:992px){body.os-metal-v2:has(.op) .os-desktop-shell.is-sticky{z-index:99999!important;background:#0b1721!important}body.os-metal-v2:has(.op) .os-desktop-shell.is-sticky .os-header-main,body.os-metal-v2:has(.op) .os-desktop-shell.is-sticky .os-nav{background-color:#0b1721!important}}