/* FATI X PRO Country-first checkout — private account preview only. */
.fx-country-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:8px}
.fx-country-badge{height:40px;min-width:49px;padding:5px 7px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f7fafc;color:#14202d;box-shadow:0 2px 8px #0003}
.fx-country-badge img{max-width:75px;max-height:28px;object-fit:contain}
.fx-country-badge.word{font-size:12px;font-weight:950;letter-spacing:-.04em}
.fx-country-badge.word.naya{color:#6823bd}.fx-country-badge.word.sada{color:#118977}
.fx-country-preview-tag{display:inline-flex;align-items:center;gap:7px;margin:0 0 16px;padding:9px 14px;color:#b2fbf0;border:1px solid #3b8179;border-radius:10px;background:#14302f;font:700 12px/1.5 system-ui,sans-serif}
.fx-country-preview-button{display:block;width:100%;margin-top:10px;padding:9px;border:1px solid #316a67;color:#83e9dc;background:#102626;border-radius:10px;font-size:11px;font-weight:800;cursor:pointer;letter-spacing:.04em}
.fx-country-preview-button:hover{border-color:#61d8c6;background:#193738}
.fx-country-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(0,5,11,.77);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}
.fx-country-overlay[hidden]{display:none!important}
.fx-country-panel{position:relative;max-width:680px;width:100%;max-height:min(94vh,900px);overflow:auto;color:#ecf6fa;border:1px solid #375357;border-radius:23px;background:linear-gradient(150deg,#14222c,#091119 66%);box-shadow:0 40px 100px #000a;padding:28px}
.fx-country-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.fx-country-kicker{color:#79e8d6;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900}
.fx-country-title{font-size:clamp(24px,5vw,34px);line-height:1.1;letter-spacing:-.04em;margin:10px 0}
.fx-country-sub{color:#a2b6bf;font-size:13px;line-height:1.65;margin:0 0 22px}
.fx-country-close{height:43px;width:43px;flex-shrink:0;border:1px solid #466069;background:#162931;color:#effbfc;border-radius:13px;font-size:24px;cursor:pointer}
.fx-country-summary{border:1px solid #30454e;border-radius:16px;padding:17px;background:#111d26;display:flex;align-items:center;justify-content:space-between;gap:10px}
.fx-country-small{display:block;text-transform:uppercase;letter-spacing:.11em;color:#89a4b0;font-size:10px;font-weight:850;margin-bottom:7px}
.fx-country-plan{font-size:20px;font-weight:850}
.fx-country-description{color:#96acb9;font-size:12px;margin-top:4px}
.fx-country-money{font-size:24px;font-weight:950;white-space:nowrap}
.fx-country-section{margin-top:24px}
.fx-country-section-title{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:13px;font-weight:850;margin-bottom:10px}
.fx-country-step{background:#244a48;color:#96f7e4;width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px}
.fx-country-select{color:#f3fbfc;width:100%;padding:14px 15px;background:#0e1922;border:1px solid #49606a;border-radius:12px;font-size:15px;outline:none}
.fx-country-select:focus{border-color:#67e5d3;box-shadow:0 0 0 2px #67e5d333}
.fx-country-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fx-country-paymethod{min-width:0;min-height:81px;display:flex;flex-direction:column;gap:7px;justify-content:center;align-items:center;background:#f7fafc;border:2px solid transparent;border-radius:13px;color:#20303b;padding:12px 6px;cursor:pointer;transition:background .12s,border-color .12s}
.fx-country-paymethod:hover{background:#e8fff9}
.fx-country-paymethod[aria-pressed="true"]{border-color:#3cdbca;box-shadow:0 0 0 2px #3cdbc944}
.fx-country-paymethod img{width:auto;max-width:90%;height:30px;object-fit:contain}
.fx-country-paymethod .wordmark{font-size:17px;font-weight:950;letter-spacing:-.06em}
.fx-country-paymethod .wordmark.naya{color:#6819a5}.fx-country-paymethod .wordmark.sada{color:#108e7b}
.fx-country-paymethod small{font-size:10px;color:#566674;font-weight:750}
.fx-country-methods[hidden],.fx-country-help[hidden],.fx-country-choice[hidden]{display:none!important}
.fx-country-help{font-size:12px;color:#9fb5bf;line-height:1.6;margin:10px 0}
.fx-country-choice{margin-top:16px;padding:15px;border:1px solid #325e5b;background:#102927;border-radius:13px;display:flex;gap:13px;align-items:flex-start}
.fx-country-choice-mark{font-size:22px;color:#90f2dd}
.fx-country-choice strong{font-size:13px}
.fx-country-choice p{color:#9eb8bb;font-size:12px;line-height:1.55;margin:4px 0 0}
.fx-country-continue{width:100%;margin-top:20px;border:0;border-radius:13px;cursor:pointer;background:linear-gradient(90deg,#8debd8,#cfdfef);color:#132b30;padding:16px;font-size:13px;font-weight:900;letter-spacing:.05em}
.fx-country-continue:disabled{cursor:not-allowed;opacity:.4}
.fx-country-result{margin-top:14px;padding:13px 15px;line-height:1.6;border-radius:12px;font-size:12px;background:#0c1a23;color:#b3cbd3;border:1px solid #2b454f}
.fx-country-result[data-tone="ok"]{border-color:#2b8f7c;color:#91e8d5}
.fx-country-result[data-tone="warn"]{border-color:#956a42;color:#ffd3a1}
.fx-country-result[hidden]{display:none!important}
.fx-country-secure{color:#849ca9;font-size:11px;text-align:center;line-height:1.6;margin:17px 0 0}
.fx-country-link{color:#97eadb;text-decoration:underline}
body.fx-country-modal-open{overflow:hidden}
@media(max-width:620px){.fx-country-panel{padding:21px 15px;border-radius:18px;max-height:96vh}.fx-country-methods{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-country-money{font-size:20px}.fx-country-summary{padding:13px}.fx-country-plan{font-size:17px}.fx-country-preview-tag{font-size:10px}}
@media(max-width:385px){.fx-country-methods{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 2026-10-20: Match the existing FATI X PRO checkout palette/components.
   These selectors are private and have no effect on the public checkout. */
.fx-country-overlay{
  padding:22px;
  background:radial-gradient(circle at 50% 0%,rgba(43,198,184,.12),transparent 38%),rgba(2,6,10,.82);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.fx-country-panel{
  width:min(810px,100%);max-width:810px;max-height:min(92vh,940px);
  padding:30px;border:1px solid rgba(133,170,194,.22);border-radius:28px;
  background:radial-gradient(circle at 90% 0%,rgba(52,201,188,.08),transparent 34%),
    linear-gradient(145deg,#121a23 0%,#0b1118 58%,#091017 100%);
  box-shadow:0 26px 80px rgba(0,0,0,.56),0 0 38px rgba(74,220,205,.06);
  scrollbar-width:thin
}
.fx-country-top{align-items:flex-start;padding-right:0}
.fx-country-kicker{color:#73e5d8;font-size:10px;font-weight:900;letter-spacing:.14em}
.fx-country-title{color:#f2f7fb;font-size:clamp(25px,4vw,35px);line-height:1.08;letter-spacing:-.035em;margin:9px 0 7px}
.fx-country-sub{color:#8ea0b3;font-size:14px;line-height:1.55;margin:0 0 10px}
.fx-country-close{
  width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;
  padding:0;border:1px solid rgba(154,183,205,.18);border-radius:50%;
  background:rgba(255,255,255,.035);color:#dce8f2;font-size:24px;line-height:1
}
.fx-country-summary{
  margin-top:24px;padding:18px 19px;border:1px solid rgba(131,165,190,.15);
  border-radius:17px;background:rgba(255,255,255,.025)
}
.fx-country-small{color:#73e5d8;font-size:10px;font-weight:900;letter-spacing:.14em}
.fx-country-plan{color:#f2f7fb;font-size:19px;font-weight:850}
.fx-country-description{color:#7f91a3;font-size:11px}
.fx-country-money{color:#f4f8fb;font-size:27px;line-height:1}
.fx-country-section{margin-top:23px}
.fx-country-section-title{color:#8ea0b3;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;margin-bottom:11px}
.fx-country-step{width:21px;height:21px;font-size:11px;background:rgba(55,178,168,.16);color:#8aebde}
.fx-country-select{
  padding:15px 16px;border:1px solid rgba(131,165,190,.25);
  border-radius:14px;background:#121a23;color:#edf4f8;font-size:14px
}
.fx-country-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fx-country-paymethod{
  height:70px;min-height:70px;display:grid;place-items:center;position:relative;
  padding:8px;overflow:hidden;border:1px solid rgba(255,255,255,.88);
  border-radius:14px;background:#f7f9fc;
  box-shadow:0 4px 14px rgba(0,0,0,.19);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}
.fx-country-paymethod:hover{transform:translateY(-1px);background:#f7f9fc}
.fx-country-paymethod[aria-pressed="true"]{
  border-color:#63eadc;box-shadow:0 0 0 2px rgba(99,234,220,.2),
    0 0 22px rgba(99,234,220,.23),0 5px 16px rgba(0,0,0,.22)
}
.fx-country-paymethod[aria-pressed="true"]::after{
  content:"✓";position:absolute;top:5px;right:6px;width:16px;height:16px;
  display:grid;place-items:center;border-radius:50%;background:#1fb9a9;
  color:#04110f;font-size:10px;font-weight:950
}
.fx-country-paymethod span:not(.wordmark){display:grid;place-items:center;max-width:100%;max-height:100%}
.fx-country-paymethod img{max-width:90%;max-height:45px;width:auto;height:auto;object-fit:contain}
.fx-country-paymethod small{display:none}
.fx-country-paymethod[aria-label="Easypaisa"] img{max-width:65px;max-height:43px}
.fx-country-paymethod[aria-label="Card"] img{max-width:52px;max-height:33px}
.fx-country-paymethod[aria-label="Apple Pay"] img{max-width:86px;max-height:37px}
.fx-country-paymethod[aria-label="Google Pay"] img{max-width:94px;max-height:43px}
.fx-country-paymethod[aria-label="SadaPay"] img{max-width:105px}
.fx-country-paymethod[aria-label="NayaPay"] img{max-width:120px}
.fx-country-help{color:#8ea2b4;font-size:11px;line-height:1.55;margin:12px 0}
.fx-country-choice{
  margin-top:15px;padding:14px 15px;align-items:center;
  border:1px solid rgba(93,220,207,.18);border-radius:16px;
  background:rgba(47,199,185,.055)
}
.fx-country-choice-mark{color:#73e5d8}
.fx-country-choice strong{color:#eaf4f8;font-size:14px}
.fx-country-choice p{color:#8ea2b4;font-size:11px;line-height:1.5}
.fx-country-continue{
  margin-top:18px;min-height:56px;padding:0 20px;
  border:1px solid rgba(164,244,236,.40);border-radius:15px;
  background:linear-gradient(135deg,#bfe8e2 0%,#e7f3f5 46%,#b9cfe4 100%);
  color:#091116;font-size:12px;font-weight:950;letter-spacing:.08em;
  box-shadow:0 8px 24px rgba(31,185,169,.12)
}
.fx-country-continue:disabled{
  opacity:.38;filter:grayscale(.35) saturate(.35);
  background:linear-gradient(135deg,#66717b 0%,#7b8791 46%,#687582 100%);
  color:rgba(9,17,22,.72);cursor:not-allowed;box-shadow:none
}
.fx-country-secure{color:#687d90;font-size:10px;line-height:1.5}
.fx-country-preview-tag{border-color:rgba(133,170,194,.22);background:rgba(255,255,255,.025);color:#8ea0b3}
.fx-country-badges{gap:5px}
.fx-country-badge{
  width:44px;height:40px;min-width:44px;padding:4px;
  box-shadow:none;border-radius:8px;background:#f7f9fc
}
.fx-country-badge img{max-width:40px;max-height:31px;object-fit:contain}
.fx-country-badge img[alt="NayaPay"]{max-width:40px}
.fx-country-badge img[alt="SadaPay"]{max-width:40px}
@media(max-width:620px){
  .fx-country-overlay{padding:10px}
  .fx-country-panel{max-height:96vh;padding:23px 15px;border-radius:21px}
  .fx-country-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .fx-country-paymethod{height:63px;min-height:63px}
  .fx-country-summary{padding:14px}
  .fx-country-money{font-size:22px}
}
@media(max-width:380px){.fx-country-methods{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 2026-10-20: restore the missing card glyph and show region-locked methods.
   Locked methods stay clickable only to explain why they cannot proceed. */
.fx-country-paymethod[aria-label="Card"]>span{
  display:flex;align-items:center;justify-content:center;
  width:78px!important;height:52px!important;max-width:100%;max-height:none
}
.fx-country-paymethod[aria-label="Card"] img{
  display:block!important;flex:0 0 auto;
  width:58px!important;height:44px!important;
  min-width:58px;min-height:44px;
  max-width:58px!important;max-height:44px!important;
  object-fit:contain
}
.fx-country-paymethod[aria-disabled="true"]{
  opacity:.50;filter:grayscale(.35);cursor:help
}
.fx-country-paymethod[aria-disabled="true"]:hover{
  opacity:.68;filter:grayscale(.12);transform:none
}
.fx-country-choice[data-tone="unavailable"]{
  border-color:rgba(234,164,105,.42);
  background:rgba(127,75,36,.13)
}
.fx-country-choice[data-tone="unavailable"] .fx-country-choice-mark{
  color:#e7b58b
}
.fx-country-choice[data-tone="unavailable"] strong,
.fx-country-choice[data-tone="unavailable"] p{color:#f2c9a5}

/* Public PRO card logo ordering and visibility; old manual checkout remains as rollback. */
#page-pricing .fx-payment-methods-preview.hidden,
#page-pricing .fx-payment-methods-preview{display:block!important}
#page-pricing .fx-payment-methods-row .fx-country-badges{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
 width:100%;max-width:100%;gap:6px
}
#page-pricing .fx-plan-card .fx-country-badge{height:38px;min-width:43px}
#page-pricing .fx-plan-card .fx-country-badge img{max-width:43px;max-height:30px}
#fxCountryGuestWrap[hidden]{display:none!important}