/* Approved SubSplit page-shell migration bridge (non-blog pages only).
   This stylesheet is opt-in: no blog page imports it. Older page-content
   styles remain untouched; only the top-level public site navigation is
   normalized to the same visual shell used by the modern storefront.
   The canonical controls are provided by site-nav.js and sub-cart.js. */
html[data-ss-shell="storefront"] body > nav {
  position:sticky !important; top:0 !important; left:auto !important; right:auto !important;
  width:100% !important; min-height:64px !important; height:64px !important;
  padding:0 clamp(1rem,3vw,2.5rem) !important; display:flex !important;
  align-items:center !important; justify-content:space-between !important;
  gap:.65rem !important; flex-wrap:nowrap !important;
  background:rgba(10,10,10,.94) !important;
  border:0 !important; border-bottom:1px solid rgba(245,242,235,.12) !important;
  border-radius:0 !important; box-shadow:none !important;
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); z-index:100 !important;
  font-family:'Figtree',system-ui,sans-serif;
}
html[data-ss-shell="storefront"] body > nav .logo {
  display:inline-flex; align-items:center; flex:none; white-space:nowrap;
  font-family:'Figtree',system-ui,sans-serif; font-weight:800; text-decoration:none;
}
html[data-ss-shell="storefront"] body > nav .nav-right,
html[data-ss-shell="storefront"] body > nav .nav-links,
html[data-ss-shell="storefront"] body > nav .nav-cta,
html[data-ss-shell="storefront"] body > nav > a.nav-link,
html[data-ss-shell="storefront"] body > nav > button.menu-toggle {
  display:none !important;
}
html[data-ss-shell="storefront"] body > nav #ss-navlinks {min-width:0}
html[data-ss-shell="storefront"] body > nav .site-hamburger {flex:none}
@media(max-width:860px){
  html[data-ss-shell="storefront"] body > nav {height:60px !important;min-height:60px !important;padding:0 1rem !important}
}
