/* Shell/header chrome moved from inline <style> in templates/web/base.html.twig */
.navbar-collapse.collapse, .navbar-collapse__mobile.collapse { display: none; }
.navbar-collapse.collapse.in, .navbar-collapse__mobile.collapse.in { display: block; }
.hide { display: none !important; }
.navbar-collapse.collapse.in, .navbar-collapse__mobile.collapse.in { position: absolute; right: 0; left: auto; top: 100%; width: 260px; max-width: 90vw; padding: 14px 16px; background: var(--navy-surface, #131b27); border: 1px solid var(--navy-border); border-radius: var(--r-lg, 12px); box-shadow: 0 12px 32px rgba(0,0,0,.5); z-index: var(--z-dropdown, 200); }
.control-btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--navy-border); border-radius: var(--r, 8px); background: rgba(255,255,255,.06); color: var(--slate-100, #f1f5f9); cursor: pointer; flex-shrink: 0; }
.control-btn svg { width: 18px; height: 18px; }
.control-close { display: flex; align-items: center; justify-content: flex-end; width: 100%; padding: 10px 14px; background: transparent; border: none; color: var(--slate-100, #f1f5f9); cursor: pointer; font-size: 1.25rem; line-height: 1; }
.control-close::before { content: '\2715'; }
@media (min-width: 769px) { .header__mobile.header-controls { display: none; } }

/* Was Twig-gated to non-lk states so lk.css (.hdr-avatar/.hdr-name) could own them there;
   lk states render inside #page-lk, everything else inside #page-home/-item/-catalog/-reg */
.wrapper > div:not(#page-lk) .hdr-name { color: var(--slate-100, #f1f5f9); font-size: 0.75rem; font-weight: 600; white-space: nowrap; }
.wrapper > div:not(#page-lk) .hdr-avatar { width: 26px; height: 26px; background: var(--teal, #0891b2); border: none; border-radius: var(--r, 8px); color: var(--white, #fff); cursor: pointer; font-family: var(--f-body); font-size: 0.75rem; font-weight: 700; }

.lang_select { background: rgba(255,255,255,.07); border: 1px solid var(--navy-border); border-radius: var(--r, 8px); color: var(--slate-100, #f1f5f9); font-family: var(--f-body); font-size: 0.75rem; padding: 5px 8px; }