/* ============================================================================
   v3 · НИЖНЕЕ МЕНЮ (Figma 8:141). Разметка — components/bottom-nav.js под isV3():
   Главная · Каталог · Магазины · Корзина · Профиль, подписи видны, активный зелёный.
   Порядок — порядок разметки (v2 расставлял order под свой состав с «Подпиской»).
   ========================================================================== */
html.dv3 .nav.v3-nav button[data-route]{ order:0; }

@media (max-width:1023px){
  html.dv3 .nav.v3-nav{
    display:grid; grid-template-columns:repeat(5, minmax(0, 1fr));
    padding:6px 8px max(8px, env(safe-area-inset-bottom, 0px));
    background:var(--paper); border:0; border-radius:0; box-shadow:var(--v3-shadow-bar);
  }
  html.dv3 .nav.v3-nav button{
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    min-width:0; min-height:48px; padding:4px 0;
    font-size:11px; font-weight:500; color:var(--v3-sub); -webkit-tap-highlight-color:transparent;
  }
  html.dv3 .nav.v3-nav button .v3-i{ width:21px; height:21px; vertical-align:0; }
  html.dv3 .nav.v3-nav .v3-nav-l{
    max-width:100%; font-size:11px; line-height:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  html.dv3 .nav.v3-nav button.active{ color:var(--green); font-weight:600; }
  html.dv3 .nav.v3-nav button:focus-visible{ outline:2px solid var(--green); outline-offset:-2px; border-radius:12px; }
  html.dv3 .nav.v3-nav .ndot{
    top:2px; right:50%; margin-right:-20px;
    min-width:16px; height:16px; padding:0 4px; font-size:10px; font-weight:700; line-height:1;
    background:var(--green); color:#fff; box-shadow:0 0 0 2px var(--paper);
  }
}