.lang-bar{
  display:flex;
  justify-content:flex-end;
  position:relative;
  z-index:120;
}

.site-nav .lang-bar,.nav-right .lang-bar{
  margin:0;
  padding:0;
  background:transparent;
  justify-self:end;
}

.lang-picker{
  position:relative;
}

.lang-trigger{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:160px;
  justify-content:space-between;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(14,14,14,.92);
  color:#fff;
  cursor:pointer;
  font-family:'Cabinet Grotesk',sans-serif;
  font-size:.98rem;
  font-weight:700;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.lang-trigger:hover{
  background:rgba(18,18,18,.98);
  border-color:rgba(255,255,255,.24);
  transform:translateY(-1px);
}

.site-nav .lang-trigger,.nav-right .lang-trigger{
  gap:7px;
  min-width:auto;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.75);
  font-size:.82rem;
  box-shadow:none;
}

.site-nav .lang-trigger:hover,.nav-right .lang-trigger:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.2);
  transform:none;
}

.lang-trigger-label-wrap{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.lang-trigger-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:8px;
  background:rgba(255,255,255,.08);
  font-size:.92rem;
}

.lang-trigger-label{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lang-trigger-caret{
  width:11px;
  height:11px;
  flex:none;
  opacity:.78;
  transition:transform .18s ease;
}

.lang-picker.open .lang-trigger-caret{
  transform:rotate(180deg);
}

.lang-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:220px;
  max-height:260px;
  overflow:auto;
  padding:8px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(12,12,12,.97);
  box-shadow:0 24px 50px rgba(0,0,0,.35);
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease;
}

.lang-picker.open .lang-menu{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

.lang-option{
  appearance:none;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 12px;
  border:none;
  border-radius:12px;
  background:transparent;
  color:rgba(255,255,255,.84);
  text-align:left;
  cursor:pointer;
  font-family:'Instrument Sans',sans-serif;
  font-size:.92rem;
  transition:background .16s ease,color .16s ease;
}

.lang-option:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.lang-option.on{
  background:rgba(201,168,76,.18);
  color:#f5ddb0;
}

.lang-option-name{
  white-space:nowrap;
}

.lang-option-code{
  font-family:'Cabinet Grotesk',sans-serif;
  font-size:.78rem;
  letter-spacing:.08em;
  color:rgba(255,255,255,.46);
}

@media(max-width:720px){
  .site-nav .lang-bar,.nav-right .lang-bar{justify-self:end}
  .lang-trigger{min-width:148px;padding:9px 12px}
  .site-nav .lang-trigger,.nav-right .lang-trigger{min-width:auto;padding:8px 12px}
  .lang-menu{min-width:200px}
}

@media(max-width:520px){
  .lang-trigger{min-width:126px;max-width:126px}
  .site-nav .lang-trigger,.nav-right .lang-trigger{min-width:auto;max-width:none}
}