.lang-switch{position:relative;z-index:40}
.lang-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--surface,#fff);color:var(--ink,#0B0B0C);
  border:1px solid var(--line,#E8E8E5);border-radius:999px;
  padding:7px 12px 7px 14px;font-size:.74rem;font-weight:800;
  font-family:inherit;letter-spacing:.06em;cursor:pointer;transition:.15s
}
.lang-btn:hover{border-color:var(--ink,#0B0B0C)}
.lang-chevron{width:14px;height:14px;color:var(--ink-soft,#5A5A5E)}
.lang-menu{
  position:absolute;right:0;top:calc(100% + 8px);
  width:200px;max-height:70vh;overflow:auto;
  background:var(--surface,#fff);border:1px solid var(--line,#E8E8E5);
  border-radius:14px;padding:6px;
  box-shadow:0 18px 40px rgba(11,11,12,.08)
}
.lang-menu.hidden{display:none}
.lang-opt{
  display:flex;align-items:center;gap:8px;width:100%;
  background:transparent;border:none;border-radius:10px;
  padding:9px 12px;text-align:left;cursor:pointer;
  font-family:inherit;font-size:.84rem;font-weight:600;
  color:var(--ink-soft,#5A5A5E)
}
.lang-opt:hover{background:var(--surface-2,#F4F4F1);color:var(--ink,#0B0B0C)}
.lang-opt.on{background:var(--lime,#CAFD5D);color:var(--ink,#0B0B0C);font-weight:800}
html[dir="rtl"] .lang-menu{right:auto;left:0}
html[dir="rtl"] .lang-btn{flex-direction:row-reverse}