/* Uniform fixed site navigation */
:root{
  --nav-bg:#000000;
  --nav-text:#ffffff;
  --nav-accent:#0b5cff;
  --nav-border:rgba(255,255,255,0.14);
}

body{
  padding-top:72px;
}

.site-nav{
  background:var(--nav-bg);
  color:var(--nav-text);
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:99999;
  border-bottom:1px solid var(--nav-border);
  box-shadow:0 4px 18px rgba(0,0,0,.45);
}

.site-nav .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:1200px;
  margin:0 auto;
  padding:12px 20px;
}

.site-nav .brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  font-size:1.05rem;
  color:var(--nav-text);
  text-decoration:none;
  letter-spacing:.2px;
}

.site-nav img.logo{
  height:36px;
  width:auto;
  object-fit:contain;
}

.site-nav .links{
  display:flex;
  gap:8px;
  align-items:center;
}

.site-nav .links a{
  color:var(--nav-text);
  text-decoration:none;
  padding:9px 10px;
  border-radius:7px;
  font-weight:600;
  transition:background .2s ease, color .2s ease, transform .2s ease;
}

.site-nav .links a:hover,
.site-nav .links a.active{
  background:var(--nav-accent);
  color:#fff;
  transform:translateY(-1px);
}

.site-nav .cart-btn,
.site-nav .auth-btn{
  border:1px solid var(--nav-accent);
}

.site-nav .menu-toggle{
  display:none;
  background:var(--nav-accent);
  color:#fff;
  border:0;
  border-radius:7px;
  padding:8px 12px;
  font-size:1.1rem;
  cursor:pointer;
}

@media(max-width:850px){
  body{ padding-top:68px; }
  .site-nav .container{ padding:10px 14px; }
  .site-nav .menu-toggle{ display:inline-block; }
  .site-nav .links{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:60px;
    background:#000;
    flex-direction:column;
    align-items:stretch;
    padding:10px 16px 16px;
    border-bottom:1px solid var(--nav-border);
  }
  .site-nav .links a{
    display:block;
    padding:12px;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .site-nav .links a:last-child{ border-bottom:0; }
}