/* VF_PREMIUM_SELECTS_V1 */
.vfps-wrap{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
}
.vfps-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
}
.vfps-trigger{
  width:100%!important;
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:8px 12px!important;
  border:1px solid #dfe4f3!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#fff,#fbfcff)!important;
  color:#172147!important;
  box-shadow:0 5px 16px rgba(53,67,115,.05)!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.vfps-trigger:hover,
.vfps-wrap.open .vfps-trigger{
  border-color:#8066ef!important;
  box-shadow:0 0 0 3px rgba(112,78,231,.09),0 9px 22px rgba(64,74,132,.08)!important;
}
.vfps-trigger-main,.vfps-option{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
.vfps-trigger-main{flex:1!important}
.vfps-chevron{
  flex:0 0 auto!important;
  color:#7b86a5!important;
  font-size:16px!important;
  transition:.18s ease!important;
}
.vfps-wrap.open .vfps-chevron{transform:rotate(180deg)!important}
.vfps-coin{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  background:linear-gradient(135deg,var(--vfps-c1),var(--vfps-c2))!important;
  box-shadow:0 6px 14px color-mix(in srgb,var(--vfps-c1) 28%,transparent)!important;
}
.vfps-net-dot{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  color:#fff!important;
  font-weight:900!important;
  background:linear-gradient(135deg,#4ba9f9,#8150ef)!important;
  box-shadow:0 6px 14px rgba(78,94,225,.19)!important;
}
.vfps-flag{
  width:38px!important;
  height:30px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#f4f6fd!important;
  border:1px solid #e5e9f4!important;
  font-size:23px!important;
  line-height:1!important;
}
.vfps-text{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
.vfps-text b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#172147!important;
  font-size:13px!important;
  font-weight:850!important;
}
.vfps-text small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#7f8aa5!important;
  font-size:10px!important;
  font-weight:650!important;
}
.vfps-menu{
  display:none!important;
  position:absolute!important;
  z-index:10000!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 7px)!important;
  max-height:min(380px,54vh)!important;
  overflow:auto!important;
  padding:7px!important;
  background:rgba(255,255,255,.98)!important;
  backdrop-filter:blur(18px)!important;
  border:1px solid #dfe3f2!important;
  border-radius:15px!important;
  box-shadow:0 24px 60px rgba(24,35,78,.18)!important;
}
.vfps-wrap.open .vfps-menu{display:grid!important;gap:3px!important}
.vfps-option{
  width:100%!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  padding:9px 10px!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:.15s ease!important;
}
.vfps-option:hover{background:#f4f5ff!important}
.vfps-option.selected{
  background:linear-gradient(100deg,#eef7ff,#f3efff)!important;
  box-shadow:inset 0 0 0 1px #dcd8fb!important;
}
.vfps-option.selected .vfps-text b{color:#5737d0!important}

/* Country dropdown can be longer; keep headers/disabled separators clear. */
body[data-section="cashout"] .vfps-menu{
  max-height:min(430px,58vh)!important;
}

/* Escrow modals sit above the blurred overlay. */
#vf2ModalRoot .vfps-menu{z-index:10050!important}

/* Mobile: touch-friendly, full-width, no tiny native controls. */
@media(max-width:768px){
  .vfps-trigger{min-height:58px!important;padding:9px 11px!important;border-radius:15px!important}
  .vfps-coin,.vfps-net-dot{width:38px!important;height:38px!important;flex-basis:38px!important}
  .vfps-text b{font-size:14px!important}
  .vfps-text small{font-size:10px!important}
  .vfps-menu{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:12px!important;
    max-height:62vh!important;
    border-radius:20px!important;
    padding:10px!important;
    box-shadow:0 -12px 50px rgba(20,30,67,.22)!important;
  }
  .vfps-option{padding:11px!important}
}


/* VF_PREMIUM_SELECTS_MOBILE_PORTAL_V11 */
@media(max-width:768px){
  body > .vfps-menu.vfps-menu-portal{
    display:none!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:12px!important;
    z-index:2147483000!important;
    max-height:62vh!important;
    overflow:auto!important;
    border-radius:20px!important;
    padding:10px!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -12px 50px rgba(20,30,67,.25)!important;
  }
  body > .vfps-menu.vfps-menu-portal.open{
    display:grid!important;
    gap:3px!important;
  }
}
