/* korean mall — Recharge Premium UI
   Visual-only layer for the existing RechargeView.
   No payment, recharge, validation or routing logic is changed. */
:root{--rp-emerald:#008f7b;--rp-teal:#00b39d;--rp-deep:#075e55;--rp-gold:#c9962e;--rp-gold2:#f0c45c;--rp-ink:#183a36;--rp-muted:#70817d;--rp-card:#ffffff;--rp-bg:#f4faf8}

.recharge[data-v-9bb28996]{
  min-height:calc(100vh - 56px);
  padding-bottom:78px!important;
  background:linear-gradient(180deg,#f1faf8 0%,#f8fbfa 42%,#ffffff 100%)!important;
}
.recharge .top_nav[data-v-9bb28996]{
  height:58px!important;
  line-height:58px!important;
  background:linear-gradient(135deg,#006f63 0%,#00a58f 58%,#00bda4 100%)!important;
  box-shadow:0 7px 22px rgba(0,117,103,.20)!important;
  position:relative;z-index:3;
}
.recharge .top_nav .left span[data-v-9bb28996]{font-size:21px!important;font-weight:800!important;letter-spacing:.01em}
.recharge .top_nav .left img[data-v-9bb28996]{width:21px!important;height:21px!important;filter:brightness(0) invert(1);margin-right:28px!important}
.recharge .top_nav .right img[data-v-9bb28996]{width:27px!important;height:27px!important;filter:brightness(0) invert(1);opacity:.96}

.recharge .recharge_box[data-v-9bb28996]{
  width:100%!important;padding:18px 15px 12px!important;box-sizing:border-box;
  background:transparent!important;box-shadow:none!important;
}
.recharge .top_text[data-v-9bb28996]{
  margin:0 0 13px;padding:17px 12px!important;border-radius:20px;
  background:linear-gradient(135deg,#064f49,#087d70 55%,#00a991);
  box-shadow:0 13px 30px rgba(0,110,96,.18),inset 0 1px 0 rgba(255,255,255,.18);
  color:#fff;text-align:center!important;position:relative;overflow:hidden;
}
.recharge .top_text::before[data-v-9bb28996]{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;top:-95px;background:rgba(255,255,255,.10);box-shadow:0 0 55px rgba(255,255,255,.12)}
.recharge .top_text::after[data-v-9bb28996]{content:"";position:absolute;left:-35%;bottom:0;width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:rpSweep 3.2s linear infinite}
.recharge .top_text[data-v-9bb28996],.recharge .top_text span[data-v-9bb28996]{font-size:25px!important;font-weight:900!important;letter-spacing:.01em}
.recharge .top_text span[data-v-9bb28996]{color:#fff!important;position:relative;z-index:1;text-shadow:0 1px 12px rgba(255,255,255,.16)}

.recharge .code_input_box[data-v-9bb28996]{width:100%!important;padding:0!important}
.recharge .code_input[data-v-9bb28996]{
  width:100%!important;height:56px!important;padding:0 16px!important;box-sizing:border-box;
  border-radius:16px!important;background:rgba(255,255,255,.96)!important;
  border:1px solid #dcece8;box-shadow:0 9px 22px rgba(26,70,64,.08)!important;
}
.recharge .code_input img[data-v-9bb28996]{width:24px!important;height:24px!important;opacity:.72;margin-right:9px!important}
.recharge .code_input input[data-v-9bb28996]{font-size:15px!important;color:var(--rp-ink)!important;font-weight:600}
.recharge .code_input input[data-v-9bb28996]::placeholder{color:#87938f}

.recharge .amount_list[data-v-9bb28996]{padding:15px 0 10px!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px}
.recharge .amount_list button[data-v-9bb28996]{
  width:100%!important;margin:0!important;padding:13px 5px!important;border-radius:14px!important;
  background:linear-gradient(145deg,#fff,#f5faf8)!important;border:1px solid #deebe7!important;
  color:#234640!important;font-size:15px!important;font-weight:850!important;
  box-shadow:0 7px 15px rgba(26,70,64,.08)!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important;
}
.recharge .amount_list button:active[data-v-9bb28996]{transform:translateY(1px) scale(.985)}
.recharge .amount_list button.choose_active[data-v-9bb28996]{
  background:linear-gradient(135deg,#007d70,#00b79f)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 9px 20px rgba(0,157,137,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

.recharge .payment_box[data-v-9bb28996]{
  width:100%!important;margin-top:7px;padding:16px 13px 10px!important;box-sizing:border-box;
  border-radius:19px;background:rgba(255,255,255,.92);border:1px solid #e0ece9;
  box-shadow:0 9px 22px rgba(31,65,60,.06);
}
.recharge .payment_text[data-v-9bb28996]{height:auto!important;line-height:1.2!important;margin:0 0 9px!important;font-size:13px!important;color:#637570!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.7px}
.recharge .payment_text::after{content:"Secure payment methods";display:block;margin-top:4px;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none;color:#9aa7a3}
.recharge .payment_box .van-radio[data-v-9bb28996]{height:46px!important;line-height:46px!important;font-size:15px!important;border-radius:12px;margin:4px 0;padding:0 10px;transition:.18s ease}
.recharge .payment_box .van-radio:active{background:#f2faf7}
.recharge .payment_box .van-radio__icon--checked .van-icon{color:var(--rp-emerald)!important;font-size:20px!important}
.recharge .van-radio[data-v-9bb28996] .text{margin-left:22px!important;color:#29443f!important;font-weight:700!important}

.recharge .recharge_btn[data-v-9bb28996]{width:100%!important;padding:15px 0 9px!important;margin:4px 0 7px!important}
.recharge .recharge_btn button[data-v-9bb28996]{
  width:78%!important;min-height:50px!important;border-radius:15px!important;
  background:linear-gradient(135deg,#007f72,#00b49d 58%,#008f7f)!important;
  color:#fff!important;font-size:15px!important;font-weight:900!important;letter-spacing:.2px;
  border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 11px 22px rgba(0,125,112,.23),inset 0 1px 0 rgba(255,255,255,.20)!important;
  position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease!important;
}
.recharge .recharge_btn button[data-v-9bb28996]::after{content:"";position:absolute;top:0;left:-45%;width:32%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);animation:rpButtonShine 3.4s ease-in-out infinite}
.recharge .recharge_btn button:active[data-v-9bb28996]{transform:translateY(1px) scale(.99);box-shadow:0 6px 14px rgba(0,125,112,.20)!important}

/* Existing reward card is intentionally surfaced immediately below RechargeView. */
#rechargeRewardCard{display:none;max-width:560px!important;margin:0 auto!important;padding:0 15px!important;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif!important;position:absolute!important;left:0;right:0;z-index:20!important}
#rechargeRewardCard .rp-reward-card{position:relative;overflow:hidden;padding:16px 15px;border-radius:20px;background:linear-gradient(135deg,#143f38 0%,#007d6f 48%,#00a990 100%);box-shadow:0 13px 30px rgba(0,109,95,.22),inset 0 1px 0 rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.14)}
#rechargeRewardCard .rp-reward-card::before{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-65px;top:-75px;background:rgba(255,255,255,.10);box-shadow:0 0 45px rgba(255,255,255,.08)}
#rechargeRewardCard .rp-reward-card::after{content:"";position:absolute;left:-30%;bottom:0;width:55%;height:2px;background:linear-gradient(90deg,transparent,#f0c45c,transparent);animation:rpSweep 3.8s linear infinite}
#rechargeRewardCard .rp-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);font-size:9px;font-weight:900;letter-spacing:.6px}
#rechargeRewardCard .rp-title{font-size:19px;font-weight:950;margin-top:9px;position:relative;z-index:1;color:#fff}
#rechargeRewardCard .rp-sub{font-size:11px;line-height:1.5;opacity:.88;margin:5px 0 11px;position:relative;z-index:1}
#rechargeRewardCard .rp-link{display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;background:linear-gradient(135deg,#f8d77a,#d7a331);color:#3c2b08;border-radius:12px;padding:11px;font-weight:950;font-size:12px;box-shadow:0 7px 17px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.55);position:relative;z-index:1}
#rechargeRewardCard .rp-link:active{transform:scale(.99)}

@keyframes rpSweep{0%{transform:translateX(-30%)}100%{transform:translateX(260%)}}
@keyframes rpButtonShine{0%,55%{transform:translateX(0);opacity:0}65%{opacity:1}100%{transform:translateX(430%);opacity:0}}
@media(max-width:380px){.recharge .top_text[data-v-9bb28996],.recharge .top_text span[data-v-9bb28996]{font-size:22px!important}.recharge .amount_list[data-v-9bb28996]{gap:8px}.recharge .amount_list button[data-v-9bb28996]{font-size:14px!important}.recharge .recharge_btn button[data-v-9bb28996]{width:84%!important}}
@media(prefers-reduced-motion:reduce){#rechargeRewardCard .rp-reward-card::after,.recharge .top_text::after,.recharge .recharge_btn button[data-v-9bb28996]::after{animation:none!important}}

/* Premium palette V2 — recharge screen chrome only; payment flow unchanged. */
.recharge[data-v-9bb28996] { --rp-emerald:#E83E78!important; --rp-teal:#F15B91!important; --rp-deep:#C92F65!important; --rp-gold:#D99A16!important; --rp-gold2:#F4C64E!important; --rp-ink:#20263A!important; --rp-muted:#667085!important; --rp-card:#FFFFFF!important; --rp-bg:#FFF7FA!important; background:linear-gradient(180deg,#FFF7FA,#F7F8FC 60%,#fff)!important; }
.recharge .top_nav[data-v-9bb28996] { background:linear-gradient(135deg,#C92F65,#E83E78)!important; }



/* Korean Mall Recharge — Premium Emerald/Gold UI V1.
   Styling only: preserves RechargeView structure, payment choices, validation and submit handlers. */
.recharge[data-v-9bb28996]{
  background:
    radial-gradient(ellipse at 8% 20%,rgba(0,211,184,.12),transparent 30%),
    radial-gradient(ellipse at 92% 52%,rgba(246,190,58,.10),transparent 24%),
    linear-gradient(180deg,#effbf9 0%,#f5f9fc 48%,#f8fffd 100%)!important;
  color:#172e38!important;
}
.recharge .top_nav[data-v-9bb28996]{
  background:linear-gradient(115deg,#e50062 0%,#f31c78 54%,#bd0758 100%)!important;
  box-shadow:0 8px 24px rgba(210,0,91,.24),inset 0 -1px 0 rgba(255,255,255,.25)!important;
  border-bottom:1px solid rgba(255,255,255,.28)!important;
}
.recharge .recharge_box[data-v-9bb28996]{
  padding:17px 15px 22px!important;
  max-width:680px!important;
  margin:0 auto!important;
}
.recharge .top_text[data-v-9bb28996]{
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 0 17px!important;
  padding:20px 16px!important;
  border-radius:24px!important;
  border:1px solid rgba(111,255,232,.72)!important;
  background:
    radial-gradient(circle at 12% 110%,rgba(255,197,66,.22),transparent 32%),
    linear-gradient(118deg,#003d3b 0%,#005b56 42%,#008e7d 75%,#00bda4 100%)!important;
  box-shadow:0 14px 30px rgba(0,100,91,.20),0 0 0 3px rgba(0,192,166,.07),inset 0 1px 0 rgba(255,255,255,.24)!important;
  overflow:hidden!important;
}
.recharge .top_text::before[data-v-9bb28996]{
  width:170px!important;height:170px!important;right:-45px!important;top:-105px!important;
  border:1px solid rgba(255,222,133,.30)!important;
  background:rgba(255,255,255,.04)!important;
  box-shadow:0 0 0 14px rgba(255,255,255,.025),0 0 45px rgba(0,255,222,.15)!important;
}
.recharge .top_text::after[data-v-9bb28996]{
  height:2px!important;bottom:0!important;
  background:linear-gradient(90deg,transparent,#ffe08a,#fff,transparent)!important;
  animation:rpSweep 3.4s linear infinite!important;
}
.recharge .top_text[data-v-9bb28996],.recharge .top_text span[data-v-9bb28996]{
  font-size:clamp(23px,6vw,31px)!important;font-weight:950!important;letter-spacing:.01em!important;
}
.recharge .top_text span[data-v-9bb28996]{
  color:#fff4c7!important;text-shadow:0 2px 15px rgba(255,218,110,.22)!important;
}
.recharge .code_input[data-v-9bb28996]{
  height:60px!important;border-radius:17px!important;
  border:1px solid rgba(0,170,153,.34)!important;
  background:linear-gradient(180deg,#fff,#faffff)!important;
  box-shadow:0 8px 20px rgba(17,70,74,.07),inset 0 1px 0 #fff!important;
}
.recharge .code_input:focus-within{
  border-color:#00bfa7!important;box-shadow:0 0 0 3px rgba(0,191,167,.12),0 8px 22px rgba(17,70,74,.08)!important;
}
.recharge .code_input input[data-v-9bb28996]{font-size:15px!important;font-weight:600!important;color:#172e38!important}
.recharge .amount_list[data-v-9bb28996]{
  padding:15px 0 13px!important;gap:10px!important;
}
.recharge .amount_list button[data-v-9bb28996]{
  min-height:55px!important;border-radius:16px!important;
  background:linear-gradient(145deg,#fff 0%,#f1fbfa 100%)!important;
  border:1px solid rgba(0,159,145,.22)!important;
  color:#153d43!important;font-size:16px!important;font-weight:900!important;
  box-shadow:0 6px 16px rgba(16,72,76,.075),inset 0 1px 0 #fff!important;
}
.recharge .amount_list button.choose_active[data-v-9bb28996]{
  background:linear-gradient(135deg,#004944 0%,#007d70 55%,#00b69c 100%)!important;
  color:#fff5ce!important;border:2px solid #f6cc60!important;
  box-shadow:0 0 0 2px rgba(0,190,166,.14),0 7px 20px rgba(0,117,104,.24),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.recharge .payment_box[data-v-9bb28996]{
  margin-top:8px!important;padding:17px 13px 13px!important;
  border-radius:23px!important;border:1px solid rgba(0,153,139,.16)!important;
  background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(250,255,254,.96))!important;
  box-shadow:0 13px 30px rgba(19,67,71,.075),inset 0 1px 0 #fff!important;
}
.recharge .payment_text[data-v-9bb28996]{
  position:relative!important;padding-left:13px!important;margin-bottom:13px!important;
  color:#124b48!important;font-size:14px!important;letter-spacing:.65px!important;
}
.recharge .payment_text::before{
  content:"";position:absolute;left:0;top:1px;bottom:17px;width:4px;border-radius:8px;
  background:linear-gradient(180deg,#00d4b3,#dba72e);
}
.recharge .payment_text::after{color:#7d8d91!important;font-size:11px!important}
.recharge .payment_box .van-radio[data-v-9bb28996]{
  display:flex!important;align-items:center!important;box-sizing:border-box!important;
  min-height:54px!important;height:auto!important;line-height:1.25!important;
  margin:5px 0!important;padding:8px 12px!important;border-radius:15px!important;
  border:1px solid rgba(20,65,71,.075)!important;
  background:linear-gradient(120deg,#fff,#fbfefe)!important;
  box-shadow:inset 0 1px 0 #fff!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.recharge .payment_box .van-radio:has(.van-radio__icon--checked){
  background:linear-gradient(105deg,#e4fff7,#f7fffc)!important;
  border-color:rgba(0,184,151,.32)!important;
  box-shadow:0 4px 12px rgba(0,152,128,.07),inset 0 1px 0 #fff!important;
}
.recharge .payment_box .van-radio__icon--checked .van-icon{
  color:#00a887!important;font-size:21px!important;
}
.recharge .van-radio[data-v-9bb28996] .text{
  margin-left:13px!important;color:#17383d!important;font-weight:800!important;font-size:15px!important;
}
.recharge .recharge_btn[data-v-9bb28996]{
  padding:14px 0 10px!important;margin:4px 0 12px!important;
}
.recharge .recharge_btn button[data-v-9bb28996]{
  width:100%!important;min-height:62px!important;border-radius:20px!important;
  background:
    radial-gradient(ellipse at 10% 120%,rgba(0,255,222,.20),transparent 42%),
    linear-gradient(115deg,#003f3d 0%,#00796d 45%,#00b69c 78%,#00695f 100%)!important;
  border:2px solid #f5cf65!important;color:#fff!important;
  font-size:18px!important;font-weight:950!important;letter-spacing:.15px!important;
  box-shadow:0 9px 24px rgba(0,112,99,.23),0 0 0 3px rgba(0,190,164,.08),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.recharge .recharge_btn button[data-v-9bb28996]::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),rgba(255,220,120,.20),transparent)!important;
  animation:rpButtonShine 3.1s ease-in-out infinite!important;
}
#rechargeRewardLauncher{
  border-color:#fff6d4!important;
  box-shadow:0 0 0 5px rgba(0,190,164,.12),0 12px 30px rgba(0,74,66,.25),0 0 22px rgba(255,202,66,.24),inset 0 2px 5px rgba(255,255,255,.65),inset 0 -7px 12px rgba(0,48,43,.22)!important;
}
#rechargeRewardLauncher::before{border-color:rgba(255,207,80,.42)!important}
@media(max-width:380px){
  .recharge .recharge_box[data-v-9bb28996]{padding-left:12px!important;padding-right:12px!important}
  .recharge .amount_list[data-v-9bb28996]{gap:8px!important}
  .recharge .amount_list button[data-v-9bb28996]{min-height:51px!important;font-size:14px!important}
  .recharge .payment_box[data-v-9bb28996]{padding:14px 10px 11px!important}
  .recharge .payment_box .van-radio[data-v-9bb28996]{padding:8px 9px!important}
}
@media(prefers-reduced-motion:reduce){
  .recharge .top_text::after,.recharge .recharge_btn button[data-v-9bb28996]::after{animation:none!important}
  .recharge .amount_list button[data-v-9bb28996],.recharge .payment_box .van-radio[data-v-9bb28996]{transition:none!important}
}

/* Korean Mall Recharge Luxury Compact V2 — screenshot-led visual refresh.
   Scoped to RechargeView; all recharge/payment behavior remains in the existing app. */
.recharge[data-v-9bb28996]{
  min-height:calc(100dvh - 58px)!important;
  padding-bottom:68px!important;
  background:
    radial-gradient(ellipse at 4% 8%,rgba(255,31,125,.09),transparent 27%),
    radial-gradient(ellipse at 96% 34%,rgba(255,210,74,.12),transparent 24%),
    linear-gradient(180deg,#fff5fa 0%,#f5fffc 48%,#fff 100%)!important;
}
.recharge .top_nav[data-v-9bb28996]{height:50px!important;line-height:50px!important;background:linear-gradient(105deg,#f20b70 0%,#ed176f 55%,#c80a60 100%)!important;box-shadow:0 5px 17px rgba(207,15,96,.2)!important}
.recharge .top_nav .left span[data-v-9bb28996]{font-size:19px!important;font-weight:900!important}
.recharge .top_nav .left img[data-v-9bb28996]{width:19px!important;height:19px!important;margin-right:18px!important}
.recharge .top_nav .right img[data-v-9bb28996]{width:23px!important;height:23px!important}
.recharge .recharge_box[data-v-9bb28996]{padding:10px 13px 5px!important}
.recharge .top_text[data-v-9bb28996]{min-height:78px;display:flex;align-items:center;justify-content:center;margin:0 0 10px!important;padding:13px 10px!important;border-radius:23px!important;background:linear-gradient(115deg,#073d37 0%,#007c6a 52%,#00b997 100%)!important;border:1px solid rgba(255,255,255,.7);box-shadow:0 9px 24px rgba(0,125,106,.19),0 0 0 3px rgba(255,255,255,.62),inset 0 1px 0 rgba(255,255,255,.26)!important}
.recharge .top_text[data-v-9bb28996],.recharge .top_text span[data-v-9bb28996]{font-size:24px!important;font-weight:950!important;letter-spacing:-.35px!important}
.recharge .top_text span[data-v-9bb28996]{text-shadow:0 2px 10px rgba(0,0,0,.12)!important}
.recharge .code_input[data-v-9bb28996]{height:48px!important;border-radius:15px!important;border:1px solid #f5bfd8!important;background:linear-gradient(110deg,#fff,#fffafd)!important;box-shadow:0 5px 14px rgba(185,43,105,.06)!important}
.recharge .code_input img[data-v-9bb28996]{width:21px!important;height:21px!important}
.recharge .code_input input[data-v-9bb28996]{font-size:14px!important;font-weight:650!important}
.recharge .amount_list[data-v-9bb28996]{padding:10px 0 8px!important;gap:8px!important}
.recharge .amount_list button[data-v-9bb28996]{min-height:43px!important;padding:9px 3px!important;border-radius:14px!important;border:1px solid #f5c5db!important;background:linear-gradient(145deg,#fff 0%,#fff5fa 100%)!important;color:#343747!important;font-size:14px!important;font-weight:900!important;box-shadow:0 5px 12px rgba(189,37,104,.07),inset 0 1px 0 #fff!important}
.recharge .amount_list button.choose_active[data-v-9bb28996]{background:linear-gradient(120deg,#ed1978,#ff548b 62%,#d80c68)!important;color:#fff!important;border-color:#ffe18a!important;box-shadow:0 7px 16px rgba(231,22,111,.23),0 0 0 2px rgba(255,222,113,.25)!important}
.recharge .payment_box[data-v-9bb28996]{margin-top:5px!important;padding:12px 11px 8px!important;border-radius:19px!important;border:1px solid rgba(0,167,137,.19)!important;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(245,255,251,.98))!important;box-shadow:0 8px 22px rgba(0,102,86,.07),0 1px 0 rgba(255,255,255,.9) inset!important}
.recharge .payment_text[data-v-9bb28996]{margin-bottom:6px!important;font-size:12px!important;color:#087a68!important;letter-spacing:.8px!important}
.recharge .payment_text::before{content:"";display:inline-block;width:4px;height:17px;margin-right:8px;border-radius:8px;vertical-align:middle;background:linear-gradient(180deg,#f21878,#ffd54e,#00b996)}
.recharge .payment_text::after{margin-top:3px!important;font-size:10px!important;color:#7d8b89!important}
.recharge .payment_box .van-radio[data-v-9bb28996]{display:flex!important;align-items:center!important;min-height:39px!important;height:auto!important;line-height:1.2!important;margin:4px 0!important;padding:7px 10px!important;border-radius:13px!important;border:1px solid #b8eadf!important;background:linear-gradient(105deg,#e9fff9,#f7fffd)!important;box-shadow:0 3px 9px rgba(0,143,120,.045)!important;font-size:13px!important}
.recharge .payment_box .van-radio:has(.van-radio__icon--checked){border-color:#00b995!important;background:linear-gradient(100deg,#dcfff4,#fff6fa)!important;box-shadow:0 4px 12px rgba(0,166,137,.10),inset 0 0 0 1px rgba(0,185,149,.08)!important}
.recharge .van-radio[data-v-9bb28996] .text{margin-left:11px!important;color:#173d3a!important;font-size:13px!important;font-weight:850!important}
.recharge .payment_box .van-radio__icon--checked .van-icon{color:#00a985!important;font-size:18px!important}
.recharge .recharge_btn[data-v-9bb28996]{padding:9px 0 7px!important;margin:2px 0 6px!important}
.recharge .recharge_btn button[data-v-9bb28996]{width:100%!important;min-height:49px!important;border-radius:16px!important;background:linear-gradient(105deg,#008b70 0%,#00b995 34%,#f51b79 70%,#d90a68 100%)!important;border:1px solid #ffe08b!important;color:#fff!important;font-size:15px!important;font-weight:950!important;letter-spacing:.25px!important;box-shadow:0 8px 18px rgba(211,19,104,.16),0 3px 13px rgba(0,154,124,.13),inset 0 1px 0 rgba(255,255,255,.32)!important}
#rechargeRewardLauncher{width:64px!important;height:64px!important;right:10px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;transform:scale(.88);transform-origin:bottom right}
@media(max-width:390px){.recharge .recharge_box[data-v-9bb28996]{padding:8px 10px 4px!important}.recharge .top_text[data-v-9bb28996]{min-height:70px!important;margin-bottom:8px!important}.recharge .top_text[data-v-9bb28996],.recharge .top_text span[data-v-9bb28996]{font-size:21px!important}.recharge .amount_list[data-v-9bb28996]{gap:7px!important;padding:8px 0 6px!important}.recharge .amount_list button[data-v-9bb28996]{min-height:39px!important;font-size:13px!important}.recharge .payment_box[data-v-9bb28996]{padding:10px 9px 7px!important}.recharge .payment_box .van-radio[data-v-9bb28996]{min-height:35px!important;margin:3px 0!important;padding:6px 8px!important}.recharge .recharge_btn button[data-v-9bb28996]{min-height:45px!important}}
@media(max-height:760px){.recharge .recharge_box[data-v-9bb28996]{padding-top:7px!important}.recharge .top_text[data-v-9bb28996]{min-height:62px!important;padding:9px!important}.recharge .amount_list[data-v-9bb28996]{padding-top:6px!important;padding-bottom:5px!important}.recharge .payment_box .van-radio[data-v-9bb28996]{min-height:32px!important;margin:2px 0!important;padding:5px 8px!important}.recharge .payment_box[data-v-9bb28996]{padding-top:8px!important}.recharge .recharge_btn button[data-v-9bb28996]{min-height:42px!important}}
@media(prefers-reduced-motion:reduce){.recharge .top_text::after,.recharge .recharge_btn button[data-v-9bb28996]::after{animation:none!important}}

/* Korean Mall Recharge Luxury V3 — compact balance + refined payment selector.
   CSS-only presentation update; preserves the existing RechargeView and payment handlers. */
.recharge[data-v-9bb28996]{
  background:radial-gradient(ellipse at 8% 10%,rgba(255,18,113,.075),transparent 28%),radial-gradient(ellipse at 95% 38%,rgba(255,205,62,.10),transparent 23%),linear-gradient(180deg,#fff5fa 0%,#f7fffc 54%,#fff 100%)!important;
}
.recharge .recharge_box[data-v-9bb28996]{padding:8px 12px 4px!important;max-width:680px!important}
.recharge .top_text[data-v-9bb28996]{
  min-height:58px!important;height:auto!important;padding:10px 14px!important;margin:0 0 9px!important;
  border-radius:18px!important;border:1px solid rgba(255,222,135,.82)!important;
  background:linear-gradient(112deg,#073e38 0%,#007b68 48%,#00b995 100%)!important;
  box-shadow:0 7px 18px rgba(0,118,97,.17),0 0 0 2px rgba(255,255,255,.75),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.recharge .top_text[data-v-9bb28996],.recharge .top_text span[data-v-9bb28996]{font-size:clamp(20px,5.4vw,25px)!important;line-height:1.15!important;font-weight:950!important;letter-spacing:-.25px!important}
.recharge .top_text span[data-v-9bb28996]{color:#fff!important;text-shadow:0 1px 9px rgba(0,0,0,.14)!important}
.recharge .top_text::before[data-v-9bb28996]{width:112px!important;height:112px!important;right:-49px!important;top:-75px!important;border-color:rgba(255,218,117,.30)!important}
.recharge .top_text::after[data-v-9bb28996]{background:linear-gradient(90deg,transparent,#ffe08a,#fff,transparent)!important}
.recharge .code_input[data-v-9bb28996]{height:45px!important;border-radius:14px!important;border-color:#f1c1d7!important;box-shadow:0 4px 11px rgba(190,35,104,.055)!important}
.recharge .code_input input[data-v-9bb28996]{font-size:13px!important}
.recharge .amount_list[data-v-9bb28996]{padding:8px 0 7px!important;gap:7px!important}
.recharge .amount_list button[data-v-9bb28996]{min-height:39px!important;padding:7px 3px!important;border-radius:13px!important;font-size:13px!important;box-shadow:0 4px 10px rgba(190,35,104,.055)!important}
.recharge .amount_list button.choose_active[data-v-9bb28996]{background:linear-gradient(120deg,#f00070,#ff4f91 62%,#cf075f)!important;border-color:#ffe18a!important;color:#fff!important;box-shadow:0 6px 14px rgba(231,22,111,.19),0 0 0 1px rgba(255,220,113,.2)!important}
.recharge .payment_box[data-v-9bb28996]{margin-top:4px!important;padding:10px 10px 7px!important;border-radius:18px!important;border:1px solid rgba(0,174,145,.18)!important;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(248,255,252,.98))!important;box-shadow:0 7px 18px rgba(0,102,86,.055),inset 0 1px 0 #fff!important}
.recharge .payment_text[data-v-9bb28996]{font-size:12px!important;margin-bottom:6px!important;letter-spacing:.65px!important;color:#087965!important}
.recharge .payment_text::after{font-size:10px!important;margin-top:2px!important;color:#87928f!important}
.recharge .payment_box .van-radio[data-v-9bb28996]{
  position:relative!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;
  min-height:36px!important;height:auto!important;line-height:1.15!important;margin:3px 0!important;padding:6px 10px!important;
  border-radius:12px!important;border:1px solid #e8edf0!important;
  background:linear-gradient(105deg,#fff 0%,#fffafd 100%)!important;box-shadow:0 2px 6px rgba(43,49,65,.025)!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.recharge .payment_box .van-radio:active{transform:scale(.992)!important}
.recharge .payment_box .van-radio:has(.van-radio__icon--checked){
  border:1px solid #00bd93!important;background:linear-gradient(100deg,#e4fff6 0%,#f8fffc 58%,#fff7fb 100%)!important;
  box-shadow:0 3px 10px rgba(0,170,130,.085),inset 0 0 0 1px rgba(0,185,145,.045)!important;
}
.recharge .payment_box .van-radio__icon{min-width:20px!important}
.recharge .payment_box .van-radio__icon--checked .van-icon{color:#00a982!important;font-size:18px!important;border-color:#00a982!important}
.recharge .van-radio[data-v-9bb28996] .text{margin-left:10px!important;color:#263c43!important;font-size:13px!important;font-weight:800!important}
.recharge .recharge_btn[data-v-9bb28996]{padding:8px 0 5px!important;margin:2px 0 5px!important}
.recharge .recharge_btn button[data-v-9bb28996]{
  width:100%!important;min-height:47px!important;border-radius:16px!important;
  background:linear-gradient(108deg,#ef0870 0%,#ff327f 38%,#e80d69 58%,#008f70 100%)!important;
  border:1px solid #ffdf86!important;color:#fff!important;font-size:16px!important;font-weight:950!important;letter-spacing:.25px!important;
  box-shadow:0 7px 17px rgba(224,14,103,.16),0 3px 11px rgba(0,145,112,.12),inset 0 1px 0 rgba(255,255,255,.36)!important;
}
.recharge .recharge_btn button[data-v-9bb28996]::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),rgba(255,220,120,.22),transparent)!important}
#rechargeRewardLauncher{width:60px!important;height:60px!important;right:8px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;transform:scale(.82)!important;transform-origin:bottom right!important}
@media(max-width:390px){
 .recharge .recharge_box[data-v-9bb28996]{padding:7px 10px 3px!important}
 .recharge .top_text[data-v-9bb28996]{min-height:53px!important;padding:9px 10px!important;margin-bottom:7px!important}
 .recharge .top_text[data-v-9bb28996],.recharge .top_text span[data-v-9bb28996]{font-size:20px!important}
 .recharge .code_input[data-v-9bb28996]{height:42px!important}
 .recharge .amount_list[data-v-9bb28996]{gap:6px!important;padding:7px 0 6px!important}
 .recharge .amount_list button[data-v-9bb28996]{min-height:36px!important;font-size:12px!important}
 .recharge .payment_box[data-v-9bb28996]{padding:9px 8px 6px!important}
 .recharge .payment_box .van-radio[data-v-9bb28996]{min-height:33px!important;margin:2px 0!important;padding:5px 8px!important}
 .recharge .recharge_btn button[data-v-9bb28996]{min-height:43px!important;font-size:15px!important}
}
@media(max-height:760px){
 .recharge .recharge_box[data-v-9bb28996]{padding-top:5px!important}
 .recharge .top_text[data-v-9bb28996]{min-height:49px!important;padding:7px 10px!important;margin-bottom:6px!important}
 .recharge .amount_list[data-v-9bb28996]{padding-top:5px!important;padding-bottom:4px!important}
 .recharge .payment_box[data-v-9bb28996]{padding-top:7px!important}
 .recharge .payment_box .van-radio[data-v-9bb28996]{min-height:30px!important;margin:2px 0!important;padding:4px 8px!important}
 .recharge .recharge_btn button[data-v-9bb28996]{min-height:40px!important}
}

/* Korean Mall Recharge Luxury V4 — photo-matched compact layout.
   Presentation-only overrides: preserve payment choices and existing handlers. */
.recharge[data-v-9bb28996]{
  background:radial-gradient(ellipse at 90% 8%,rgba(255,58,145,.10),transparent 27%),
             radial-gradient(ellipse at 6% 48%,rgba(0,190,148,.08),transparent 28%),
             linear-gradient(180deg,#fff4f9 0%,#fff 48%,#f7fffc 100%)!important;
}
.recharge .top_nav[data-v-9bb28996]{
  background:linear-gradient(110deg,#ed0067 0%,#ff087b 52%,#d9005f 100%)!important;
  box-shadow:0 5px 18px rgba(229,0,99,.19)!important;
}
.recharge .recharge_box[data-v-9bb28996]{padding:7px 12px 3px!important;max-width:680px!important}
/* Compact balance card: avoid wasting vertical space. */
.recharge .top_text[data-v-9bb28996]{
  min-height:46px!important;height:auto!important;padding:7px 12px!important;margin:0 0 12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:15px!important;border:1px solid rgba(255,222,135,.78)!important;
  background:linear-gradient(105deg,#064c43 0%,#007e69 50%,#00b995 100%)!important;
  box-shadow:0 5px 13px rgba(0,120,96,.15),0 0 0 2px rgba(255,255,255,.78)!important;
}
.recharge .top_text[data-v-9bb28996],.recharge .top_text span[data-v-9bb28996]{font-size:clamp(18px,4.8vw,23px)!important;line-height:1.12!important;font-weight:950!important;letter-spacing:-.3px!important}
.recharge .top_text::before[data-v-9bb28996]{width:85px!important;height:85px!important;right:-40px!important;top:-55px!important}
.recharge .top_text::after[data-v-9bb28996]{display:none!important}
/* Slightly more breathing room between amount entry and quick choices. */
.recharge .code_input[data-v-9bb28996]{height:43px!important;border-radius:14px!important;border:1px solid #f2bfd6!important;background:rgba(255,255,255,.98)!important;box-shadow:0 4px 12px rgba(207,22,103,.055)!important}
.recharge .amount_list[data-v-9bb28996]{padding:11px 0 9px!important;gap:7px!important}
.recharge .amount_list button[data-v-9bb28996]{min-height:37px!important;padding:7px 3px!important;border-radius:13px!important;background:linear-gradient(145deg,#fff,#fff7fb)!important;border:1px solid #f3c8dc!important;color:#343347!important;box-shadow:0 3px 9px rgba(200,35,106,.05)!important}
.recharge .amount_list button.choose_active[data-v-9bb28996]{background:linear-gradient(125deg,#ff0875,#e90061)!important;border:1px solid #ffd67b!important;color:#fff!important;box-shadow:0 6px 14px rgba(235,0,100,.19)!important}
/* Payment methods become simple selectable rows: no individual card/border. */
.recharge .payment_box[data-v-9bb28996]{
  margin-top:3px!important;padding:9px 8px 5px!important;border-radius:17px!important;
  border:1px solid rgba(0,173,143,.14)!important;
  background:rgba(255,255,255,.78)!important;box-shadow:0 5px 14px rgba(0,115,96,.045)!important;
}
.recharge .payment_text[data-v-9bb28996]{margin:0 0 7px!important;color:#087b68!important;font-size:12px!important}
.recharge .payment_box .van-radio[data-v-9bb28996]{
  display:flex!important;align-items:center!important;min-height:38px!important;height:auto!important;line-height:1.2!important;
  margin:0!important;padding:6px 9px!important;border:0!important;border-radius:0!important;
  border-bottom:1px solid rgba(30,65,60,.075)!important;background:transparent!important;box-shadow:none!important;
  transition:background .16s ease!important;
}
.recharge .payment_box .van-radio:last-child{border-bottom:0!important}
.recharge .payment_box .van-radio:active{transform:none!important;background:rgba(0,185,145,.06)!important}
.recharge .payment_box .van-radio:has(.van-radio__icon--checked){
  border:0!important;border-bottom:1px solid rgba(0,169,132,.10)!important;border-radius:0!important;
  background:linear-gradient(90deg,rgba(220,255,244,.50),rgba(255,255,255,0))!important;box-shadow:none!important;
}
.recharge .payment_box .van-radio__icon{min-width:21px!important}
.recharge .payment_box .van-radio__icon--checked .van-icon{color:#00b783!important;font-size:19px!important;border-color:#00b783!important;background:transparent!important}
.recharge .van-radio[data-v-9bb28996] .text{margin-left:10px!important;color:#1e3940!important;font-size:13px!important;font-weight:800!important}
/* Inset, premium pill button with pink-to-emerald finish. */
.recharge .recharge_btn[data-v-9bb28996]{padding:8px 0 5px!important;margin:2px 0 5px!important;text-align:center!important}
.recharge .recharge_btn button[data-v-9bb28996]{
  display:block!important;width:calc(100% - 10px)!important;min-height:45px!important;margin:0 auto!important;padding:10px 14px!important;
  border-radius:24px!important;background:linear-gradient(105deg,#f0006b 0%,#ff087a 43%,#d90c6b 62%,#008f70 100%)!important;
  border:1px solid #ffdf8b!important;color:#fff!important;font-size:15px!important;font-weight:950!important;letter-spacing:.2px!important;
  box-shadow:0 7px 17px rgba(224,14,103,.16),0 3px 11px rgba(0,145,112,.12),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.recharge .recharge_btn button[data-v-9bb28996]::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.40),rgba(255,220,120,.18),transparent)!important}
#rechargeRewardLauncher{width:54px!important;height:54px!important;right:7px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;transform:scale(.78)!important;transform-origin:bottom right!important}
@media(max-width:390px){
 .recharge .recharge_box[data-v-9bb28996]{padding:6px 10px 2px!important}
 .recharge .top_text[data-v-9bb28996]{min-height:43px!important;padding:6px 9px!important;margin-bottom:11px!important}
 .recharge .top_text[data-v-9bb28996],.recharge .top_text span[data-v-9bb28996]{font-size:19px!important}
 .recharge .code_input[data-v-9bb28996]{height:41px!important}
 .recharge .amount_list[data-v-9bb28996]{padding:10px 0 8px!important;gap:6px!important}
 .recharge .amount_list button[data-v-9bb28996]{min-height:35px!important;font-size:12px!important}
 .recharge .payment_box[data-v-9bb28996]{padding:8px 7px 4px!important}
 .recharge .payment_box .van-radio[data-v-9bb28996]{min-height:35px!important;padding:5px 8px!important}
 .recharge .recharge_btn button[data-v-9bb28996]{width:calc(100% - 12px)!important;min-height:43px!important;font-size:14px!important}
}
@media(max-height:760px){
 .recharge .recharge_box[data-v-9bb28996]{padding-top:4px!important}
 .recharge .top_text[data-v-9bb28996]{min-height:40px!important;padding:5px 9px!important;margin-bottom:10px!important}
 .recharge .amount_list[data-v-9bb28996]{padding-top:8px!important;padding-bottom:6px!important}
 .recharge .payment_box[data-v-9bb28996]{padding-top:7px!important}
 .recharge .payment_box .van-radio[data-v-9bb28996]{min-height:32px!important;padding:4px 8px!important}
 .recharge .recharge_btn button[data-v-9bb28996]{min-height:40px!important}
}

/* Korean Mall Recharge Luxury V5 — inset Recharge CTA + breathing room between payment rows. */
.recharge .payment_box[data-v-9bb28996] .van-radio[data-v-9bb28996]{
  min-height:39px!important;
  margin:4px 0!important;
  padding:7px 10px!important;
  border:1px solid rgba(0,166,137,.09)!important;
  border-radius:10px!important;
  background:linear-gradient(100deg,rgba(222,255,246,.55),rgba(255,255,255,.55))!important;
  box-sizing:border-box!important;
}
.recharge .payment_box[data-v-9bb28996] .van-radio:last-child[data-v-9bb28996]{margin-bottom:2px!important}
.recharge .payment_box[data-v-9bb28996] .van-radio:has(.van-radio__icon--checked){
  border-color:rgba(0,177,137,.28)!important;
  background:linear-gradient(100deg,rgba(210,255,241,.92),rgba(255,255,255,.76))!important;
}
.recharge .recharge_btn[data-v-9bb28996]{padding:8px 0 7px!important;margin:4px 0 7px!important;text-align:center!important}
.recharge .recharge_btn button[data-v-9bb28996]{
  width:calc(100% - 42px)!important;
  min-height:43px!important;
  margin:0 auto!important;
  padding:9px 14px!important;
  border-radius:22px!important;
  background:linear-gradient(105deg,#f0006b 0%,#ff0878 43%,#dc0c6c 63%,#008f70 100%)!important;
  box-shadow:0 6px 15px rgba(224,14,103,.14),0 3px 9px rgba(0,145,112,.10),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
@media(max-width:390px){
 .recharge .payment_box[data-v-9bb28996] .van-radio[data-v-9bb28996]{min-height:37px!important;margin:4px 0!important;padding:6px 9px!important}
 .recharge .recharge_btn[data-v-9bb28996] button[data-v-9bb28996]{width:calc(100% - 38px)!important;min-height:41px!important}
}

/* Korean Mall Recharge Luxury V6 — single clean payment list with compact brand marks.
   CSS-only UI update: payment IDs, selection controls, and handlers remain untouched. */
.recharge .payment_box[data-v-9bb28996]{
  padding:10px 12px 9px!important;
  border-radius:19px!important;
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(247,255,252,.96))!important;
  border:1px solid rgba(0,166,137,.16)!important;
  box-shadow:0 8px 20px rgba(0,105,88,.055)!important;
}
.recharge .payment_box[data-v-9bb28996] .van-radio[data-v-9bb28996]{
  display:flex!important;align-items:center!important;gap:0!important;
  min-height:47px!important;margin:0!important;padding:7px 8px!important;
  border:0!important;border-bottom:1px solid rgba(28,66,59,.075)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  box-sizing:border-box!important;transform:none!important;
}
.recharge .payment_box[data-v-9bb28996] .van-radio:last-child[data-v-9bb28996]{border-bottom:0!important}
.recharge .payment_box[data-v-9bb28996] .van-radio:active{background:rgba(0,185,145,.055)!important}
.recharge .payment_box[data-v-9bb28996] .van-radio:has(.van-radio__icon--checked){
  border:0!important;border-bottom:1px solid rgba(28,66,59,.075)!important;border-radius:0!important;
  background:linear-gradient(90deg,rgba(221,255,244,.55),rgba(255,255,255,0) 78%)!important;box-shadow:none!important;
}
.recharge .payment_box[data-v-9bb28996] .van-radio__icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 22px!important;min-width:22px!important;width:22px!important;height:22px!important;
  margin:0 10px 0 0!important;order:3!important;
}
.recharge .payment_box[data-v-9bb28996] .van-radio__icon .van-icon{
  width:20px!important;height:20px!important;line-height:18px!important;border-radius:50%!important;
  border:1px solid #c9d4d1!important;background:#fff!important;color:transparent!important;font-size:12px!important;
}
.recharge .payment_box[data-v-9bb28996] .van-radio__icon--checked .van-icon{
  border-color:#00b889!important;background:#00b889!important;color:#fff!important;font-size:13px!important;
}
.recharge .payment_box[data-v-9bb28996] .van-radio__label{display:flex!important;align-items:center!important;min-width:0!important;flex:1!important;order:2!important}
.recharge .van-radio[data-v-9bb28996] .text{
  display:flex!important;align-items:center!important;gap:12px!important;margin-left:0!important;
  color:#1d3940!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;
}
.recharge .van-radio[data-v-9bb28996] .text::before{
  content:"";display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;
  width:34px;height:30px;border-radius:10px;font-family:Arial,Helvetica,sans-serif;font-weight:900;
  font-size:15px;letter-spacing:-.7px;box-sizing:border-box;
}
.recharge .payment_box .van-radio:nth-of-type(1) .text::before{
  content:"W";font-size:22px;font-style:italic;color:#12a889;
  background:linear-gradient(135deg,#e5fff7,#fff);text-shadow:2px 0 #f3c32f,-2px 0 #258bda;
}
.recharge .payment_box .van-radio:nth-of-type(2) .text::before{
  content:"LG";font-size:12px;letter-spacing:-.5px;color:#fff;border-radius:50%;
  background:linear-gradient(145deg,#ed4e92,#c90d65);box-shadow:0 3px 7px rgba(201,13,101,.17);
}
.recharge .payment_box .van-radio:nth-of-type(3) .text::before{
  content:"Paytm";font-size:11px;letter-spacing:-.8px;color:#0878c9;
  background:linear-gradient(135deg,#eaf7ff,#fff);border:1px solid #d9edfc;
}
.recharge .payment_box .van-radio:nth-of-type(4) .text::before{
  content:"G";font-size:22px;color:#4285f4;background:#fff;border:1px solid #e9edf1;
  text-shadow:1px 0 #34a853,-1px 0 #ea4335;
}
.recharge .payment_box .van-radio:nth-of-type(5) .text::before{
  content:"₮";font-size:21px;color:#fff;border-radius:50%;background:linear-gradient(145deg,#36d69b,#009d70);
  box-shadow:0 3px 7px rgba(0,157,112,.16);
}
@media(max-width:390px){
 .recharge .payment_box[data-v-9bb28996]{padding:9px 9px 7px!important}
 .recharge .payment_box[data-v-9bb28996] .van-radio[data-v-9bb28996]{min-height:43px!important;padding:6px 6px!important}
 .recharge .van-radio[data-v-9bb28996] .text{gap:10px!important;font-size:13px!important}
 .recharge .van-radio[data-v-9bb28996] .text::before{flex-basis:31px;width:31px;height:28px}
}

/* Korean Mall Recharge Luxury V7 — distinct payment brand marks inspired by the user's reference image.
   Robust positional selectors support Vant's rendered radio list; payment values/handlers are untouched. */
.recharge .payment_box .van-radio:nth-child(1) .text::before,
.recharge .payment_box .van-radio:nth-of-type(1) .text::before{
  content:"W"!important;flex:0 0 42px!important;width:42px!important;height:32px!important;border:0!important;border-radius:0!important;
  color:#11a9bd!important;font-family:Arial,sans-serif!important;font-size:29px!important;font-style:italic!important;font-weight:1000!important;letter-spacing:-4px!important;
  background:linear-gradient(115deg,#ef3e94 0 25%,#19a8d5 26% 52%,#ffc928 53% 75%,#38b86b 76%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;box-shadow:none!important;text-shadow:none!important;
}
.recharge .payment_box .van-radio:nth-child(2) .text::before,
.recharge .payment_box .van-radio:nth-of-type(2) .text::before{
  content:"LGPay"!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:50%!important;border:2px solid #f7c8dd!important;
  color:#fff!important;font-size:10px!important;letter-spacing:-.45px!important;font-weight:800!important;background:radial-gradient(circle at 30% 25%,#f54d9c,#c90059 76%)!important;box-shadow:0 2px 5px #c9005926!important;
}
.recharge .payment_box .van-radio:nth-child(3) .text::before,
.recharge .payment_box .van-radio:nth-of-type(3) .text::before{
  content:"Paytm"!important;flex:0 0 54px!important;width:54px!important;height:30px!important;border:0!important;border-radius:0!important;
  color:#063b80!important;font-family:Arial,sans-serif!important;font-size:16px!important;letter-spacing:-1px!important;font-weight:1000!important;background:transparent!important;box-shadow:none!important;
  text-shadow:2px 0 #00b9e7!important;
}
.recharge .payment_box .van-radio:nth-child(4) .text::before,
.recharge .payment_box .van-radio:nth-of-type(4) .text::before{
  content:"G"!important;flex:0 0 42px!important;width:42px!important;height:34px!important;border:0!important;border-radius:0!important;
  color:#4285f4!important;font-family:Arial,sans-serif!important;font-size:30px!important;font-weight:900!important;background:transparent!important;box-shadow:none!important;
  text-shadow:2px 0 #34a853,-2px 0 #ea4335,0 2px #fbbc05!important;
}
.recharge .payment_box .van-radio:nth-child(5) .text::before,
.recharge .payment_box .van-radio:nth-of-type(5) .text::before{
  content:"₮"!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;
  color:#fff!important;font-family:Arial,sans-serif!important;font-size:27px!important;font-weight:900!important;background:linear-gradient(145deg,#43e0a5,#00a878)!important;box-shadow:0 2px 5px #009d7028!important;
}
@media(max-width:390px){
 .recharge .payment_box .van-radio:nth-child(2) .text::before,.recharge .payment_box .van-radio:nth-of-type(2) .text::before,
 .recharge .payment_box .van-radio:nth-child(5) .text::before,.recharge .payment_box .van-radio:nth-of-type(5) .text::before{flex-basis:36px!important;width:36px!important;height:36px!important}
 .recharge .payment_box .van-radio:nth-child(3) .text::before,.recharge .payment_box .van-radio:nth-of-type(3) .text::before{flex-basis:48px!important;width:48px!important;font-size:14px!important}
}

/* Recharge Premium V9 — clean professional mobile UI, no fake/brand logos.
   Visual-only override. Existing recharge/payment logic is unchanged. */
.recharge[data-v-9bb28996]{
  --v9-pink:#f2166f;--v9-pink2:#d70b60;--v9-ink:#1f2937;--v9-muted:#7b8494;--v9-line:#edf0f5;
  background:linear-gradient(180deg,#fff8fb 0%,#f8fafc 42%,#fff 100%)!important;
}
.recharge .top_nav[data-v-9bb28996]{height:54px!important;line-height:54px!important;background:linear-gradient(110deg,#f31672,#d90b62)!important;box-shadow:0 5px 16px rgba(214,11,96,.18)!important}
.recharge .recharge_box[data-v-9bb28996]{padding:14px 14px 10px!important;max-width:620px!important}
.recharge .top_text[data-v-9bb28996]{
  min-height:68px!important;height:68px!important;margin:0 0 14px!important;padding:0 18px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;
  border:0!important;border-radius:20px!important;background:linear-gradient(120deg,#171b35 0%,#35205d 55%,#6e1b65 100%)!important;
  box-shadow:0 10px 24px rgba(46,28,81,.18)!important;color:#fff!important;overflow:hidden!important;
  font-size:17px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;
}
.recharge .top_text::before[data-v-9bb28996]{content:""!important;display:block!important;width:115px!important;height:115px!important;right:-42px!important;top:-72px!important;background:rgba(255,255,255,.07)!important;border:0!important;box-shadow:none!important}
.recharge .top_text::after[data-v-9bb28996]{display:none!important}
.recharge .top_text span[data-v-9bb28996]{display:inline!important;margin-left:7px!important;color:#ffd75f!important;font-size:25px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;text-shadow:none!important}
.recharge .code_input[data-v-9bb28996]{height:52px!important;padding:0 15px!important;border-radius:16px!important;border:1px solid #f0dce6!important;background:#fff!important;box-shadow:0 5px 16px rgba(39,32,48,.055)!important}
.recharge .code_input img[data-v-9bb28996]{width:22px!important;height:22px!important;margin-right:10px!important;opacity:.55!important}
.recharge .code_input input[data-v-9bb28996]{font-size:14px!important;font-weight:650!important;color:var(--v9-ink)!important}
.recharge .amount_list[data-v-9bb28996]{padding:12px 0 13px!important;gap:9px!important}
.recharge .amount_list button[data-v-9bb28996]{min-height:47px!important;padding:9px 4px!important;border-radius:15px!important;border:1px solid #f1d6e3!important;background:#fff!important;color:#252b3b!important;font-size:14px!important;font-weight:800!important;box-shadow:0 4px 12px rgba(46,35,55,.045)!important}
.recharge .amount_list button.choose_active[data-v-9bb28996]{background:linear-gradient(110deg,#f31672,#d90b62)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 7px 17px rgba(225,14,102,.20)!important}
.recharge .payment_box[data-v-9bb28996]{margin-top:2px!important;padding:0!important;border:1px solid #eceff4!important;border-radius:20px!important;background:#fff!important;box-shadow:0 9px 24px rgba(34,39,54,.07)!important;overflow:hidden!important}
.recharge .payment_text[data-v-9bb28996]{margin:0!important;padding:16px 17px 13px!important;border-bottom:1px solid #f0f1f5!important;color:#242b3a!important;font-size:15px!important;font-weight:900!important;letter-spacing:.1px!important;text-transform:none!important;line-height:1.15!important}
.recharge .payment_text::before{display:none!important}
.recharge .payment_text::after{content:"Choose your preferred payment method"!important;display:block!important;margin-top:5px!important;color:#9298a5!important;font-size:10px!important;font-weight:600!important;letter-spacing:0!important}
.recharge .payment_box[data-v-9bb28996] .van-radio[data-v-9bb28996]{min-height:53px!important;margin:0!important;padding:0 15px!important;border:0!important;border-bottom:1px solid var(--v9-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}
.recharge .payment_box[data-v-9bb28996] .van-radio:last-child[data-v-9bb28996]{border-bottom:0!important}
.recharge .payment_box[data-v-9bb28996] .van-radio:has(.van-radio__icon--checked){background:#fff8fb!important;border-radius:0!important;box-shadow:inset 3px 0 0 var(--v9-pink)!important}
.recharge .payment_box .van-radio .text::before{display:none!important;content:none!important}
.recharge .van-radio[data-v-9bb28996] .text{display:block!important;margin:0!important;color:#273142!important;font-size:14px!important;font-weight:750!important;line-height:1.2!important}
.recharge .payment_box[data-v-9bb28996] .van-radio__label{order:1!important;flex:1!important;display:block!important;min-width:0!important;margin:0!important}
.recharge .payment_box[data-v-9bb28996] .van-radio__icon{order:2!important;flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.recharge .payment_box[data-v-9bb28996] .van-radio__icon .van-icon{width:20px!important;height:20px!important;line-height:18px!important;border-radius:50%!important;border:1.5px solid #d7dce5!important;background:#fff!important;color:transparent!important;font-size:12px!important}
.recharge .payment_box[data-v-9bb28996] .van-radio__icon--checked .van-icon{border-color:var(--v9-pink)!important;background:var(--v9-pink)!important;color:#fff!important}
.recharge .recharge_btn[data-v-9bb28996]{padding:14px 0 8px!important;margin:0!important;text-align:center!important}
.recharge .recharge_btn button[data-v-9bb28996]{width:100%!important;min-height:50px!important;margin:0!important;padding:11px 16px!important;border:0!important;border-radius:16px!important;background:linear-gradient(110deg,#f31672 0%,#df0d66 55%,#b90b58 100%)!important;color:#fff!important;font-size:16px!important;font-weight:900!important;box-shadow:0 9px 20px rgba(218,12,97,.20)!important}
.recharge .recharge_btn button[data-v-9bb28996]::after{display:none!important}
@media(max-width:390px){
 .recharge .recharge_box[data-v-9bb28996]{padding:12px 12px 8px!important}
 .recharge .top_text[data-v-9bb28996]{height:64px!important;min-height:64px!important;font-size:16px!important;border-radius:18px!important}
 .recharge .top_text span[data-v-9bb28996]{font-size:23px!important}
 .recharge .amount_list[data-v-9bb28996]{gap:8px!important}
 .recharge .amount_list button[data-v-9bb28996]{min-height:44px!important;font-size:13px!important}
 .recharge .payment_box[data-v-9bb28996] .van-radio[data-v-9bb28996]{min-height:50px!important;padding:0 13px!important}
}

/* Recharge Premium V10 — compact balance + left-side selection indicator.
   Visual-only override; recharge/payment logic remains unchanged. */
.recharge .top_text[data-v-9bb28996]{
  min-height:54px!important;height:54px!important;margin-bottom:11px!important;padding:0 13px!important;
  border-radius:17px!important;font-size:15px!important;line-height:1!important;white-space:nowrap!important;
}
.recharge .top_text span[data-v-9bb28996]{margin-left:6px!important;font-size:21px!important;line-height:1!important;white-space:nowrap!important}
.recharge .payment_box[data-v-9bb28996] .van-radio[data-v-9bb28996]{padding:0 14px!important;column-gap:11px!important}
.recharge .payment_box[data-v-9bb28996] .van-radio__icon{
  order:1!important;flex:0 0 22px!important;width:22px!important;min-width:22px!important;height:22px!important;
  margin:0 1px 0 0!important;
}
.recharge .payment_box[data-v-9bb28996] .van-radio__label{
  order:2!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;
}
.recharge .van-radio[data-v-9bb28996] .text{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:normal!important}
@media(max-width:390px){
 .recharge .top_text[data-v-9bb28996]{min-height:50px!important;height:50px!important;padding:0 10px!important;font-size:14px!important;border-radius:16px!important}
 .recharge .top_text span[data-v-9bb28996]{font-size:19px!important;margin-left:5px!important}
 .recharge .payment_box[data-v-9bb28996] .van-radio[data-v-9bb28996]{padding:0 11px!important;column-gap:9px!important}
 .recharge .van-radio[data-v-9bb28996] .text{font-size:13px!important}
}
@media(max-width:340px){
 .recharge .top_text[data-v-9bb28996]{font-size:13px!important;padding:0 8px!important}
 .recharge .top_text span[data-v-9bb28996]{font-size:17px!important;margin-left:4px!important}
 .recharge .payment_box[data-v-9bb28996] .van-radio[data-v-9bb28996]{padding:0 9px!important;column-gap:8px!important}
 .recharge .van-radio[data-v-9bb28996] .text{font-size:12.5px!important}
}


/* Korean Mall Recharge Premium V11 — compact one-screen layout.
   Watch-Pay UI removed; Phone-Pay keeps the existing pay2 gateway. */
.recharge[data-v-9bb28996]{min-height:100dvh!important;padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;background:linear-gradient(180deg,#fff7fb 0%,#f7f9fc 58%,#fff 100%)!important}
.recharge .recharge_box[data-v-9bb28996]{width:100%!important;max-width:560px!important;margin:0 auto!important;padding:9px 12px 5px!important;box-sizing:border-box!important}
.recharge .top_text[data-v-9bb28996]{height:47px!important;min-height:47px!important;margin:0 0 8px!important;padding:0 12px!important;border-radius:14px!important;font-size:14px!important;line-height:1!important;background:linear-gradient(115deg,#1d203b 0%,#382052 58%,#681d61 100%)!important;box-shadow:0 6px 15px rgba(46,28,81,.13)!important}
.recharge .top_text span[data-v-9bb28996]{font-size:20px!important;margin-left:5px!important;color:#ffd66c!important}
.recharge .code_input_box[data-v-9bb28996]{margin:0!important;padding:0!important}
.recharge .code_input[data-v-9bb28996]{height:44px!important;min-height:44px!important;border-radius:13px!important;padding:0 12px!important;box-shadow:0 3px 10px rgba(39,32,48,.045)!important}
.recharge .code_input img[data-v-9bb28996]{width:20px!important;height:20px!important}
.recharge .code_input input[data-v-9bb28996]{font-size:13px!important}
.recharge .amount_list[data-v-9bb28996]{padding:8px 0!important;gap:6px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.recharge .amount_list button[data-v-9bb28996]{min-width:0!important;min-height:40px!important;padding:7px 3px!important;border-radius:12px!important;font-size:13px!important;box-shadow:0 3px 9px rgba(46,35,55,.04)!important}
.recharge .payment_box[data-v-9bb28996]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px!important;row-gap:5px!important;margin:0!important;padding:0 9px 7px!important;border:1px solid #ececf2!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 15px rgba(34,39,54,.055)!important;overflow:hidden!important}
.recharge .payment_text[data-v-9bb28996]{grid-column:1/-1!important;margin:0 -9px 1px!important;padding:9px 12px 7px!important;border-bottom:1px solid #f0f1f5!important;font-size:13px!important;line-height:1.15!important}
.recharge .payment_text::after{margin-top:3px!important;font-size:9px!important}
.recharge .payment_box>.van-radio-group[data-v-9bb28996]{min-width:0!important;width:100%!important;margin:0!important;padding:0!important}
.recharge .payment_box .van-radio[data-v-9bb28996]{width:100%!important;min-width:0!important;min-height:39px!important;height:39px!important;margin:0!important;padding:0 8px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:7px!important;border:1px solid #edf0f4!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;line-height:1.15!important;transition:background .15s ease,border-color .15s ease!important}
.recharge .payment_box .van-radio:has(.van-radio__icon[style*="visible"]){border:1px solid #f2b7d1!important;border-radius:10px!important;background:linear-gradient(110deg,#fff2f8,#fffafd)!important;box-shadow:none!important}
.recharge .payment_box .van-radio__icon{order:1!important;flex:0 0 18px!important;width:18px!important;min-width:18px!important;height:18px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.recharge .payment_box .van-radio__icon .van-icon{width:17px!important;height:17px!important;line-height:15px!important;border-radius:50%!important;border:1.4px solid #cbd2dc!important;background:#fff!important;color:transparent!important;font-size:10px!important}
.recharge .payment_box .van-radio__icon--checked .van-icon{border-color:#e91470!important;background:#e91470!important;color:#fff!important}
.recharge .payment_box .van-radio__label{order:2!important;display:block!important;flex:1 1 auto!important;min-width:0!important;margin:0!important}
.recharge .van-radio[data-v-9bb28996] .text{display:block!important;margin:0!important;color:#283144!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important}
/* Remove the old tall red/pink payment rail completely. */
.recharge .payment_box .van-radio,.recharge .payment_box .van-radio:before,.recharge .payment_box .van-radio:after{border-left:0!important;box-shadow:none!important}
.recharge .recharge_btn[data-v-9bb28996]{padding:8px 0 5px!important;margin:0!important}
.recharge .recharge_btn button[data-v-9bb28996]{width:100%!important;min-height:44px!important;height:44px!important;padding:8px 14px!important;border:0!important;border-radius:13px!important;background:linear-gradient(110deg,#f31672,#d90b62)!important;color:#fff!important;font-size:15px!important;font-weight:900!important;box-shadow:0 6px 15px rgba(218,12,97,.17)!important}
.km-claim-recharge-bonus{width:100%!important;max-width:560px!important;min-height:52px!important;height:auto!important;margin:5px auto 7px!important;padding:7px 10px!important;gap:8px!important;border-radius:13px!important;box-shadow:0 5px 13px rgba(214,0,93,.12)!important}
.km-crb-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important;font-size:18px!important}
.km-crb-copy{gap:2px!important}.km-crb-copy strong{font-size:12px!important;line-height:1.15!important}.km-crb-copy small{font-size:9px!important;line-height:1.2!important}
.km-crb-arrow{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:17px!important}
@media(max-width:380px){.recharge .recharge_box[data-v-9bb28996]{padding-left:9px!important;padding-right:9px!important}.recharge .top_text[data-v-9bb28996]{height:44px!important;min-height:44px!important;font-size:13px!important}.recharge .top_text span[data-v-9bb28996]{font-size:18px!important}.recharge .payment_box[data-v-9bb28996]{column-gap:6px!important;padding-left:7px!important;padding-right:7px!important}.recharge .payment_text[data-v-9bb28996]{margin-left:-7px!important;margin-right:-7px!important}.recharge .payment_box .van-radio[data-v-9bb28996]{padding:0 6px!important;gap:5px!important}.recharge .van-radio[data-v-9bb28996] .text{font-size:11px!important}}
@media(max-height:720px) and (max-width:600px){.recharge .recharge_box[data-v-9bb28996]{padding-top:6px!important}.recharge .top_text[data-v-9bb28996]{height:41px!important;min-height:41px!important;margin-bottom:6px!important}.recharge .code_input[data-v-9bb28996]{height:40px!important;min-height:40px!important}.recharge .amount_list[data-v-9bb28996]{padding:6px 0!important}.recharge .amount_list button[data-v-9bb28996]{min-height:36px!important}.recharge .payment_box .van-radio[data-v-9bb28996]{min-height:35px!important;height:35px!important}.recharge .recharge_btn button[data-v-9bb28996]{height:40px!important;min-height:40px!important}.km-claim-recharge-bonus{min-height:46px!important;margin-top:3px!important}}
@media(prefers-reduced-motion:reduce){.km-claim-recharge-bonus::after{animation:none!important}}


/* Korean Mall Recharge Premium V12 — reference-matched payment cards.
   Visual presentation only: existing payment ids and gateway methods are preserved. */
.recharge[data-v-9bb28996]{
  min-height:0!important;
  padding-bottom:12px!important;
  background:linear-gradient(180deg,#fff8fb 0%,#fff 100%)!important;
}
.recharge .recharge_box[data-v-9bb28996]{padding:10px 12px 6px!important}
.recharge .top_text[data-v-9bb28996]{height:50px!important;min-height:50px!important;margin-bottom:9px!important;border-radius:15px!important}
.recharge .code_input[data-v-9bb28996]{height:48px!important;min-height:48px!important}
.recharge .amount_list[data-v-9bb28996]{padding:9px 0 11px!important;gap:8px!important}
.recharge .amount_list button[data-v-9bb28996]{min-height:45px!important;border-radius:14px!important}

/* The Vue radio-group wrappers become transparent grid wrappers so that the
   four actual payment choices form a true 2 x 2 card layout. */
.recharge .payment_box[data-v-9bb28996]{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:10px!important;row-gap:9px!important;
  margin:2px 0 0!important;padding:0 12px 12px!important;
  border:0!important;border-radius:22px!important;background:#fff!important;
  box-shadow:0 8px 24px rgba(34,39,54,.065)!important;overflow:visible!important;
}
.recharge .payment_box .payment_text[data-v-9bb28996]{
  grid-column:1/-1!important;margin:0 -12px 1px!important;padding:13px 16px 10px!important;
  border:0!important;border-bottom:1px solid #f4edf1!important;
  border-radius:20px 20px 0 0!important;font-size:16px!important;font-weight:900!important;
  color:#18223a!important;letter-spacing:0!important;text-transform:none!important;
}
.recharge .payment_box .payment_text::before{content:""!important;display:inline-block!important;width:23px;height:20px;margin-right:9px;vertical-align:-4px;border:2px solid #e91470;border-radius:5px;background:linear-gradient(180deg,transparent 42%,#e91470 43%,#e91470 53%,transparent 54%)}
.recharge .payment_box .payment_text::after{content:"Choose your preferred payment method"!important;display:block!important;margin:4px 0 0 32px!important;font-size:10px!important;font-weight:600!important;color:#9298a5!important;letter-spacing:0!important}
.recharge .payment_box>.van-radio-group[data-v-9bb28996]{display:contents!important}
.recharge .payment_box .van-radio[data-v-9bb28996]{
  position:relative!important;width:100%!important;min-width:0!important;height:91px!important;min-height:91px!important;
  margin:0!important;padding:10px 8px 9px!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:5px!important;border:1px solid #eadde7!important;border-radius:18px!important;
  background:#fff!important;box-shadow:0 5px 13px rgba(53,30,49,.075)!important;
  overflow:hidden!important;transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}
.recharge .payment_box .van-radio:active{transform:scale(.985)!important}
.recharge .payment_box .van-radio:has(.van-radio__icon--checked[style*="visible"]){
  border:2px solid #ed1675!important;background:linear-gradient(145deg,#fff0f7,#fffafd)!important;
  box-shadow:0 6px 16px rgba(237,22,117,.13)!important;
}
.recharge .payment_box .van-radio__icon[data-v-9bb28996]{
  position:absolute!important;right:10px!important;top:9px!important;order:3!important;
  width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.recharge .payment_box .van-radio__icon .van-icon{width:21px!important;height:21px!important;line-height:19px!important;border-radius:50%!important;border:1px solid #d8dce5!important;background:#fff!important;color:transparent!important;font-size:12px!important}
.recharge .payment_box .van-radio__icon--checked .van-icon{border-color:#ed1675!important;background:#ed1675!important;color:#fff!important}
.recharge .payment_box .van-radio__label[data-v-9bb28996]{order:2!important;display:block!important;width:100%!important;min-width:0!important;margin:0!important;text-align:center!important}
.recharge .payment_box .van-radio .text[data-v-9bb28996]{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:5px!important;margin:0!important;color:#18233d!important;font-size:14px!important;font-weight:850!important;
  line-height:1.15!important;white-space:nowrap!important;overflow:visible!important;
}
.recharge .payment_box .van-radio .text::before{
  content:"";display:flex;width:43px;height:43px;align-items:center;justify-content:center;
  font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:1;flex:0 0 43px;
}
/* Phone-Pay / PhonePe-style purple mark */
.recharge .payment_box .van-radio:has(#two) .text::before{
  content:"पे";border-radius:50%;background:#5f259f;color:#fff;font-size:23px;letter-spacing:-2px;
}
/* Paytm blue wordmark treatment */
.recharge .payment_box .van-radio:has(#three) .text::before{
  content:"paytm";width:78px;flex-basis:78px;height:34px;
  background:linear-gradient(105deg,#062c72 0 48%,#00a9e8 52% 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;font-size:25px;font-style:italic;letter-spacing:-1.8px;
}
/* Google multicolour G */
.recharge .payment_box .van-radio:has(#four) .text::before{
  content:"G";font-size:39px;font-weight:900;
  background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 25% 47%,#fbbc05 47% 68%,#ea4335 68% 84%,#4285f4 84% 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
/* USDT / Tether-style green mark */
.recharge .payment_box .van-radio:has(#five) .text::before{
  content:"T";border-radius:50%;background:#26a17b;color:#fff;font-size:29px;letter-spacing:-1px;
}
.recharge .recharge_btn[data-v-9bb28996]{padding:12px 0 7px!important;margin:0!important}
.recharge .recharge_btn button[data-v-9bb28996]{width:100%!important;height:52px!important;min-height:52px!important;border:0!important;border-radius:17px!important;background:linear-gradient(110deg,#f31672,#d90b62)!important;color:#fff!important;font-size:19px!important;font-weight:900!important;box-shadow:0 9px 20px rgba(218,12,97,.20)!important}
.km-claim-recharge-bonus{margin:7px auto 8px!important;min-height:72px!important;padding:10px 13px!important;border-radius:18px!important}
.km-crb-icon{width:46px!important;height:46px!important;flex-basis:46px!important;font-size:25px!important}
.km-crb-copy strong{font-size:14px!important;line-height:1.2!important}.km-crb-copy small{font-size:10px!important;line-height:1.3!important}
.km-crb-arrow{width:32px!important;height:32px!important;flex-basis:32px!important}
@media(max-width:390px){
 .recharge .recharge_box[data-v-9bb28996]{padding-left:10px!important;padding-right:10px!important}
 .recharge .payment_box[data-v-9bb28996]{column-gap:8px!important;row-gap:8px!important;padding-left:9px!important;padding-right:9px!important}
 .recharge .payment_box .van-radio[data-v-9bb28996]{height:84px!important;min-height:84px!important;border-radius:15px!important}
 .recharge .payment_box .van-radio .text[data-v-9bb28996]{font-size:12px!important}
 .recharge .payment_box .van-radio .text::before{transform:scale(.92)}
 .recharge .recharge_btn button[data-v-9bb28996]{height:49px!important;min-height:49px!important;font-size:18px!important}
}
@media(max-height:760px) and (max-width:600px){
 .recharge .top_text[data-v-9bb28996]{height:44px!important;min-height:44px!important;margin-bottom:7px!important}
 .recharge .code_input[data-v-9bb28996]{height:42px!important;min-height:42px!important}
 .recharge .amount_list[data-v-9bb28996]{padding:7px 0 8px!important}
 .recharge .amount_list button[data-v-9bb28996]{min-height:38px!important}
 .recharge .payment_box .van-radio[data-v-9bb28996]{height:76px!important;min-height:76px!important}
 .recharge .payment_box .van-radio .text::before{transform:scale(.84)}
 .recharge .recharge_btn[data-v-9bb28996]{padding-top:8px!important}
 .recharge .recharge_btn button[data-v-9bb28996]{height:45px!important;min-height:45px!important}
 .km-claim-recharge-bonus{min-height:62px!important;margin-top:5px!important}
 .km-crb-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
}
@media(prefers-reduced-motion:reduce){.recharge .payment_box .van-radio{transition:none!important}}

/* Korean Mall Recharge Premium V13 — clean finishing pass from user's marked screenshot.
   Visual-only overrides: keep payment IDs, gateway routes, amount validation and submit handlers unchanged. */
.recharge .code_input[data-v-9bb28996]{
  border:1px solid #f0e4ea!important;
  outline:0!important;
  box-shadow:0 7px 18px rgba(38,35,49,.045)!important;
}
.recharge .code_input:focus,
.recharge .code_input:focus-within,
.recharge .code_input input:focus,
.recharge .code_input input:focus-visible,
.recharge .code_input input:active{
  outline:0!important;
  border-color:#f0e4ea!important;
  box-shadow:none!important;
}
.recharge .code_input input[data-v-9bb28996]{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
}
.recharge .code_input input[data-v-9bb28996]:focus,
.recharge .code_input input[data-v-9bb28996]:focus-visible{
  border:0!important;outline:0!important;box-shadow:none!important;
}

/* Align the payment icon and heading as one clean heading row. */
.recharge .payment_box .payment_text[data-v-9bb28996]{
  position:relative!important;
  display:block!important;
  min-height:29px!important;
  height:auto!important;
  line-height:29px!important;
  padding:0 0 0 38px!important;
  margin:0 0 10px!important;
  border:0!important;
  background:transparent!important;
  text-align:left!important;
  font-size:17px!important;
  font-weight:850!important;
  color:#20263a!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.recharge .payment_box .payment_text::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:4px!important;
  display:block!important;
  width:25px!important;
  height:19px!important;
  margin:0!important;
  vertical-align:initial!important;
  border:2px solid #e91470!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,transparent 40%,#e91470 41%,#e91470 53%,transparent 54%)!important;
  box-sizing:border-box!important;
}
.recharge .payment_box .payment_text::after{
  content:"Choose your preferred payment method"!important;
  display:block!important;
  margin:0 0 0 0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:14px!important;
  font-weight:550!important;
  color:#9298a5!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Remove all four unwanted side strokes and individual card borders. */
.recharge .payment_box[data-v-9bb28996]{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.recharge .payment_box .van-radio[data-v-9bb28996]{
  border:0!important;
  border-left:0!important;
  border-right:0!important;
  outline:0!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.recharge .payment_box .van-radio::before,
.recharge .payment_box .van-radio::after{
  border:0!important;
  box-shadow:none!important;
}
.recharge .payment_box .van-radio:has(.van-radio__icon--checked[style*="visible"]){
  border:0!important;
  outline:0!important;
  background:linear-gradient(145deg,#fff0f7 0%,#fff8fb 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(237,22,117,.10)!important;
}
.recharge .payment_box .van-radio:focus,
.recharge .payment_box .van-radio:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}
.recharge .payment_box .van-radio:has(.van-radio__icon--checked[style*="visible"]):focus,
.recharge .payment_box .van-radio:has(.van-radio__icon--checked[style*="visible"]):focus-visible{
  box-shadow:inset 0 0 0 1px rgba(237,22,117,.10)!important;
}

/* Keep the recharge area itself plain white; only the actual button is pink. */
.recharge .recharge_btn[data-v-9bb28996]{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.recharge .recharge_btn button[data-v-9bb28996]{
  border:0!important;
  outline:0!important;
  background:linear-gradient(110deg,#f31672 0%,#e50969 55%,#cf075b 100%)!important;
  box-shadow:0 8px 18px rgba(218,12,97,.17)!important;
}
.recharge .recharge_btn button:focus,
.recharge .recharge_btn button:focus-visible{
  outline:0!important;
  box-shadow:0 8px 18px rgba(218,12,97,.17)!important;
}
@media(prefers-reduced-motion:reduce){
  .recharge .payment_box .van-radio,
  .recharge .recharge_btn button{transition:none!important}
}

/* Korean Mall Recharge Premium V14 — definitive payment rail removal.
   Removes legacy left/right accent rails from every payment option and wrapper.
   Keeps the selected-state tint/checkmark and all Vue payment handlers intact. */
.recharge .payment_box,
.recharge .payment_box > .van-radio-group,
.recharge .payment_box .van-radio-group,
.recharge .payment_box .van-radio {
  border-left: 0 !important;
  border-left-width: 0 !important;
  border-left-color: transparent !important;
  border-right: 0 !important;
  border-right-width: 0 !important;
  border-right-color: transparent !important;
  border-inline-start: 0 !important;
  border-inline-end: 0 !important;
  box-shadow: none !important;
}
.recharge .payment_box .van-radio {
  position: relative !important;
  background-color: #fff !important;
  background-image: none !important;
  outline: 0 !important;
}
.recharge .payment_box .van-radio::before,
.recharge .payment_box .van-radio::after,
.recharge .payment_box .van-radio__label::before,
.recharge .payment_box .van-radio__label::after,
.recharge .payment_box > .van-radio-group::before,
.recharge .payment_box > .van-radio-group::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
/* Selected option: subtle pink wash only, without a side rail or heavy frame. */
.recharge .payment_box .van-radio:has(.van-radio__icon--checked[style*="visible"]) {
  border: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: linear-gradient(145deg, #fff2f8 0%, #fff9fc 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(237, 22, 117, .12) !important;
}
.recharge .payment_box .van-radio:focus,
.recharge .payment_box .van-radio:focus-visible,
.recharge .payment_box .van-radio:active {
  outline: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
}
.recharge .payment_box .van-radio:has(.van-radio__icon--checked[style*="visible"]):focus,
.recharge .payment_box .van-radio:has(.van-radio__icon--checked[style*="visible"]):focus-visible {
  box-shadow: inset 0 0 0 1px rgba(237, 22, 117, .12) !important;
}