:root { --payment-line:#d9e3ef; --payment-soft:#eef5fc; --payment-ink:#0b2b52; --payment-muted:#5f7390; }
.cms-payment-page{background:#f2f6fb}.payment-page{min-height:70vh;padding:clamp(42px,5vw,76px) 0 clamp(72px,7vw,112px)}.payment-shell{max-width:1180px}.payment-breadcrumb{display:flex;gap:9px;margin-bottom:30px;color:var(--payment-muted);font-size:13px}.payment-breadcrumb a{color:var(--brand-700);text-decoration:none}.payment-hero{max-width:860px;margin-bottom:34px}.payment-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 15px;color:var(--brand-600);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.payment-eyebrow span{width:28px;height:2px;background:var(--accent)}.payment-hero h1{margin:0;color:var(--payment-ink);font-size:clamp(38px,4.8vw,66px);font-weight:500;line-height:1.06;letter-spacing:-.04em}.payment-hero>p:last-child{max-width:760px;margin:20px 0 0;color:var(--payment-muted);font-size:16px;line-height:1.75}
.payment-card{overflow:hidden;border:1px solid var(--payment-line);border-radius:26px;background:#fff;box-shadow:0 24px 70px rgba(12,55,100,.09)}.payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px;border-bottom:1px solid var(--payment-line);background:#f7faff}.payment-tab{min-height:58px;padding:14px 20px;border:0;border-radius:17px;color:var(--payment-muted);background:transparent;cursor:pointer;font:inherit;font-size:15px;font-weight:800}.payment-tab.active{color:#fff;background:linear-gradient(135deg,var(--brand-700),var(--brand-900));box-shadow:0 9px 24px rgba(var(--brand-rgb),.2)}.payment-content{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:32px;padding:clamp(24px,3vw,40px)}.payment-form,.payment-summary{min-width:0}.payment-field{display:grid;gap:9px;margin-bottom:24px}.payment-field label,.payment-section-title{color:var(--payment-ink);font-size:14px;font-weight:800}.payment-section-title{margin:0}.payment-input-wrap{display:flex;overflow:hidden;border:1px solid var(--payment-line);border-radius:13px;background:#fff;transition:border-color .2s,box-shadow .2s}.payment-input-wrap:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.09)}.payment-input-wrap input{width:100%;min-width:0;padding:14px 16px;border:0;outline:0;color:var(--payment-ink);background:transparent;font:inherit}.payment-input-wrap span{display:grid;min-width:68px;place-items:center;color:var(--brand-800);background:var(--payment-soft);font-weight:800}.payment-hint{margin:0;color:var(--payment-muted);font-size:12px;line-height:1.55}
.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.payment-option{position:relative;display:flex;min-height:92px;align-items:center;gap:13px;padding:15px;border:1px solid var(--payment-line);border-radius:16px;color:var(--payment-ink);background:#fff;cursor:pointer;text-align:start;transition:border-color .2s,background-color .2s,transform .2s}.payment-option:hover{transform:translateY(-2px)}.payment-option:hover,.payment-option.selected{border-color:var(--brand-500);background:#f5f9fe}.payment-option.selected{box-shadow:inset 0 0 0 1px var(--brand-500)}.payment-radio{width:18px;height:18px;flex:0 0 18px;border:2px solid #aebdce;border-radius:50%}.payment-option.selected .payment-radio{border:5px solid var(--brand-600)}.payment-brand{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:11px;font:800 20px Arial,sans-serif}.payment-brand.paypal{color:#153d83;background:#eaf1ff;font-style:italic}.payment-brand.payoneer{border:3px solid #ef6c32;border-right-color:#ad4297;border-bottom-color:#06a5d5;border-radius:50%;color:#333;background:#fff;font-size:13px}.payment-option strong,.payment-option small{display:block}.payment-option strong{font-size:15px}.payment-option small{margin-top:5px;color:var(--payment-muted);font-size:12px;line-height:1.45}[data-payment-panel][hidden]{display:none}.payment-offline-list{display:grid;gap:13px;margin-top:14px}.payment-offline-list .payment-option{min-height:80px}.payment-notice{margin-top:24px;padding:16px 18px;border:1px solid #d6e5f5;border-radius:14px;color:var(--payment-muted);background:var(--payment-soft);font-size:13px;line-height:1.7}.payment-notice strong{color:var(--brand-800)}
.payment-summary{align-self:start;padding:28px;border-radius:20px;color:#fff;background:linear-gradient(150deg,var(--brand-700),var(--brand-950));box-shadow:0 20px 45px rgba(7,39,75,.18)}.payment-summary h2{margin:0 0 24px;color:#fff;font-size:21px}.payment-summary-row{display:flex;justify-content:space-between;gap:20px;margin-top:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.16);font-size:13px}.payment-summary-row span{opacity:.72}.payment-summary-row strong{text-align:end;overflow-wrap:anywhere}.payment-total{margin:27px 0}.payment-total span{display:block;opacity:.72;font-size:12px}.payment-total strong{display:block;margin-top:5px;color:#fff;font-size:34px}.payment-action{display:flex;min-height:51px;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;color:var(--brand-950);background:#fff;font-size:14px;font-weight:800;text-align:center;text-decoration:none}.payment-action:hover{color:var(--brand-950);background:#eef6ff}.payment-disclaimer{margin:15px 0 0;color:rgba(255,255,255,.66);font-size:12px;line-height:1.6}html[dir=rtl] .payment-breadcrumb{flex-direction:row-reverse;justify-content:flex-end}html[dir=rtl] .payment-option{text-align:right}
@media(max-width:820px){.payment-content{grid-template-columns:1fr}.payment-summary{order:2}}@media(max-width:560px){.payment-page{padding-top:30px}.payment-breadcrumb{margin-bottom:22px}.payment-hero h1{font-size:34px}.payment-hero>p:last-child{font-size:14px}.payment-card{border-radius:19px}.payment-tab{min-height:52px;padding:12px 8px;font-size:13px}.payment-content{gap:24px;padding:20px}.payment-options{grid-template-columns:1fr}}