.language-menu-host { display: contents; }
.language-menu { position: relative; }
.language-menu-trigger {
  align-items: center; background: var(--surface, #111b2d); border: 1px solid var(--line, #26344d);
  border-radius: 999px; color: inherit; cursor: pointer; display: inline-flex; font: inherit;
  font-weight: 700; gap: .45rem; min-height: 44px; padding: .65rem .9rem;
}
.language-menu-trigger svg { height: 18px; width: 18px; }
.language-popover {
  background: var(--surface, #111b2d); border: 1px solid var(--line, #26344d); border-radius: 18px;
  box-shadow: 0 18px 48px rgb(0 0 0 / 34%); display: grid; gap: .35rem; inset-inline-end: 0;
  min-width: 210px; padding: .55rem; position: absolute; top: calc(100% + .65rem); z-index: 90;
}
.language-popover[hidden] { display: none; }
.language-popover button {
  align-items: center; background: transparent; border: 0; border-radius: 12px; color: inherit;
  cursor: pointer; display: grid; font: inherit; gap: .7rem; grid-template-columns: 38px 1fr 18px;
  padding: .7rem .8rem; text-align: start;
}
.language-popover button:hover,
.language-popover button[aria-selected="true"] { background: color-mix(in srgb, #1687ff 16%, transparent); }
.language-popover button span { opacity: .78; }
.language-popover button svg { opacity: 0; width: 17px; }
.language-popover button[aria-selected="true"] svg { opacity: 1; }
.language-menu-floating { inset: 18px 18px auto auto; position: fixed; z-index: 100; }
html[dir="rtl"] body { direction: rtl; }
html[dir="rtl"] .language-popover { text-align: right; }
html[dir="rtl"] .hero-stage,
html[dir="rtl"] .app-frame,
html[dir="rtl"] [data-product-image] { direction: ltr; }
@media (max-width: 720px) {
  .language-menu-trigger { min-height: 40px; padding: .55rem .7rem; }
  .language-popover { inset-inline-end: -2.5rem; min-width: 190px; }
}