html, body { overflow-x: hidden; max-width: 100vw; }
img, video, iframe { max-width: 100%; height: auto; }
.bf-mobile-nav { list-style: none; margin: 0; padding: 0 24px; }
.bf-mobile-nav li { border-bottom: 1px solid rgba(0,0,0,0.08); }
.bf-mobile-nav a { display: block; padding: 14px 0; text-decoration: none; color: inherit; }
.bf-mobile-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 9998; }
.bf-mobile-drawer { position: fixed; top: 0; right: 0; width: min(320px, 85vw); height: 100vh; background: #fff; z-index: 9999; overflow-y: auto; padding: 24px 0; box-shadow: -4px 0 24px rgba(0,0,0,0.12); }
.bf-mobile-lang { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 24px 0; }
.bf-mobile-lang__btn { border: 1px solid #ddd; background: #fff; padding: 6px 12px; border-radius: 4px; cursor: pointer; }
.bf-mobile-lang__btn.is-active { background: #111; color: #fff; }
.bf-lang-switcher--desktop { position: fixed; bottom: 24px; right: 24px; z-index: 9000; display: flex; gap: 6px; }
.bf-lang-switcher--desktop button { border: 1px solid #ddd; background: #fff; padding: 8px 12px; border-radius: 4px; cursor: pointer; }
@media (max-width: 991px) { .bf-lang-switcher--desktop { display: none !important; } }