/* Store navigation: inline on desktop, disclosure on compact screens. */
.site-navigation { position:relative; }
.navigation-toggle { display:none; }
.storefront > header .site-navigation nav { display:flex; align-items:center; gap:16px; }
.storefront > header .site-navigation nav a { display:flex; align-items:center; min-height:44px; padding:8px 0; font-size:12px; font-weight:700; text-transform:uppercase; text-decoration:none; color:var(--fc-muted); }
.storefront > header .site-navigation nav a:hover { color:var(--accent-text); }
.storefront > header .header-search { min-width:0; }
@media (max-width: 1100px) {
  .storefront > header > div { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:10px; padding:12px 20px; min-height:0; }
  .storefront > header > div > a { grid-column:1; grid-row:1; min-width:0; gap:8px; }
  .storefront > header > div > a img { height:32px; }
  .storefront > header .font-display { font-size:18px; }
  .storefront > header .header-actions { display:contents; }
  .storefront > header #auth-area { grid-column:2; grid-row:1; justify-self:end; }
  .storefront > header .header-search { grid-column:1; grid-row:2; width:100%; max-width:none; margin:0; padding:0; }
  .storefront > header #search-input { height:44px; font-size:12px; }
  .storefront > header #search-results { width:calc(100vw - 40px); max-height:60dvh; }
  .site-navigation { grid-column:2; grid-row:2; justify-self:end; }
  .navigation-toggle { display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 14px; border:1px solid var(--fc-line); border-radius:4px; background:var(--fc-surface); color:var(--fc-text); font:600 13px 'Be Vietnam Pro', sans-serif; }
  .navigation-toggle[aria-expanded="true"] { border-color:var(--accent-text); color:var(--accent-text); }
  .navigation-chevron { transition:transform .18s; }
  .navigation-toggle[aria-expanded="true"] .navigation-chevron { transform:rotate(180deg); }
  .storefront > header .site-navigation nav { display:none; position:absolute; top:calc(100% + 8px); right:0; width:min(300px, calc(100vw - 40px)); max-height:calc(100dvh - 150px); overflow-y:auto; padding:8px; border:1px solid var(--fc-line); border-radius:6px; background:var(--storefront-header-site-navigation-nav-surface); box-shadow:0 16px 36px var(--account-panel-box-shadow); z-index:65; }
  .storefront > header .site-navigation[data-open] nav { display:flex; flex-direction:column; align-items:stretch; gap:2px; }
  .storefront > header .site-navigation nav a { display:flex; justify-content:flex-start; padding:13px 14px; min-height:48px; font-size:13px; text-transform:none; letter-spacing:0; border-radius:4px; white-space:normal; }
  .storefront > header .site-navigation nav a:hover { background:var(--storefront-header-site-navigation-nav-a-ho-surface); }
  .storefront #catalog { scroll-margin-top:24px; }
  .storefront #shop-area > .sticky { top:132px; }
}
@media (max-width: 767px) {
  .storefront .product-card a, .storefront .product-card button, .storefront .game-tab { min-height:44px; }
  .storefront .footer-main nav { display:grid; grid-template-columns:1fr; gap:4px; width:100%; font-size:12px; }
  .storefront .footer-main nav a { display:flex; align-items:center; min-height:44px; }
}
@media (max-width: 374px) {
  .storefront > header > div { padding:12px; gap:8px; }
  .storefront > header .font-display { font-size:15px; }
  .storefront > header > div > a img { height:28px; }
  .storefront > header #search-results { width:calc(100vw - 24px); }
  .navigation-toggle { padding:10px; }
}

/* Highlight the VIP label without a filled box. */
.storefront > header .site-navigation nav a.navigation-vip {
  background:transparent;
  color:var(--accent-text);
}
.storefront > header .site-navigation nav a.navigation-vip:hover {
  background:transparent;
  color:var(--storefront-header-site-navigation-nav-a-na-ink);
}