.lang-switch{position:relative;z-index:80;flex:0 0 auto}
.lang-switch-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.4rem .68rem;border-radius:999px;cursor:pointer;
  border:1px solid rgba(201,162,39,.4);
  background:rgba(75,0,130,.42);
  color:#F6F1E6;font-size:.76rem;font-weight:800;
}
.lang-switch-btn:hover,.lang-switch.is-open .lang-switch-btn{
  border-color:#C9A227;
}
.lang-flag-img{
  width:22px;height:16px;object-fit:cover;border-radius:3px;flex:0 0 auto;
  display:block;
}
.lang-switch-btn .lang-code,.lang-option .lang-code{
  font-size:.66rem;font-weight:800;letter-spacing:.06em;opacity:.75;min-width:1.45rem;
}
.lang-switch-panel{
  position:absolute;top:calc(100% + 6px);right:0;left:auto;
  min-width:14rem;max-width:min(18rem,92vw);
  padding:.4rem;border-radius:14px;
  background:#14081f;border:1px solid rgba(201,162,39,.35);
  display:none;max-height:min(70vh,22rem);overflow:auto;z-index:90;
}
.lang-switch.is-open .lang-switch-panel{display:grid;gap:.15rem}
.lang-option{
  display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;
  padding:.5rem .6rem;border:0;border-radius:10px;cursor:pointer;
  background:transparent;color:#F6F1E6;font-size:.86rem;font-weight:650;
}
.lang-option:hover,.lang-option.is-active{background:rgba(201,162,39,.16);color:#C9A227}
@media (max-width:980px){
  .lang-switch-btn .lang-name{display:none}
}