/* 4.82 — Checkout by Fonepay box on the top-up page. Fonepay red #ce2027 / black #0a0d12 per their brand guideline. */
#wnFpcBox{ max-width:480px; margin:24px auto 0; background:var(--white,#fff); border:1.5px solid var(--ink,#120A08); border-radius:16px; padding:22px 20px; text-align:center; }
#wnFpcBox[hidden], #wnTopupCard[hidden]{ display:none; }
.wn-fpc-head{ margin-bottom:10px; }
.wn-fpc-logo{ display:inline-block; border:1.5px solid #0a0d12; border-radius:6px; padding:5px 12px; font-weight:700; font-size:.92rem; color:#0a0d12; background:#fff; }
.wn-fpc-logo b{ color:#ce2027; }
.wn-fpc-logo-img{ height:35px; width:auto; }
.wn-fpc-test{ display:inline-block; margin:0 0 8px; padding:2px 10px; border-radius:999px; background:#FAEEDA; color:#633806; font-size:.72rem; font-weight:700; }
.wn-fpc-amt{ font-size:1.4rem; font-weight:800; margin:2px 0 4px; }
.wn-fpc-amt span{ font-size:.85rem; font-weight:600; color:var(--ink-soft,#5A5247); }
.wn-fpc-lead{ font-size:.92rem; font-weight:600; margin:6px 0 12px; }
.wn-fpc-qr{ width:220px; max-width:100%; margin:0 auto; padding:8px; background:#fff; border:1px solid var(--line,#e6dfd3); border-radius:12px; }
.wn-fpc-qr svg{ display:block; width:100%; height:auto; }
.wn-fpc-net{ display:block; height:22px; width:auto; margin:8px auto 0; }
.wn-fpc-steps{ text-align:left; display:inline-block; margin:14px auto 4px; padding-left:20px; font-size:.86rem; color:var(--ink-soft,#5A5247); line-height:1.7; }
.wn-fpc-search{ width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid var(--line,#e6dfd3); border-radius:10px; font-size:1rem; margin-bottom:8px; }
.wn-fpc-banks{ list-style:none; margin:0; padding:0; text-align:left; max-height:340px; overflow:auto; border:1px solid var(--line,#e6dfd3); border-radius:12px; }
.wn-fpc-banks li[hidden]{ display:none; }
.wn-fpc-banks li + li{ border-top:1px solid var(--line,#e6dfd3); }
.wn-fpc-banks button{ display:flex; align-items:center; gap:12px; width:100%; padding:11px 12px; background:none; border:0; font:inherit; font-size:.95rem; font-weight:600; color:var(--ink,#120A08); cursor:pointer; text-align:left; }
.wn-fpc-banks button:hover, .wn-fpc-banks button:focus-visible{ background:var(--paper-deep,#f4efe6); }
.wn-fpc-banks img, .wn-fpc-dot{ width:32px; height:32px; flex:none; object-fit:contain; border-radius:8px; background:#fff; }
.wn-fpc-dot{ background:var(--paper-deep,#f4efe6); }
.wn-fpc-note{ font-size:.82rem; color:var(--ink-soft,#5A5247); margin:10px 0 0; }
.wn-fpc-note.is-warn{ color:#a33; font-weight:600; }
.wn-fpc-switch{ font-size:.85rem; margin:10px 0 0; }
.wn-fpc-switch a{ color:var(--clay-deep,#9a3d1e); font-weight:700; }
.wn-fpc-status{ margin:16px 0 10px; font-size:.86rem; color:var(--ink-soft,#5A5247); }
.wn-fpc-status.is-ok{ background:#EAF3DE; color:#27500A; border-radius:10px; padding:10px; font-weight:700; font-size:.95rem; }
.wn-fpc-status.is-warn{ background:#fdeceb; color:#a33; border-radius:10px; padding:10px; font-weight:600; }
.wn-fpc-check{ width:100%; padding:12px; border:0; border-radius:10px; background:#ce2027; color:#fff; font:inherit; font-weight:700; font-size:.95rem; cursor:pointer; }
.wn-fpc-check:hover{ background:#b21b21; }
.wn-fpc-auto{ font-size:.78rem; color:var(--ink-soft,#5A5247); margin:8px 0 0; }
.wn-fpc-auto a{ color:inherit; }
.wn-fpc-again{ margin-top:12px; padding:9px 18px; border:1.5px solid var(--ink,#120A08); border-radius:999px; background:#fff; font:inherit; font-weight:700; cursor:pointer; }
#wnPayFonepay.is-fpc{ background:#fff; border-color:#0a0d12; color:#0a0d12; }
#wnPayFonepay.is-fpc b{ color:#ce2027; }
@media (max-width:600px){
  #wnFpcBox{ padding:18px 14px; border-radius:14px; }
  .wn-fpc-banks{ max-height:none; }
}

/* 4.83 — inside the shop buy pop-up */
#wnFpcBox.wn-fpc-in-modal{ margin:0; border:0; padding:0; max-width:none; }
.wn-fpc-save{ padding:10px 18px; border:1.5px solid #0a0d12; border-radius:999px; background:#fff; font:inherit; font-weight:700; cursor:pointer; }