/* Matn tayyor bo'lgunicha yashirin turadi — shu bilan eski/statik matn birinchi bo'lib chaqnab, keyin yangisiga almashib ketishining oldi olinadi. js/i18n.js DOMContentLoaded'da applyLang() ni chaqirgach ga "i18n-ready" klassini qo'shadi va matn shu yerda ko'rinadi. */ html:not(.i18n-ready) [data-i18n] { visibility: hidden; } .lang-switch { display: flex; align-items: center; gap: 2px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 20px; padding: 2px; flex: 0 0 auto; } .lang-switch__btn { background: transparent; border: none; color: #fff; font-size: 13px; line-height: 1; font-weight: 600; font-family: inherit; padding: 8px 12px; border-radius: 16px; cursor: pointer; opacity: 0.6; transition: all 0.2s ease; } .lang-switch__btn:hover { opacity: 1; } .lang-switch__btn.active { background: #fff; color: #131313; opacity: 1; } @media screen and (max-width: 1200px) { .lang-switch { display: none; order: 1; } .header-menu.responsive .lang-switch { display: flex; } } @media screen and (max-width: 650px) { .header-menu.responsive .lang-switch { align-self: flex-start; } }