/* AXIS FX / PAYMENTS — isolated payment desk layout */
.payments-section{position:relative;isolation:isolate;padding:106px 0 95px;background:radial-gradient(ellipse at 88% 12%,rgba(211,150,61,.14),transparent 38%),radial-gradient(ellipse at 0% 72%,rgba(57,89,75,.14),transparent 45%),#090e0e;overflow:hidden}
.payments-section:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(240,192,115,.55),transparent)}
.payments-section:after{content:"AXIS";position:absolute;right:-3%;top:4%;z-index:-1;font:900 clamp(220px,29vw,480px)/1 Outfit,sans-serif;letter-spacing:-.07em;color:rgba(255,230,185,.023);pointer-events:none}
.pay-headline{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:30px}
.pay-headline>div:first-child{max-width:780px}
.pay-headline h2{font-size:clamp(42px,5.5vw,78px);letter-spacing:-.055em;line-height:1.04;margin:20px 0 19px;font-weight:800}
.pay-headline h2 span{color:#eec486}
.pay-headline p{color:#aeb9b6;font-size:16px;line-height:1.75;margin-bottom:0;max-width:680px}
.pay-headline p strong{color:#f6e2b9;font-weight:600}
.pay-head-seal{height:136px;width:136px;border-radius:50%;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#29261f,#101817 65%);border:1px solid rgba(247,198,117,.55);box-shadow:inset 0 0 0 8px #0b1011,inset 0 0 0 9px rgba(217,164,90,.25),0 16px 54px rgba(0,0,0,.16);transform:rotate(7deg)}
.pay-head-seal>span{font:700 12px/1 Outfit,sans-serif;letter-spacing:.2em;color:#fff}.pay-head-seal>b{font:800 37px/1 Outfit,sans-serif;color:#eec486;letter-spacing:-.07em}.pay-head-seal>small{font-size:7px;color:#bfc1b8;letter-spacing:.045em;text-align:center;margin-top:8px}
.pay-banner{display:flex;align-items:center;gap:17px;border:1px solid rgba(239,193,119,.24);padding:17px 21px;background:linear-gradient(99deg,rgba(191,140,62,.13),rgba(18,28,28,.85));margin-bottom:23px;border-radius:5px}
.pay-banner-icon{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e9bd72;color:#1a1409;font-size:23px}.pay-banner>div{flex:1;display:grid;gap:2px}.pay-banner strong{font:700 14px Outfit,sans-serif;color:#ffe4b2}.pay-banner>div span{font-size:12px;color:#b7bcb6;line-height:1.55}.pay-banner-status{font:700 10px Outfit,sans-serif;color:#ebcb93;letter-spacing:.11em;white-space:nowrap}
.pay-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:24px;align-items:start}
.pay-methods-side,.pay-checkout{min-width:0}.pay-methods-side{border:1px solid rgba(240,210,160,.14);border-radius:6px;background:rgba(15,22,22,.73);padding:25px}
.pay-sidebar-header{display:flex;justify-content:space-between;gap:10px;font:700 11px Outfit,sans-serif;letter-spacing:.15em;color:#b7b7ae;margin-bottom:21px}.pay-sidebar-header span:last-child{color:#b88d56}
.pay-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:21px}
.pay-filter{border:1px solid rgba(237,212,170,.15);border-radius:40px;padding:9px 13px;background:transparent;color:#a9b0ae;font:600 11px 'DM Sans',sans-serif;transition:background .2s,border .2s,color .2s}.pay-filter:hover{border-color:#b89b69;color:#fff}.pay-filter.is-active{background:#e9bd72;border-color:#e9bd72;color:#12120f}
.pay-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.pay-method{position:relative;min-height:128px;text-align:left;border:1px solid rgba(220,216,199,.15);border-radius:5px;background:linear-gradient(139deg,#161f1f,#0b1112);padding:15px 14px 14px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;overflow:hidden}
.pay-method[hidden],.pay-hosted-checkout[hidden],.pay-configured[hidden]{display:none!important}
.pay-method:hover{transform:translateY(-2px);border-color:rgba(236,194,128,.6)}.pay-method.selected{border-color:#e2ad58;background:linear-gradient(145deg,rgba(97,71,34,.28),rgba(19,25,24,.94));box-shadow:inset 0 0 0 1px rgba(227,179,95,.13)}
.pay-method.selected:before{content:"";height:2px;position:absolute;top:0;left:0;right:0;background:#efc983}
.pay-logo{display:flex;align-items:center;justify-content:center;max-width:128px;min-width:63px;min-height:35px;width:max-content;max-height:35px;padding:4px 10px;border-radius:4px;box-shadow:0 4px 17px rgba(0,0,0,.22)}
.pay-logo-mtn{background:#ffe000;color:#151a12;font:900 italic 21px/1 Outfit,sans-serif;letter-spacing:-.055em}.pay-logo-dot{font-size:8px;align-self:center;margin-left:2px}
.pay-logo-airtel{background:#f22b26;color:white;font:800 italic 17px/1 Outfit,sans-serif;letter-spacing:-.06em}
.pay-logo-mpesa{background:#f6f8f5;color:#0d8b47;font:800 14px/1 Outfit,sans-serif;letter-spacing:-.03em}.pay-logo-mpesa span{color:#e4444e}
.pay-logo-card{background:#fff;color:#182b78;display:flex;gap:7px;font:900 italic 14px Outfit,sans-serif}.pay-logo-card i{font:900 22px/1 Outfit,sans-serif;color:#ec7b3d;letter-spacing:-.36em;margin-right:5px}
.pay-logo-paypal{background:#f0f5ff;color:#1a4a9e;font:800 italic 17px/1 Outfit,sans-serif}.pay-logo-bank{background:#202f36;border:1px solid #526d77;color:#d7e8ed;font-size:24px}.pay-logo-usdt{background:#278e70;color:white;border-radius:50%;min-width:37px;height:37px;font:700 25px/1 Outfit,sans-serif;padding:2px}
.pay-method-copy{display:grid;gap:4px;padding-right:15px}.pay-method-copy strong{font:700 15px/1.15 Outfit,sans-serif;color:#f3eee2}.pay-method-copy small{font-size:11px;color:#929e9e;line-height:1.45}
.pay-method-indicator{position:absolute;top:14px;right:13px;width:19px;height:19px;border-radius:50%;border:1px solid rgba(226,183,116,.25);color:transparent;display:grid;place-items:center;font:800 11px Outfit,sans-serif}.pay-method.selected .pay-method-indicator{border-color:#eec486;background:#eec486;color:#101410}
.pay-why{display:flex;gap:14px;margin-top:20px;padding:18px 15px;border-top:1px solid rgba(236,210,169,.12)}.pay-why-symbol{font-size:23px;color:#eac27f;line-height:1}.pay-why strong{font:700 15px Outfit,sans-serif;color:#f0ddbb}.pay-why p{font-size:12px;line-height:1.65;color:#9ca8a5;margin:5px 0 0}
.pay-checkout{border:1px solid rgba(233,190,116,.45);border-radius:6px;background:#121b1c;box-shadow:0 27px 70px rgba(0,0,0,.25);overflow:hidden;position:sticky;top:100px}
.pay-checkout-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 25px;background:radial-gradient(ellipse at 92% 15%,rgba(206,150,79,.23),transparent 58%),linear-gradient(135deg,#1b2524,#0f1516);border-bottom:1px solid rgba(241,197,127,.2)}
.pay-checkout-top span{font:700 10px Outfit,sans-serif;letter-spacing:.16em;color:#ddbb85}.pay-checkout-top h3{font:700 26px/1.1 Outfit,sans-serif;letter-spacing:-.03em;margin:8px 0 0}.pay-checkout-monogram{font:900 31px/1 Outfit,sans-serif;color:#efc986;border:1px solid rgba(236,194,126,.35);height:59px;width:59px;display:grid;place-items:center;border-radius:50%;transform:rotate(-11deg)}.pay-checkout-monogram span{font-size:27px;color:#fff;letter-spacing:-.1em}
.pay-checkout-content{padding:24px 25px 25px}
.pay-selected{padding:16px;background:linear-gradient(90deg,rgba(193,144,70,.15),rgba(226,184,119,.04));border:1px solid rgba(237,194,119,.23);border-radius:4px;margin-bottom:23px}.pay-selected-label{display:block;margin-bottom:11px;font:700 10px Outfit,sans-serif;color:#ceaf7e;letter-spacing:.15em}.pay-selected-main{display:flex;gap:12px;align-items:center}.pay-small-mark{display:grid;place-items:center;flex:none;min-width:54px;height:39px;border-radius:4px;background:#eec781;color:#191711;font:800 11px Outfit,sans-serif}.pay-selected-main>div{display:grid;gap:3px;flex:1}.pay-selected-main strong{font:700 17px Outfit,sans-serif}.pay-selected-main small{font-size:11px;color:#a9b1ae}.pay-tick{display:grid;place-items:center;border:1px solid #bc9764;border-radius:50%;width:21px;height:21px;color:#ecc180;font-size:12px}
.pay-form-field{display:grid;gap:8px;min-width:0;margin-bottom:18px}.pay-form-field label{font:700 10px Outfit,sans-serif;letter-spacing:.13em;color:#b9bdb8}.pay-form-field label span{font-weight:500;letter-spacing:0;color:#798581}
.pay-form-field input,.pay-form-field select{height:47px;width:100%;min-width:0;padding:0 13px;border-radius:3px;border:1px solid rgba(216,217,204,.22);background:#0a1112;color:#f6f2e8;outline:none;font-size:13px}.pay-form-field input::placeholder{color:#7f8888}.pay-form-field input:focus,.pay-form-field select:focus{border-color:#e2bb79}.pay-form-field select option{background:#111d1e;color:#fff}
.pay-form-row{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:11px}.pay-form-row .pay-form-field{margin-bottom:21px}
.pay-summary{display:grid;gap:13px;background:#0b1213;border:1px solid rgba(211,198,163,.14);padding:16px;margin-bottom:15px}.pay-summary>div{display:flex;gap:9px;align-items:center;justify-content:space-between}.pay-summary>div+div{padding-top:12px;border-top:1px solid rgba(208,204,184,.09)}.pay-summary span{font:600 10px Outfit,sans-serif;letter-spacing:.1em;color:#95a2a0}.pay-summary strong{font:700 13px Outfit,sans-serif;color:#ffdfaa;text-align:right}
.pay-method-guide{border-left:2px solid #d0a56d;padding:1px 0 2px 13px;margin:0 0 20px}.pay-method-guide strong{font:700 13px Outfit,sans-serif;color:#f8e4c4}.pay-method-guide p{margin:4px 0 0;font-size:12px;line-height:1.6;color:#acb9b5}
.pay-request-button,.pay-hosted-checkout{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 16px;background:linear-gradient(100deg,#e9bb74,#ffdc95);color:#131510;border:0;border-radius:3px;font:800 11px Outfit,sans-serif;letter-spacing:.065em;transition:filter .2s,transform .2s}.pay-request-button:hover,.pay-hosted-checkout:hover{filter:brightness(1.08);transform:translateY(-1px)}.pay-request-button span{font-size:20px;font-weight:400;line-height:1}
.pay-hosted-checkout{margin-top:9px;text-align:center;justify-content:center;border:1px solid #c5ac7d;background:transparent;color:#eec27d}
.pay-copy-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;color:#e2d3b6;background:transparent;border:none;font:600 10px Outfit,sans-serif;letter-spacing:.12em;margin:13px 0;padding:8px}.pay-copy-button span{font-size:17px}
.pay-checkout-disclaimer{font-size:11px;color:#83918f;line-height:1.55;margin:6px 0 0}.pay-feedback{font-size:12px;color:#e6c589;line-height:1.6;margin-top:9px}.pay-feedback:empty{display:none}
.pay-configured{display:grid;gap:9px;margin:0 0 14px;padding:15px;background:#0b1515;border:1px solid #927849;border-radius:3px}.pay-configured>strong{font:700 12px Outfit,sans-serif;color:#f7ce86}.pay-configured>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;overflow-wrap:anywhere}.pay-configured>div span{color:#95a19e}.pay-configured>div b{text-align:right}
.pay-checkout-bottom{display:flex;justify-content:space-between;gap:12px;padding:16px 25px;background:#0a1112;border-top:1px solid rgba(223,197,156,.12);font:700 9px Outfit,sans-serif;letter-spacing:.11em;color:#8c9694}.pay-checkout-bottom span:first-child{color:#bda477}
.pay-bottom-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid rgba(228,192,133,.22);margin-top:31px;padding:27px 0 0}.pay-bottom-strip>div{display:grid;grid-template-columns:33px 1fr;column-gap:10px;row-gap:2px;align-items:start}.pay-step-no{grid-row:1/3;font:600 16px Outfit,sans-serif;color:#e2ba76}.pay-bottom-strip strong{font:700 12px Outfit,sans-serif;color:#f1e2c9}.pay-bottom-strip small{font-size:11px;color:#8f9a97;line-height:1.5}
@media(max-width:1060px){.pay-layout{grid-template-columns:minmax(0,1fr) minmax(325px,.85fr)}.pay-methods-side{padding:17px}.pay-checkout-content{padding:20px}.pay-method{min-height:127px}}
@media(max-width:870px){.pay-layout{grid-template-columns:1fr}.pay-checkout{position:static;max-width:none}.pay-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-head-seal{height:112px;width:112px}.pay-checkout-content{padding:23px 25px}}
@media(max-width:590px){.payments-section{padding:72px 0}.pay-headline{align-items:flex-start}.pay-headline h2{font-size:clamp(40px,11vw,56px)}.pay-headline p{font-size:14px}.pay-head-seal{display:none}.pay-banner{align-items:start;gap:10px;padding:13px}.pay-banner-icon{width:28px;height:28px;font-size:18px}.pay-banner-status{display:none}.pay-methods-side{padding:14px}.pay-sidebar-header{font-size:9px}.pay-filter{font-size:10px;padding:8px 10px}.pay-method-grid{gap:8px}.pay-method{min-height:122px;padding:12px 10px;gap:10px}.pay-method-copy strong{font-size:13px}.pay-method-copy small{font-size:10px}.pay-logo{min-height:31px;max-height:31px;transform:scale(.94);transform-origin:left center}.pay-checkout-top{padding:21px}.pay-checkout-content{padding:20px}.pay-checkout-top h3{font-size:23px}.pay-checkout-monogram{height:49px;width:49px;font-size:24px}.pay-bottom-strip{grid-template-columns:1fr;gap:18px}.pay-bottom-strip>div{grid-template-columns:28px 1fr}.pay-bottom-strip small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.pay-method,.pay-request-button,.pay-hosted-checkout{transition:none}}

/* Owner-provided transfer identifiers + real screenshot QR, isolated to Payment Desk. */
.pay-qr[hidden]{display:none!important}
.pay-logo-mobile{background:linear-gradient(135deg,#f6d28a,#b48a49);color:#17120a;font:900 15px/1 Outfit,sans-serif}
.pay-logo-binance{background:linear-gradient(120deg,#f5ca46,#da9c28);color:#111;font:900 15px/1 Outfit,sans-serif}
.pay-method--ready{border-color:rgba(231,189,108,.38)}
.pay-method--ready .pay-method-copy small{color:#cbb389}
.pay-configured .pay-detail-row{display:grid;grid-template-columns:minmax(92px,.7fr) minmax(0,1.45fr) auto;align-items:center;gap:8px;border-top:1px solid rgba(235,215,178,.09);padding:11px 0;overflow:visible}
.pay-configured .pay-detail-row>span{font:600 11px Outfit,sans-serif;color:#9ea9a3}
.pay-configured .pay-detail-row>b{font:700 12px/1.6 'DM Sans',sans-serif;color:#f2e6cb;text-align:left;overflow-wrap:anywhere;word-break:break-word}
.pay-configured .pay-detail-row>b.pay-wallet-address{font:600 11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#ffe1a1}
.pay-copy-inline{border:1px solid rgba(241,196,117,.5);border-radius:3px;background:#2a2418;color:#f3c779;padding:8px 9px;font:800 9px Outfit,sans-serif;letter-spacing:.05em;white-space:nowrap;cursor:pointer}
.pay-copy-inline:hover{background:#d2a767;color:#191309}
.pay-details-verify{font-size:11px;line-height:1.65;color:#b2aaa0;border-top:1px solid rgba(235,215,178,.11);padding-top:13px}
.pay-qr{display:grid;gap:11px;padding:15px 16px 18px;background:linear-gradient(180deg,#1b2524,#0a1011);border:1px solid rgba(237,191,113,.35);border-radius:4px;margin:-2px 0 18px}
.pay-qr>strong{font:700 12px Outfit,sans-serif;color:#ebc17a}
.pay-qr-image-wrap{background:#fff;padding:13px;border-radius:8px;display:grid;place-items:center;max-width:278px;width:100%;margin:auto;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.pay-qr-image-wrap img{width:100%;aspect-ratio:1;object-fit:contain;image-rendering:auto;display:block}
.pay-qr p{font-size:11px;line-height:1.6;color:#b9c3be;margin:0;text-align:center}
.pay-qr .pay-qr-warning{text-align:left;border-left:2px solid #dbb26f;padding:4px 0 4px 10px;color:#edd5ac}
@media(max-width:420px){.pay-configured .pay-detail-row{grid-template-columns:minmax(0,1fr) auto}.pay-configured .pay-detail-row>span{grid-column:1/-1}.pay-configured .pay-detail-row>b{min-width:0}.pay-copy-inline{padding:8px}.pay-qr-image-wrap{max-width:230px}}
