/* Переключатель языка (i18n.js) */
.lang-sw { position: relative; flex: none; }
.lang-btn { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px; border-radius: 13px; cursor: pointer; color: #fff; font: 800 13px 'Inter', sans-serif; letter-spacing: .5px;
    background: rgba(255, 255, 255, .06); border: 1px solid rgba(183, 140, 255, .35); transition: background .2s, box-shadow .2s, transform .2s; }
.lang-btn:hover { background: rgba(var(--ff-a, 122, 44, 255), .22); box-shadow: 0 0 18px rgba(var(--ff-a, 122, 44, 255), .4); transform: translateY(-1px); }
.lang-btn svg { opacity: .9; }
.lang-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 300; min-width: 176px; padding: 6px; display: none; border-radius: 16px;
    background: linear-gradient(160deg, rgba(26, 14, 56, .98), rgba(9, 5, 20, .98)); border: 1px solid rgba(183, 140, 255, .4); box-shadow: 0 18px 50px rgba(0, 0, 0, .6); }
.lang-sw.open .lang-menu { display: block; animation: langIn .18s ease both; }
@keyframes langIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.lang-menu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 0; border-radius: 11px; background: transparent; color: #e6dcff; font: 700 14px 'Inter', sans-serif; cursor: pointer; text-align: left; }
.lang-menu button i { font-style: normal; display: inline-grid; place-items: center; min-width: 30px; height: 22px; border-radius: 7px; background: rgba(255, 255, 255, .1); font-size: 11px; letter-spacing: .5px; }
.lang-menu button:hover { background: rgba(255, 255, 255, .08); }
.lang-menu button.on { background: linear-gradient(90deg, rgba(122, 44, 255, .5), rgba(255, 79, 216, .35)); color: #fff; }
.lang-menu button.on i { background: #fff; color: #2a0f5a; }

/* телефон: строка выбора языка в меню «Ещё» */
.lang-row { display: flex; gap: 6px; flex-wrap: wrap; padding: 10px 6px 4px; }
.lang-row button { flex: 1 1 auto; padding: 10px 8px; border-radius: 12px; border: 1px solid rgba(183, 140, 255, .35); background: rgba(255, 255, 255, .05); color: #e6dcff; font: 800 12px 'Inter', sans-serif; cursor: pointer; }
.lang-row button.on { background: linear-gradient(135deg, #7a2cff, #ff4fd8); color: #fff; border-color: transparent; }
@media (max-width: 900px) { .ff-topbar .lang-sw { display: none; } }
@media (min-width: 901px) { .lang-row { display: none; } }