/* Inherit geometry, typography, shadow and interactions from the existing FPX button. */
@font-face{font-family:Manrope;src:url('/pay/fiuu/assets/topup-b-v1/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
.pf-manpay-modern .pf-mp-btn.pf-mp-btn{font-family:Manrope,Arial,sans-serif}
.pf-manpay-modern .pf-fiuu-method{background:linear-gradient(180deg,#46a2ff,#2f6fff);padding:0 12px}
.pf-manpay-modern .pf-fiuu-logo{display:flex;align-items:center;justify-content:center;overflow:hidden;width:64px;height:38px;flex:0 0 64px;border-radius:0;background:transparent}
/* Frame original provider PNGs without modifying their artwork. */
.pf-manpay-modern .pf-fiuu-logo img{display:block;flex:none;width:96px;height:auto;max-width:none}
.pf-manpay-modern .pf-fiuu-logo-grabpay img{width:70px}
.pf-manpay-modern .pf-fiuu-logo-duitnow img,.pf-manpay-modern .pf-fiuu-logo-tng img{width:110px}
.pf-manpay-modern .pf-fiuu-method .pf-fiuu-label{min-width:0;white-space:normal;text-align:center;font:inherit;line-height:1.3}
@media(prefers-reduced-motion:reduce){.pf-manpay-modern .pf-fiuu-method{transition:none}}
/* Medium blue treatment; destinations and gateway policies are unchanged. */
.pf-manpay-modern .pf-mp-btn.pf-mp-btn{background:#032a7d;box-shadow:0 3px 8px rgba(41,68,105,.12);display:grid;grid-template-columns:64px minmax(0,1fr);justify-content:initial;align-items:center;gap:14px;padding:0 20px;text-align:left;height:54px;font-size:15px;border:1px solid rgba(255,255,255,.08)}
.pf-manpay-modern .pf-mp-note.pf-mp-note{max-width:100%;box-sizing:border-box;line-height:1.5}
.pf-manpay-modern .pf-mp-note span{min-width:0;white-space:normal}
.pf-manpay-modern .pf-mp-check{display:block;width:20px;height:20px;flex:0 0 20px;color:#426797}
.pf-manpay-modern.pf-manpay-modern .pf-mp-note.pf-mp-note{gap:8px;border:1px solid #d3e5ff;border-radius:99px}
.pf-manpay-modern .pf-mp-btn span{white-space:normal}
.pf-manpay-modern .pf-mp-btn.pf-mp-btn>span:last-child{white-space:normal;min-width:0;line-height:1.4}
.pf-manpay-modern .pf-mp-btn .pf-mp-fpx-logo{justify-content:center}
.pf-manpay-modern .pf-mp-btn .pf-mp-card-ico,.pf-manpay-modern .pf-mp-btn .pf-mp-binance-mark{justify-self:center}
.pf-manpay-modern .pf-fiuu-logo img{width:150px}
.pf-manpay-modern .pf-fiuu-logo-grabpay img{width:104px}
.pf-manpay-modern .pf-fiuu-logo-shopeepay img{width:140px}
.pf-manpay-modern .pf-fiuu-method .pf-fiuu-label{text-align:left}
.pf-manpay-modern .pf-mp-btn.pf-mp-btn:hover{box-shadow:0 5px 12px rgba(41,68,105,.16);transform:translateY(-1px)}
.pf-manpay-modern .pf-fiuu-logo-grabpay img,.pf-manpay-modern .pf-fiuu-logo-shopeepay img{filter:url(#fiuu-clear-white)}
.pf-manpay-modern .pf-fiuu-logo-tng img{width:220px;clip-path:inset(27% 41.5% 26% 41.7% round 8px)}
@media(max-width:600px){.pf-manpay-modern .pf-mp-btn.pf-mp-btn{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:0 12px;font-size:13px;height:54px}.pf-manpay-modern .pf-fiuu-logo{width:58px}}
@media(prefers-reduced-motion:reduce){.pf-manpay-modern .pf-mp-btn{transition:none}}

/* A self-contained wallet mark does not depend on the site's icon font. */
.pf-manpay-modern .pf-mp-shield.pf-mp-shield{width:80px;height:80px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:2px;border-radius:20px;background:linear-gradient(145deg,#fff 8%,#e6f1ff 100%);border:1px solid #d3e5ff;color:#2265d4;box-shadow:0 7px 18px rgba(36,94,176,.14),inset 0 1px 0 #fff}
.pf-manpay-modern .pf-mp-wallet-icon{width:48px;height:41px;display:block;filter:drop-shadow(0 2px 3px rgba(36,94,176,.12))}
.pf-manpay-modern .pf-mp-topup-label{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:.1px;color:#17458b}
@media(min-width:992px){
 .pf-manpay-modern.pf-manpay-modern{max-width:680px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:12px}
 .pf-manpay-modern> :not(.pf-mp-btn){grid-column:1 / -1}
 .pf-manpay-modern .pf-mp-shield.pf-mp-shield{margin:0 auto 4px}
 .pf-manpay-modern .pf-mp-title{margin:0;font-size:36px}
 .pf-manpay-modern .pf-mp-divider{margin:0 auto}
 .pf-manpay-modern .pf-mp-mini{margin:0}
 .pf-manpay-modern .pf-mp-note.pf-mp-note{justify-self:center;margin:0}
 .pf-manpay-modern .pf-mp-arrow{margin:0}
 .pf-manpay-modern .pf-mp-section{margin:4px 0 0}
 .pf-manpay-modern .pf-mp-btn.pf-mp-btn{height:64px;min-width:0;margin:0;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:0 12px;font-size:15px;line-height:1.4}
 .pf-manpay-modern .pf-mp-btn.pf-mp-btn + .pf-mp-btn{margin-top:0}
 .pf-manpay-modern .pf-fiuu-logo{width:58px}
}

/* Original official marks, no CSS recreation of payment network logos. */
.pf-manpay-modern .pf-mp-real-fpx{display:flex;align-items:center;justify-content:center;width:58px}
.pf-manpay-modern .pf-mp-real-fpx img{display:block;width:58px;height:auto;max-width:100%}
.pf-manpay-modern .pf-mp-card-brands{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:58px;height:40px}
.pf-manpay-modern .pf-mp-card-brands>span{display:flex;align-items:center;justify-content:center;overflow:hidden;width:54px;flex:none}
.pf-manpay-modern .pf-mp-visa{height:18px;border-radius:3px;background:#fff}
.pf-manpay-modern .pf-mp-mastercard{height:20px}
.pf-manpay-modern .pf-mp-card-brands img{display:block;flex:none;max-width:none;width:120px;height:auto}
.pf-manpay-modern .pf-mp-mastercard img{width:126px}

/* Selected white-minimal presentation. Repeated scope wins over legacy inline CSS. */
@font-face{font-family:Manrope;src:url('/pay/fiuu/assets/topup-b-v1/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/pay/fiuu/assets/topup-b-v1/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
.pf-manpay-modern.pf-manpay-modern{font-family:Manrope,Arial,sans-serif;box-shadow:none;border:1px solid #e8edf4}
.pf-manpay-modern.pf-manpay-modern .pf-mp-title{letter-spacing:-.8px}
.pf-manpay-modern.pf-manpay-modern .pf-mp-arrow{display:none}
.pf-manpay-modern.pf-manpay-modern .pf-mp-note.pf-mp-note{font-size:11px;margin-bottom:8px;background:linear-gradient(145deg,#fff 8%,#e6f1ff 100%);color:#4c617d;font-weight:600}
.pf-manpay-modern.pf-manpay-modern .pf-mp-section{color:#526782;margin-top:12px;margin-bottom:6px}
.pf-manpay-modern.pf-manpay-modern .pf-mp-section span{background:#e4eaf2;height:1px}
.pf-manpay-modern.pf-manpay-modern .pf-mp-section strong{font-size:13px;font-weight:700}
.pf-manpay-modern.pf-manpay-modern .pf-mp-btn.pf-mp-btn{background:#fff;color:#173459!important;border:1px solid #dbe3ed;border-radius:14px;box-shadow:0 2px 5px rgba(30,52,83,.045);grid-template-columns:60px minmax(0,1fr) 12px;gap:12px;padding:0 14px;height:76px;min-width:0;font-size:15px}
.pf-manpay-modern.pf-manpay-modern .pf-mp-btn.pf-mp-btn::after{content:'\203a';font-family:Arial,sans-serif;font-size:23px;font-weight:400;color:#94a5bb;justify-self:end}
.pf-manpay-modern.pf-manpay-modern .pf-mp-btn.pf-mp-btn>:nth-child(2){min-width:0;white-space:normal;line-height:1.5}
.pf-manpay-modern.pf-manpay-modern .pf-mp-btn.pf-mp-btn:hover{background:#f8fbff;border-color:#b7cbe5;box-shadow:0 3px 9px rgba(30,52,83,.08)}
.pf-manpay-modern.pf-manpay-modern .pf-mp-btn.pf-mp-btn:focus-visible{outline:2px solid #2265d4;outline-offset:3px}
.pf-manpay-modern.pf-manpay-modern .pf-mp-real-fpx{width:60px;height:42px;overflow:hidden}
.pf-manpay-modern.pf-manpay-modern .pf-mp-real-fpx img{max-width:none;width:58px;flex:none}
.pf-manpay-modern.pf-manpay-modern .pf-mp-visa{background:transparent}
.pf-manpay-modern.pf-manpay-modern .pf-mp-binance-mark{background:#fff6d7}
.pf-manpay-modern.pf-manpay-modern .pf-mp-binance-mark svg{fill:#b88709}
@media(min-width:992px){
 .pf-manpay-modern.pf-manpay-modern{max-width:760px;padding:26px;column-gap:14px;row-gap:12px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-title{font-size:30px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-mini{font-size:13px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-shield.pf-mp-shield{width:66px;height:66px;border-radius:18px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-wallet-icon{width:40px;height:34px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-topup-label{font-size:10px;line-height:12px}
}
@media(max-width:991px){
 .pf-manpay-modern.pf-manpay-modern{padding:20px 14px;max-width:350px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-title{font-size:22px;line-height:1.25}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-mini{margin-top:14px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-shield.pf-mp-shield{width:64px;height:64px;border-radius:18px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-wallet-icon{width:38px;height:32px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-topup-label{font-size:10px;line-height:12px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-note.pf-mp-note{font-size:10px;padding:7px;margin:2px 0 10px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-btn.pf-mp-btn{height:56px;font-size:13px;padding:0 10px;gap:9px;grid-template-columns:58px minmax(0,1fr) 10px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-btn.pf-mp-btn + .pf-mp-btn{margin-top:8px}
 .pf-manpay-modern.pf-manpay-modern .pf-mp-section{margin-top:16px;margin-bottom:12px}
}