/* Navbar wrapper, grades base e helpers */
.navbar-wrap{
    position:sticky; top:0; z-index:1000;
    backdrop-filter:saturate(1.1) blur(8px);
    background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.90) 100%);
    border-bottom:1px solid rgba(0,0,0,.06);
    box-shadow:0 2px 0 rgba(255,255,255,.7) inset;
  }
  .navbar-wrap::after{
    content:""; position:absolute; left:0; right:0; bottom:-14px; height:14px;
    background:linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,0));
    pointer-events:none;
  }
  .navbar{ display:flex; align-items:center; gap:16px; padding:10px clamp(14px,3vw,28px); }
  
  .grid-12{ display:grid; grid-template-columns:repeat(12,1fr); gap: clamp(12px,2.5vw,20px); }
  @media (max-width:1200px){ .grid-12{ grid-template-columns:repeat(8,1fr);} }
  @media (max-width:720px){ .grid-12{ grid-template-columns:repeat(4,1fr);} }