/* Simple site navigation styles */
:root{ --nav-bg:#2a2f32; --nav-text:#fff; --nav-accent:#ffcc00; }
.site-nav{ background:var(--nav-bg); color:var(--nav-text); position:sticky; top:0; z-index:9999; box-shadow:0 2px 6px rgba(0,0,0,.15); }
.site-nav .container{ display:flex; align-items:center; justify-content:space-between; max-width:1100px; margin:0 auto; padding:8px 16px; }
.site-nav .brand{ font-weight:700; font-size:1.1rem; color:var(--nav-text); text-decoration:none; }
.site-nav .links{ display:flex; gap:12px; align-items:center; }
.site-nav .links a{ color:var(--nav-text); text-decoration:none; padding:6px 8px; border-radius:4px; }
.site-nav .links a.active{ background:rgba(255,255,255,0.08); color:var(--nav-accent); }
.site-nav .cart-btn{ background:transparent; border:1px solid rgba(255,255,255,0.12); padding:6px 8px; border-radius:4px; color:var(--nav-text); }
.site-nav .menu-toggle{ display:none; }
@media(max-width:700px){
  /* mobile nav: stack links, larger hit areas */
  .site-nav .links{ display:none; position:absolute; left:0; right:0; top:48px; background:var(--nav-bg); flex-direction:column; padding:8px 8px; }
  .site-nav .links a{ display:block; padding:12px 10px; border-bottom:1px solid rgba(255,255,255,0.03); }
  .site-nav .links a:last-child{ border-bottom:none; }
  .site-nav .menu-toggle{ display:inline-block; background:transparent; border:0; color:var(--nav-text); font-size:1.2rem; }
} 

.site-nav img.logo{ height:32px; vertical-align:middle; margin-right:8px; }