
/* Language switcher dropdown */
.lang-switch{position:relative;margin-inline-end:0.55rem}
.lang-switch-btn{display:inline-flex;align-items:center;gap:0.35rem;height:40px;padding:0 0.75rem;border:1px solid var(--color-border,#e5e1dc);border-radius:10px;background:#fff;color:var(--color-ink,#372c28);font-family:var(--font-body,system-ui);font-size:0.82rem;font-weight:700;cursor:pointer}
.lang-switch-btn:hover,.lang-switch-btn[aria-expanded="true"]{border-color:rgba(211,84,0,.45);color:var(--color-accent,#d35400)}
.lang-switch-btn svg{width:12px;height:12px;opacity:.7;transition:transform .2s ease}
.lang-switch-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:11rem;margin:0;padding:.35rem;list-style:none;background:#fff;border:1px solid var(--color-border,#e5e1dc);border-radius:12px;box-shadow:0 14px 32px rgba(55,44,40,.12);z-index:80}
.lang-menu[hidden]{display:none!important}
.lang-menu a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;border-radius:8px;color:var(--color-ink,#372c28);text-decoration:none;font-size:.88rem;font-weight:600}
.lang-menu a:hover{background:#fff4eb;color:var(--color-accent,#d35400);text-decoration:none}
.lang-menu a.is-active{background:rgba(211,84,0,.1);color:var(--color-accent,#d35400)}
.lang-menu .code{font-family:var(--font-mono,monospace);font-size:.72rem;opacity:.7}
.footer-langs{display:flex;justify-content:flex-end}
html[dir="rtl"] .footer-langs{justify-content:flex-start}
body.lang-cn .nav-desktop a{letter-spacing:.08em}
body.lang-cn #mobile-nav a{letter-spacing:.06em}
body.lang-ru .btn,body.lang-ru .btn-sm,body.lang-ru .header-actions .btn-primary{padding-left:1.55rem;padding-right:1.55rem}
body.lang-ru .header-actions .btn-primary{min-width:156px}
body.lang-ru .float-dl{padding-left:1.55rem;padding-right:1.55rem}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .nav-desktop,html[dir="rtl"] .header-inner,html[dir="rtl"] .px-cta,html[dir="rtl"] .footer-grid{direction:rtl}
html[dir="rtl"] .px-hero-layout{direction:rtl}
html[dir="rtl"] .feat-index a,html[dir="rtl"] .faq-cat{border-left:0;border-right:2px solid transparent}
html[dir="rtl"] .feat-index a:hover,html[dir="rtl"] .faq-cat.is-active{border-right-color:var(--color-accent,#d35400)}
