/* Переключатель языка и переносы для кыргызского: слова длиннее русских, а кнопки и бейджи в app.css не переносятся. */

.lang-switch { display: inline-flex; flex: none; gap: 2px; padding: 2px; margin: 0; border-radius: 9px; background: var(--surface-soft); }
.lang-switch button {
  height: 28px; padding: 0 8px; border: 0; border-radius: 7px; background: none;
  color: var(--text-2); font: 800 12px var(--font); cursor: pointer;
}
.lang-switch button:hover { color: var(--text); }
.lang-switch button[aria-pressed="true"] { background: var(--surface); color: var(--text); box-shadow: 0 1px 2px rgba(17, 24, 39, .1); cursor: default; }
/* Уже 1240 px в шапке тесно: остаётся одна кнопка, она переключает на другой язык. */
@media (max-width: 1239px) {
  .header__inner { gap: 10px; }
  .header__lang { padding: 0; background: none; }
  .header__lang button[aria-pressed="true"] { display: none; }
  .header__lang button { height: 32px; padding: 0 10px; background: var(--surface-soft); border-radius: 9px; }
}
@media (max-width: 899px) {
  .header__lang { margin-left: auto; }
  .header__lang ~ .header__login { margin-left: 0; }
}

.lang-choice { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }

html:lang(ky) .btn { white-space: normal; text-align: center; line-height: 1.2; height: auto; min-height: 44px; padding-top: 6px; padding-bottom: 6px; }
html:lang(ky) .btn--s { min-height: 36px; padding-top: 4px; padding-bottom: 4px; }
html:lang(ky) .btn--xs { min-height: 30px; padding-top: 3px; padding-bottom: 3px; }
html:lang(ky) .tag { white-space: normal; overflow-wrap: anywhere; }
html:lang(ky) .tag.num { white-space: nowrap; }
html:lang(ky) h1, html:lang(ky) h2, html:lang(ky) h3,
html:lang(ky) .fact__label, html:lang(ky) .specs__key, html:lang(ky) .note, html:lang(ky) .toast,
html:lang(ky) .filters legend, html:lang(ky) .buybox__links a, html:lang(ky) .tile__meta { overflow-wrap: anywhere; }
html:lang(ky) .fact__note { white-space: normal; }

/* Между 900 и 1240 px кыргызские подписи меню шире русских: ужимаем отступы и кегль. */
@media (min-width: 900px) and (max-width: 1239px) {
  html:lang(ky) .header-nav a, html:lang(ky) .header-nav button { padding: 6px 7px; font-size: 11px; }
  html:lang(ky) .header__inner { gap: 10px; }
}
@media (max-width: 899px) {
  html:lang(ky) .tabbar a { font-size: 10px; text-align: center; line-height: 1.15; }
}