.hnav{display:none}
@media(min-width:1100px){
  .hnav{display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:16px}
  header .hbtn{display:none}
  .hng{position:relative}
  /* Il menu era 11px grigio: c'era ma non si vedeva. 13px, crema pieno
     invece del grigio e un filo acido sotto la voce aperta. */
  .hnt{display:inline-flex;align-items:center;gap:7px;font-family:'Space Mono',monospace;
    font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:var(--w, #f0ece4);background:none;border:0;border-bottom:2px solid transparent;
    padding:11px 15px;cursor:none;transition:color .2s,border-color .2s}
  .hng.on .hnt{border-bottom-color:var(--a, #c8ff00)}
  .hnt:hover,.hng.on .hnt{color:var(--a, #c8ff00)}
  .hnt:focus-visible{outline:2px solid var(--a, #c8ff00);outline-offset:2px}
  .hnc{font-size:8px;transition:transform .18s}
  .hng.on .hnc{transform:rotate(180deg)}
  /* Voci finali senza tendina (Carrello, Area soci) */
  a.hnx{text-decoration:none}
  a.hnx:hover{color:var(--a, #c8ff00)}
  a.hnx-hot{color:var(--a, #c8ff00);border:1px solid var(--a, #c8ff00);padding:9px 14px;margin-left:8px}
  a.hnx-hot:hover{background:var(--a, #c8ff00);color:#0a0a0a}
  .hnd{display:none;position:absolute;top:100%;left:0;min-width:224px;z-index:2002;
    background:rgba(10,10,12,.97);backdrop-filter:blur(14px);border:1px solid var(--b, rgba(255,255,255,.10));
    padding:6px;box-shadow:0 18px 42px rgba(0,0,0,.55)}
  .hng.on .hnd{display:block}
  .hnd a{display:block;padding:10px 13px;font-size:13.5px;line-height:1.4;color:var(--w, #f0ece4);
    text-decoration:none;transition:background .15s,color .15s}
  .hnd a:hover{background:rgba(255,255,255,.07);color:var(--a, #c8ff00)}
}
.logo{font-family:'Bebas Neue',sans-serif;font-size:42px;letter-spacing:.2em}
.hbtn{background:none;border:none;cursor:none;display:flex;flex-direction:column;gap:6px;padding:4px}
.hbtn span{display:block;width:28px;height:1px;background:var(--w, #f0ece4);transition:all .35s ease;transform-origin:center}
.hbtn.on span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hbtn.on span:nth-child(2){opacity:0;transform:scaleX(0)}
.hbtn.on span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}