.site-nav__languages { position: relative; flex-shrink: 0; }
.site-nav__language-trigger { display: flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: .55rem .75rem; border: 1px solid var(--border-soft, rgba(128,128,128,.25)); border-radius: .75rem; font-size: .8rem; font-weight: 600; cursor: pointer; list-style: none; user-select: none; }
.site-nav__language-trigger::-webkit-details-marker { display: none; }
.site-nav__language-trigger:hover, .site-nav__languages[open] > summary { background: rgba(139,92,246,.1); }
.site-nav__language-chevron { transition: transform .2s ease; }
.site-nav__languages[open] .site-nav__language-chevron { transform: rotate(180deg); }
.site-nav__language-list { position: absolute; top: calc(100% + .5rem); right: 0; z-index: 100; min-width: 170px; padding: .35rem; border: 1px solid var(--border-soft, rgba(128,128,128,.25)); border-radius: .85rem; background: var(--surface-color, #fff); color: var(--text-color, #1a1a1f); box-shadow: 0 12px 30px rgba(0,0,0,.12); }
.site-nav__language { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 44px; padding: .55rem .7rem; border-radius: .55rem; text-decoration: none; color: inherit; font-size: .85rem; white-space: nowrap; box-sizing: border-box; }
.site-nav__language:hover, .site-nav__language[aria-current="true"] { background: rgba(139,92,246,.12); color: var(--primary-color, #7047c6); }
.site-nav__language:focus-visible, .site-nav__language-trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
html[lang="kk"] body { font-family: "Noto Sans", Arial, sans-serif; }
.site-nav__language--pending { opacity: .45; cursor: default; }
html[lang="kk"] { --font-family: "Noto Sans", Arial, sans-serif; }
@media (min-width: 768px) and (max-width: 1100px) {
  .site-nav__links { gap: .65rem; }
  .site-nav__language-trigger { padding: .45rem .55rem; }
}
@media (max-width: 767px) {
  .site-nav__language-trigger { justify-content: flex-start; }
  .site-nav__language-list { position: static; margin-top: .5rem; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) { .site-nav__language-chevron { transition: none; } }