/* NAVBAR (11 Nov 2026 preview): slim sticky bar under the header on every non-home route – ‹ back · ⌂ Home · tappable trail.
   Style B (default, dark navy like the home dashboard) and Style A (html[data-dbt="a"], light). Replaces the in-page .crumbs and the product
   'Wapas' bar while it shows (no duplicate trail). Sits at the top only – never over the bottom nav, cart sheet or toasts. UI only. */
.nvbar{position:-webkit-sticky;position:sticky;top:0;z-index:28;display:flex;align-items:center;gap:8px;min-height:44px;padding:6px max(10px,env(safe-area-inset-left)) 6px max(10px,env(safe-area-inset-left));
  background:#0b1834;color:#eef3ff;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 4px 14px rgba(5,12,30,.25);font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-sizing:border-box}
.nvbar[hidden]{display:none!important}
.nvbar .nvbk{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;padding:0 0 3px;cursor:pointer}
.nvbar .nvhm{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-radius:17px;background:linear-gradient(135deg,#ffc83d,#ffb000);color:#0b1834!important;text-decoration:none!important;font-weight:800}
.nvbar .nvhm span{font-size:17px;line-height:1}
.nvbar .nvtr{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10px);mask-image:linear-gradient(90deg,transparent 0,#000 10px)}
.nvbar .nvtr::-webkit-scrollbar{display:none}
.nvbar .nvtr li{display:flex;align-items:center;flex:0 0 auto}
.nvbar .nvtr li:before{content:"›";margin:0 6px;color:#7f93bd;font-weight:700}
.nvbar .nvtr a{color:#9fc3ff!important;text-decoration:none!important;padding:8px 2px}
.nvbar .nvtr span[aria-current]{color:#fff;font-weight:800;max-width:52vw;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}
.nvbar .nvbk:active,.nvbar .nvhm:active,.nvbar .nvtr a:active{opacity:.75}
html[data-dbt="a"] .nvbar{background:#fff;color:#0f1e3d;border-bottom:1px solid #dfe6f2;box-shadow:0 4px 14px rgba(10,29,66,.08)}
html[data-dbt="a"] .nvbar .nvbk{background:#eef2f8;border-color:#d5ddeb;color:#0f1e3d}
html[data-dbt="a"] .nvbar .nvhm{background:linear-gradient(135deg,#0a1d42,#1d4aa0);color:#fff!important}
html[data-dbt="a"] .nvbar .nvtr li:before{color:#9aa8c2}
html[data-dbt="a"] .nvbar .nvtr a{color:#1d4aa0!important}
html[data-dbt="a"] .nvbar .nvtr span[aria-current]{color:#0f1e3d}
@media(min-width:960px){.nvbar{padding-left:max(16px,calc((100vw - 1200px)/2));padding-right:max(16px,calc((100vw - 1200px)/2))}}
/* one trail only: the old in-page breadcrumb + product 'Wapas' bar are hidden while the bar shows */
html.nv #view .crumbs,html.nv #view .bkbar{display:none!important}
/* sticky strips inside pages pin under the bar instead of under it */
html.nv .srpg .srpchips{top:calc(var(--nvtop,0px) + var(--nvh,44px))}
@media print{.nvbar{display:none!important}}
/* one-screen picker (MCB / Capacitor / Starter): its step trail lives in the bar now; the in-page title-row '←' is the bar's ‹ */
.nvbar .nvtr .nvlv{background:none;border:0;padding:8px 2px;margin:0;font:inherit;color:#9fc3ff;cursor:pointer}
html[data-dbt="a"] .nvbar .nvtr .nvlv{color:#1d4aa0}
.nvbar .nvtr .nvnx em{font-style:normal;font-weight:600;color:#ffc83d;opacity:.9}
html[data-dbt="a"] .nvbar .nvtr .nvnx em{color:#b26b00}
html.nv #view #cp .cpbc,html.nv #view .cthr .ctbk{display:none!important}