.kv-localization-controls {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
  border: 1px solid var(--line, rgba(255,255,255,.1));
  border-radius: 12px;
  background: var(--surface, rgba(17,24,42,.78));
}
.preview-banner {
  position: relative;
  z-index: 120;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 38px;
  padding: 8px 20px;
  box-sizing: border-box;
  color: #dffef7;
  background: linear-gradient(90deg, rgba(20,246,190,.17), rgba(123,77,255,.2));
  border-bottom: 1px solid rgba(91,244,213,.28);
  font: 600 12px/1.4 Manrope, sans-serif;
  text-align: center;
}
.preview-banner strong {
  padding: 3px 8px;
  color: #071612;
  background: #5bf4d5;
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: .12em;
}
.kv-localization-controls label { display: block; }
.kv-localization-controls label > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.kv-localization-controls select {
  appearance: none;
  min-width: 54px;
  padding: 6px 8px;
  border: 0;
  border-radius: 8px;
  outline: none;
  color: var(--text, #f5f7ff);
  background: var(--surface-2, #171f34);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  cursor: pointer;
}
.login-wrapper > .kv-localization-controls {
  display: flex;
  width: max-content;
  margin: 0 0 24px auto;
}
.auth-card > .kv-localization-controls {
  width: max-content;
  margin: 0 auto 22px;
}
@media (max-width: 860px) {
  .site-header .kv-localization-controls select { min-width: 48px; padding-inline: 5px; }
  .site-header.kv-controls-row { height: auto; }
  .site-header.kv-controls-row .nav-wrap {
    min-height: var(--header-h, 68px);
    height: auto;
    flex-wrap: wrap;
    row-gap: 0;
    padding-block: 9px;
  }
  .site-header.kv-controls-row .nav-wrap > .kv-localization-controls {
    order: 3;
    flex: 0 0 100%;
    justify-content: flex-end;
    margin-top: 8px;
  }
}
@media (max-width: 640px) {
  .mobile-nav .kv-localization-controls--mobile-nav {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 5px;
    padding: 6px;
  }
  .mobile-nav .kv-localization-controls--mobile-nav label { flex: 1; }
  .mobile-nav .kv-localization-controls--mobile-nav select { width: 100%; }
  .login-wrapper > .kv-localization-controls {
    margin-bottom: 20px;
  }
}
@media (max-width: 420px) {
  .site-header.kv-controls-row .nav-wrap > .kv-localization-controls {
    justify-content: stretch;
  }
  .site-header.kv-controls-row .nav-wrap > .kv-localization-controls label { flex: 1; }
  .site-header.kv-controls-row .nav-wrap > .kv-localization-controls select { width: 100%; }
}