.language-switcher {
  position: fixed;
  top: 12px;
  right: 18px;
  z-index: 10050;
  font-family: Arial, sans-serif;
}
.language-trigger {
  width: 38px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(15, 23, 42, .18);
  cursor: pointer;
}
.language-trigger img { width: 24px; height: 24px; display: block; }
.language-menu {
  position: absolute;
  top: 40px;
  right: 0;
  width: 160px;
  padding: 7px 0;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .25);
  overflow: hidden;
}
.language-menu[hidden] { display: none; }
.language-option {
  width: 100%;
  min-height: 35px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 7px 13px;
  border: 0;
  background: transparent;
  color: #334155;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.language-option:hover,
.language-option.is-active { background: #e2f3fb; color: #1688e5; }
.language-flag { width: 22px; height: 22px; display: block; flex: 0 0 22px; }
@media (max-width: 720px) {
  .language-switcher { top: 9px; right: 10px; }
}