Modifica di Template:FrisardiHamburger (sezione)

/* Tienilo in alto a destra sopra la cover, stile home (senza JS) */
.frisardi-hb { position: fixed; top: 86px; right: 18px; z-index: 9999; }

/* Bottone tondo */
.frisardi-hb-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:999px;
  background: rgba(255,255,255,.92); backdrop-filter: blur(6px);
  border:1px solid #e9e9e9; text-decoration:none; cursor:pointer;
  font-weight:600; font-size:14px; box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.frisardi-hb-btn .bars{ display:inline-block; width:16px; height:12px; position:relative; }
.frisardi-hb-btn .bars::before, .frisardi-hb-btn .bars::after, .frisardi-hb-btn .bar{
  content:""; display:block; height:2px; background:#333; border-radius:2px; position:absolute; left:0; right:0;
}
.frisardi-hb-btn .bar{ top:5px; } .frisardi-hb-btn .bars::before{ top:0; } .frisardi-hb-btn .bars::after{ bottom:0; }

/* Pannello */
.frisardi-hb-panel{
  position: fixed; top: 130px; right: 18px;
  background:#fff; border:1px solid #e9e9e9; border-radius:16px;
  width:280px; padding:10px; box-shadow:0 18px 36px rgba(0,0,0,.10);
  display:none; z-index:10000;
}
.frisardi-hb-panel ul{ list-style:none; margin:6px 0; padding:0;}
.frisardi-hb-panel li a{
  display:block; padding:10px 12px; border-radius:10px; text-decoration:none; border:1px solid #eee;
}
.frisardi-hb-panel li a:hover{ box-shadow:0 8px 24px rgba(0,0,0,.06); }

/* Toggle senza JS */
#fr-hb-toggle{ display:none; }
#fr-hb-toggle:checked + label + .frisardi-hb-panel{ display:block; }

/* Mobile: abbassa un filo */
@media (max-width:768px){
  .frisardi-hb{ top: 70px; right: 12px; }
  .frisardi-hb-panel{ top: 112px; right:12px; width: 88vw; }
}