/* Leave ordinary navigation available when JavaScript does not load. */
.store-nav-toggle,.store-nav-toggle[hidden] { display:none; }
.topbar .brand { order:0; }
.topbar #store-navigation { order:1; }
.topbar .theme-control { order:2; }
@media(max-width:1100px) {
  .topbar:not(.has-store-nav) { position:static; }
  .topbar .topbar-inner { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:8px; }
  .topbar .brand { grid-column:1; grid-row:1; min-width:0; }
  .topbar .brand-section { display:none; }
  .topbar .theme-control { grid-column:2; grid-row:1; margin:0; }
  .topbar.has-store-nav .store-nav-toggle { display:inline-flex; grid-column:3; grid-row:1; align-items:center; justify-content:center; min-height:44px; padding:0 12px; border:1px solid var(--ui-line); border-radius:var(--ui-control-radius); background:var(--ui-surface); color:var(--ink); font-size:14px; }
  .topbar #store-navigation { grid-column:1/-1; grid-row:2; display:flex; flex-wrap:wrap; gap:4px; justify-content:start; width:100%; min-width:0; margin:0; }
  .topbar #store-navigation>a,.topbar #store-navigation .link-button { display:flex; align-items:center; min-height:44px; padding:10px 12px; font-size:14px; text-align:left; }
  .topbar #store-navigation .nav-form { display:flex; margin:0; }
  .topbar #store-navigation .nav-form .link-button { width:100%; }
  .topbar.has-store-nav #store-navigation { display:none; position:absolute; grid-column:auto; grid-row:auto; top:calc(100% + 8px); left:0; right:0; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; max-height:min(70vh,480px); overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--ui-line); border-radius:var(--ui-radius); background:var(--ui-surface); box-shadow:var(--ui-shadow); }
  .topbar.is-store-nav-open #store-navigation { display:grid; }
}