/* CarDir · UX-010 VehicleSwitcher: переключатель текущего автомобиля в шапке.
   Тёмная шапка (переменные --hdr2/--hdr-ink), поповер — светлая карточка (--card), как у «Гаража».
   Прогрессивно: без JS элемент остаётся простой ссылкой на /podbor/ (шеврон скрыт). */

/* На мобильной шапке — отдельной строкой под верхним рядом кнопок (order>burger), во всю ширину: без переполнения на 320px. */
.vsw{position:relative;order:4;flex:1 0 100%;min-width:0}
.vsw-b{display:flex;align-items:center;gap:8px;width:100%;min-height:46px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:var(--hdr2);color:var(--hdr-ink);font:600 15px/1.2 var(--ff);text-align:left;text-decoration:none!important;cursor:pointer}
.vsw-b:hover{background:#2a3038}
.vsw-b[aria-expanded=true]{background:#2a3038}
.vsw-ic{width:22px;height:22px;flex:none;color:#ffb35c}
.vsw-tx{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vsw-sub{color:var(--hdr-ink2,#a7b0ba);font-weight:400}
.vsw-chev{width:18px;height:18px;flex:none;color:var(--hdr-ink2,#a7b0ba);opacity:.85;transition:transform .2s}
.vsw-b[aria-expanded=true] .vsw-chev{transform:rotate(180deg)}
html:not(.js) .vsw-chev{display:none}

/* поповер смены автомобиля */
.vsw-p{position:absolute;left:0;top:calc(100% + 6px);z-index:60;width:100%;max-height:calc(100vh - 120px);overflow:auto;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card,#fff);color:var(--ink);box-shadow:var(--sh2,0 12px 32px rgba(16,19,22,.14))}
.vsw-h{margin:2px 4px 8px;font:700 15px/1.2 var(--fh);color:var(--ink)}
.vsw-l{list-style:none;margin:0;padding:0}
.vsw-l li{margin:0}
.vsw-l a{display:block;min-height:44px;padding:9px 10px;border-radius:9px;color:var(--ink);text-decoration:none}
.vsw-l a:hover{background:var(--bg2);text-decoration:none}
.vsw-l a[aria-current=true]{background:var(--acc-bg,#e2f2f0);color:var(--acc)}
.vsw-l b{display:block;font-weight:650;font-size:15px;line-height:1.25}
.vsw-l small{display:block;color:var(--ink3);font-size:13px;line-height:1.3}
.vsw-change{display:flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;padding:8px 10px;border-top:1px solid var(--line);color:var(--acc);font-weight:600}
.vsw-change:hover{text-decoration:none;color:var(--acc)}
.vsw-change .ic{width:18px;height:18px;flex:none}

/* десктоп: компактно в ряд шапки рядом с «Гаражом», поповер выпадает вправо */
@media (min-width:1120px){
 .vsw{order:1;flex:0 0 auto}
 .vsw-b{width:auto;max-width:200px;min-height:44px}
 .vsw-p{left:auto;right:0;width:min(320px,80vw)}
}