.lang-selector {
    position: relative;
}
.lang-btn {
    display: flex; align-items: center; gap: 4px;
    background: var(--bg-soft, var(--gray-100)); border: 1px solid var(--gray-200);
    border-radius: 8px; padding: 6px 10px; cursor: pointer;
    font-size: 13px; color: var(--gray-700); transition: all .2s;
}
.lang-btn:hover { border-color: var(--primary); color: var(--primary); }
.lang-flag { font-size: 16px; }
.lang-code { font-weight: 600; }
.lang-arrow { transition: transform .2s; }
.lang-dropdown {
    position: absolute; top: 100%; right: 0; margin-top: 6px;
    background: #fff; border: 1px solid var(--gray-200);
    border-radius: 10px; box-shadow: var(--shadow-md);
    min-width: 140px; overflow: hidden; z-index: 100;
}
.lang-option {
    display: flex; align-items: center; gap: 8px;
    padding: 10px 14px; font-size: 14px; color: var(--gray-700);
    text-decoration: none; transition: background .15s;
}
.lang-option:hover { background: var(--gray-50); }
.lang-option.active {
    color: var(--primary); font-weight: 600;
    background: rgba(27,77,142,.05);
}
[x-cloak] { display: none !important; }
@media (max-width: 768px) {
    .lang-btn { padding: 5px 8px; font-size: 12px; }
    .lang-dropdown { min-width: 120px; }
}