.lang-menu { position: relative; }
.lang-menu .lang-globe { width: 18px; height: 18px; }
.lang-pop {
  position: absolute; top: calc(100% + 8px); inset-inline-end: 0; z-index: 60; min-width: 150px; padding: 6px;
  border: 1px solid #E3E8F1; border-radius: 10px; background: #fff; color: #15234A;
  box-shadow: 0 14px 34px rgba(14, 26, 56, .18);
  opacity: 0; visibility: hidden; transform: translateY(-6px) scale(.98); transform-origin: top;
  transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
.lang-menu.is-open .lang-pop {
  opacity: 1; visibility: visible; transform: none;
  transition: opacity .2s ease, transform .2s ease, visibility 0s;
}
.lang-pop button {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; height: 38px;
  padding-inline: 12px; border: 0; border-radius: 6px; background: none; color: inherit;
  font: inherit; font-size: 14px; font-weight: 500; cursor: pointer; transition: background .15s, color .15s;
}
.lang-pop button:hover, .lang-pop button:focus-visible { background: #F4F6FA; outline: none; }
.lang-pop button[aria-checked="true"] { color: #18753C; font-weight: 600; }
.lang-pop .lang-check { width: 16px; height: 16px; opacity: 0; transition: opacity .15s; }
.lang-pop button[aria-checked="true"] .lang-check { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .lang-pop, .lang-menu.is-open .lang-pop { transition: none; }
}