/* Переключатель языков — дропдаун на <details>; лендинги, документы и страницы родителя (I18N.mount). */
.langs { --langs-text: #0b1f5e; --langs-accent: #0a6dfc; --langs-tint: #e2f2fe; }
.langs { position: relative; margin-left: auto; line-height: 1.2; }
.langs summary {
  display: flex; align-items: center; gap: 6px; height: 38px; padding: 0 12px 0 10px;
  border-radius: 999px; background: #fff; box-shadow: 0 2px 10px rgba(11, 31, 94, .12);
  font-weight: 700; font-size: 15px; color: var(--langs-text); cursor: pointer; list-style: none; user-select: none;
}
.langs summary span { font: inherit; color: inherit; }
.langs summary::-webkit-details-marker { display: none; }
.langs summary:hover { color: var(--langs-accent); }
.langs svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.langs__globe { width: 18px; height: 18px; }
.langs__chev { width: 16px; height: 16px; transition: transform .15s; }
.langs[open] .langs__chev { transform: rotate(180deg); }
.langs__menu {
  position: absolute; right: 0; top: calc(100% + 8px); z-index: 20; min-width: 170px; padding: 6px;
  border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(11, 31, 94, .16);
}
.langs__menu button { font: inherit; width: 100%; border: 0; background: none; cursor: pointer; }
.langs__menu a, .langs__menu button { display: block; padding: 9px 12px; border-radius: 10px; font-weight: 600; font-size: 15px; color: var(--langs-text); text-decoration: none; text-align: left; }
.langs__menu a:hover, .langs__menu button:hover { background: var(--langs-tint); }
.langs__menu [aria-current] { color: var(--langs-accent); }
.langs__menu [aria-current]::after { content: " ✓"; }

@media (max-width: 600px) {
  .langs summary { height: 34px; padding: 0 10px 0 8px; font-size: 14px; }
}