nav{
  position:fixed; top:0; left:0; right:0; z-index:200;
  background:rgba(10,10,10,.97); backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.2);
  display:flex; align-items:center; justify-content:space-between;
  padding:0 3rem; height:70px;
}
.nav-logo{
  font-family:'Bebas Neue',sans-serif; font-size:1.7rem; color:var(--accent);
  letter-spacing:3px; cursor:pointer;
  text-shadow:0 0 15px var(--gold-neon-glow);
}
.nav-logo span{ color:var(--white); text-shadow:0 0 15px var(--gold-neon-glow); }
.nav-links{ display:flex; gap:2rem; align-items:center; }
.nav-links a{
  font-family:'Barlow Condensed',sans-serif; font-weight:600;
  font-size:.9rem; color:var(--silver); text-decoration:none;
  letter-spacing:1.5px; text-transform:uppercase; transition:color .2s;
}
.nav-links a:hover{ color:var(--accent); text-shadow:0 0 10px var(--gold-neon-glow); }
.cart-btn{
  position:relative;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.35);
  color:var(--accent); font-family:'Barlow Condensed',sans-serif;
  font-weight:700; font-size:.85rem; letter-spacing:1.5px;
  text-transform:uppercase; padding:.5rem 1.2rem; border-radius:3px;
  cursor:pointer; transition:all .2s;
  display:flex; align-items:center; gap:.5rem;
  box-shadow:0 0 15px var(--gold-neon-glow);
}
.cart-btn:hover{ background:rgba(255,255,255,.18); box-shadow:0 0 25px var(--gold-neon-glow); }
.cart-count{
  background:var(--accent); color:var(--black); font-size:.72rem;
  font-weight:700; border-radius:50%; width:20px; height:20px;
  display:flex; align-items:center; justify-content:center;
  position:absolute; top:-8px; right:-8px; opacity:0; transform:scale(0);
  transition:all .25s;
  box-shadow:0 0 10px var(--gold-neon-glow);
}
.cart-count.show{ opacity:1; transform:scale(1); }

@media(max-width:768px){
  nav{ padding:0 .9rem; height:60px; }
  .nav-logo{ font-size:1.3rem; letter-spacing:2px; }
  .nav-links{ gap:.5rem; }
  .nav-links a:not(.cart-btn){ display:none; }
  .cart-btn{ padding:.45rem .85rem; font-size:.8rem; gap:.35rem; }
  .cart-count{ width:18px; height:18px; font-size:.65rem; top:-6px; right:-6px; }
  /* Compensa a redução de altura do nav nos paddings das primeiras seções */
  .hero{ padding-top:60px; }
}
