/* ================= korea-1x navigation menu ================= */
svg{display:block;}
.k1x-drop .flag svg{width:100%;height:100%;}
.chevholder,.chevholder2{display:inline-flex;}

/* full-screen modal shell */
.k1x{
  max-width:480px;
  margin:0 auto;
  min-height:100vh;
  min-height:100dvh;
  background:var(--c-white);
  display:flex;
  flex-direction:column;
  padding-top:env(safe-area-inset-top,0);
  padding-bottom:env(safe-area-inset-bottom,0);
}
@media (min-width:600px){
  .k1x{
    max-width:600px;
    box-shadow:0 0 0 1px #e2e7ec, 0 10px 40px rgba(20,50,90,.08);
  }
}

/* ---------- header ---------- */
.k1x-head{
  position:sticky; top:0; z-index:20;
  background:var(--c-white);
  display:flex; align-items:center;
  height:clamp(46px, 12vw, 50px);
  padding:0 var(--pad-x);
  border-bottom:1px solid var(--hairline);
}
.k1x-drop{
  display:flex; align-items:center; gap:6px;
  color:var(--c-blue); font-size:clamp(14px, 3.9vw, 16px); font-weight:500;
  white-space:nowrap; padding:0;
}
.k1x-drop .flag{width:clamp(20px,5.6vw,24px);height:clamp(20px,5.6vw,24px);border-radius:50%;overflow:hidden;flex:0 0 auto;}
.k1x-drop svg.chev{width:18px;height:18px;}
.k1x-head .sep{width:1px;height:26px;background:#d7dde3;margin:0 clamp(8px,4vw,16px);flex:0 0 auto;}
.k1x-head .spacer{flex:1 1 auto;min-width:8px;}
.k1x-gear{
  width:44px;height:44px;border-radius:var(--r-sm);
  background:var(--c-gear-active);
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.k1x-gear svg{width:24px;height:24px;color:var(--c-blue);}
.k1x-close{
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  color:var(--c-blue);flex:0 0 auto;
}
.k1x-close svg{width:26px;height:26px;}

/* ---------- scroll body ---------- */
.k1x-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;}

/* ---------- balance row ---------- */
.k1x-balance{
  display:flex; gap:10px; align-items:stretch;
  padding:12px var(--pad-x) 10px;
}
.k1x-wallet{
  flex:1 1 auto; min-width:0;
  background:var(--c-panel); border-radius:var(--r-md);
  display:flex; align-items:center; gap:12px;
  height:clamp(44px,11.6vw,48px); padding:0 clamp(12px,3.6vw,14px);
}
.k1x-wallet .wico{width:26px;height:26px;color:var(--c-blue);flex:0 0 auto;}
.k1x-wallet .wsep{width:1px;height:22px;background:#c8d2dc;flex:0 0 auto;}
.k1x-wallet .amt{font-size:var(--fz-balance);font-weight:700;color:var(--c-navy);flex:1 1 auto;}
.k1x-wallet .wchev{width:22px;height:22px;color:var(--c-blue);flex:0 0 auto;}
.k1x-deposit{
  flex:0 0 auto; width:clamp(104px, 33vw, 134px);
  background:var(--c-green); color:#fff;
  border-radius:var(--r-md);
  font-size:var(--fz-btn); font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.k1x-deposit:active{background:var(--c-green-press);}

/* ---------- app banner ---------- */
.k1x-banner{
  background:var(--c-panel);
  position:relative; overflow:hidden;
  padding:clamp(12px,3.5vw,14px) var(--pad-x) clamp(14px,4vw,16px);
}
.k1x-banner .phone{
  position:absolute; left:-22px; top:2px;
  width:clamp(80px, 24vw, 96px); height:auto;
  pointer-events:none; z-index:2;
}
.k1x-banner .bcontent{padding-left:clamp(40px, 13vw, 48px);} /* clears the phone */
.k1x-banner .btitle{
  margin:0 0 12px 0;
  font-size:var(--fz-heading); font-weight:700; color:var(--c-navy);
  line-height:1.15; letter-spacing:.2px;
}
.k1x-store{display:flex; gap:clamp(8px, 3vw, 12px);}
.k1x-store button{
  flex:1 1 0; min-width:0; height:clamp(46px, 12vw, 52px); border-radius:var(--r-md);
  background:var(--c-green); color:#fff;
  display:flex;align-items:center;justify-content:center;gap:clamp(7px, 2.6vw, 12px);
  font-size:var(--fz-btn);font-weight:500;white-space:nowrap;
}
.k1x-store button:active{background:var(--c-green-press);}
.k1x-store svg{width:clamp(18px,5.4vw,22px);height:clamp(20px,5.8vw,24px);fill:#fff;color:#fff;flex:0 0 auto;}

/* ---------- search ---------- */
.k1x-searchwrap{background:var(--c-panel);padding:2px var(--pad-x) 12px;}
.k1x-search{
  background:#fff; border-radius:var(--r-md);
  height:clamp(46px,12vw,52px); display:flex; align-items:center; gap:clamp(10px,3.6vw,14px);
  padding:0 var(--pad-x);
}
.k1x-search .sico{width:24px;height:24px;color:var(--c-blue);flex:0 0 auto;}
.k1x-search .ssep{width:1px;height:26px;background:#d7dde3;flex:0 0 auto;}
.k1x-search input{
  border:none;outline:none;background:transparent;flex:1 1 auto;min-width:0;
  font-size:var(--fz-label);color:var(--c-navy);
}
.k1x-search input::placeholder{color:var(--c-placeholder);opacity:1;}

/* ---------- section band ---------- */
.k1x-section{
  height:var(--section-h); display:flex; align-items:center;
  padding:0 var(--pad-x);
  background:var(--c-panel);
  color:var(--c-section-txt);
  font-size:var(--fz-section); font-weight:500;
  letter-spacing:1.2px; text-transform:uppercase;
}

/* ---------- menu rows ---------- */
.k1x-list{list-style:none;margin:0;padding:0;}
.k1x-row{
  display:flex; align-items:center;
  min-height:var(--row-h);
  padding:var(--row-py) var(--pad-x);
  background:#fff;
  border-bottom:1px solid var(--c-divider);
  color:var(--c-blue);
  text-decoration:none;
  width:100%;
  text-align:left;
}
.k1x-row:active{background:#f6f9fb;}
.k1x-row .circle{
  width:var(--circle);height:var(--circle);border-radius:50%;
  background:var(--c-icon-bg);
  display:flex;align-items:center;justify-content:center;
  flex:0 0 auto; margin-right:var(--gap-icon);
}
.k1x-row .circle svg{width:var(--icon);height:var(--icon);color:var(--c-blue);}
.k1x-row .label{
  flex:1 1 auto; min-width:0;
  font-size:var(--fz-label); font-weight:500; color:var(--c-blue);
  display:flex;align-items:center;gap:8px;
}
.k1x-row .chev{width:22px;height:22px;color:var(--c-blue);flex:0 0 auto;}
.k1x-badge{
  min-width:18px;height:18px;border-radius:50%;
  background:var(--c-red);color:#fff;
  font-size:11px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 5px;
}

/* live dot glyph tint */
.k1x-row .circle.live svg{color:var(--c-blue);}
.k1x-row .circle.live .dot{fill:var(--c-green);}

/* expandable open-state (WP interaction) */
.k1x-row.is-open .chev{transform:rotate(180deg);transition:transform .15s ease;}
.k1x-row .chev{transition:transform .15s ease;}

/* ---------- language switcher ---------- */
.k1x-lang{position:relative;display:flex;align-items:center;}
.k1x-lang-toggle .chev{transition:transform .15s ease;}
.k1x-lang.open .k1x-lang-toggle .chev{transform:rotate(180deg);}
.k1x-lang-menu{
  position:absolute; top:100%; left:0; margin-top:8px;
  background:#fff; border:1px solid #e2e7ec; border-radius:10px;
  box-shadow:0 10px 28px rgba(20,50,90,.16);
  padding:4px; min-width:160px; z-index:60; display:none;
}
.k1x-lang.open .k1x-lang-menu{display:block;}
.k1x-lang-opt{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:8px;
  color:var(--c-blue); text-decoration:none;
  font-size:15px; font-weight:500; white-space:nowrap;
}
.k1x-lang-opt .flag{width:22px;height:22px;border-radius:50%;overflow:hidden;flex:0 0 auto;}
.k1x-lang-opt .flag svg{width:100%;height:100%;}
.k1x-lang-opt:hover{background:#f2f6f9;}
.k1x-lang-opt.is-active{background:#eef3f8;}