@media(max-width:1180px){
  .topbar{overflow:visible!important}
  .nav{position:relative!important;justify-content:space-between!important;min-width:0!important}
  .homeLogo{position:static!important;max-width:min(44vw,180px)!important;height:48px!important;width:auto!important;display:flex!important;align-items:center!important}
  .homeLogo img{max-width:100%!important;max-height:36px!important;width:auto!important;height:auto!important;object-fit:contain!important}
  .menuBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;color:#fff!important;border:1px solid rgba(148,255,209,.35)!important;border-radius:14px!important;padding:10px 12px!important;background:transparent!important;line-height:1!important;z-index:10001!important}
  .menuBtn::after{content:"Servizi"!important;font-size:13px!important;font-weight:900!important;letter-spacing:.04em!important;background:linear-gradient(135deg,#94ffd1,#4fa687)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
  .navLinks{display:none!important}
  .navLinks.open,.navLinks.is-open{display:flex!important;flex-direction:column!important;position:absolute!important;top:calc(var(--header,72px) - 4px)!important;left:16px!important;right:16px!important;max-width:none!important;width:auto!important;padding:12px!important;gap:6px!important;border-radius:22px!important;border:1px solid rgba(148,255,209,.35)!important;background:rgba(4,13,12,.97)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;box-shadow:0 12px 56px rgba(0,0,0,.82),0 0 0 1px rgba(148,255,209,.18),inset 0 1px 0 rgba(148,255,209,.10)!important;z-index:9999!important;overflow:visible!important;animation:hysadServicesMenuSlideDown .26s cubic-bezier(.2,.8,.2,1) both!important}
  .navLinks.open a,.navLinks.is-open a{width:100%!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:auto!important;padding:15px 18px!important;border-radius:14px!important;border:1px solid rgba(184,255,236,.14)!important;background:rgba(255,255,255,.06)!important;font-size:13.5px!important;font-weight:900!important;color:#eef7f5!important;white-space:normal!important;line-height:1.15!important;transform:none!important;transition:background .18s,border-color .18s!important;box-shadow:none!important}
  .navLinks.open a:hover,.navLinks.is-open a:hover{background:rgba(148,255,209,.13)!important;border-color:rgba(148,255,209,.35)!important}
  .navLinks.open a span,.navLinks.is-open a span{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
}
@media(max-width:620px){
  .navLinks.open,.navLinks.is-open{top:calc(var(--header,68px) - 4px)!important;left:16px!important;right:16px!important;padding:12px!important;gap:6px!important;border-radius:22px!important}
  .navLinks.open a,.navLinks.is-open a{padding:15px 18px!important;border-radius:14px!important;font-size:13.5px!important}
  .menuBtn{border-radius:14px!important;padding:10px 12px!important}
}
@keyframes hysadServicesMenuSlideDown{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}

/* ---- v2 (dedup): da qui il file è l'unica fonte del menu mobile per le 6
   pagine servizi (i safe-patch di cyber/support/sysadmin non contengono più
   regole menu). Raffinamenti discreti, stessa estetica approvata. ---- */
@media(max-width:1180px){
  /* Il bottone segnala lo stato aperto (aria-expanded è sincronizzato
     da site-enhance.js sulla classe `open`). */
  .menuBtn{transition:background .18s,border-color .18s!important}
  .menuBtn[aria-expanded="true"]{background:rgba(148,255,209,.10)!important;border-color:rgba(148,255,209,.6)!important}

  /* Entrata scaglionata delle voci: anima `translate` (non `transform`,
     che sulle voci è inchiodato a none!important) + opacity. */
  .navLinks.open a,.navLinks.is-open a{animation:hysadMenuItemIn .32s cubic-bezier(.2,.8,.2,1) backwards!important}
  .navLinks.open a:nth-child(2),.navLinks.is-open a:nth-child(2){animation-delay:.04s!important}
  .navLinks.open a:nth-child(3),.navLinks.is-open a:nth-child(3){animation-delay:.08s!important}
  .navLinks.open a:nth-child(4),.navLinks.is-open a:nth-child(4){animation-delay:.12s!important}
  .navLinks.open a:nth-child(5),.navLinks.is-open a:nth-child(5){animation-delay:.16s!important}
  .navLinks.open a:nth-child(6),.navLinks.is-open a:nth-child(6){animation-delay:.2s!important}

  /* Feedback al tocco. */
  .navLinks.open a:active,.navLinks.is-open a:active{background:rgba(148,255,209,.18)!important}

  /* Pagina corrente: tint del servizio (--c1 è inline su ogni link). */
  .navLinks.open a[aria-current="page"],.navLinks.is-open a[aria-current="page"]{border-color:color-mix(in srgb,var(--c1,#94ffd1),transparent 58%)!important;background:color-mix(in srgb,var(--c1,#94ffd1),transparent 90%)!important}
}
@keyframes hysadMenuItemIn{from{opacity:0;translate:0 -7px}to{opacity:1;translate:0 0}}

/* Reduced-motion: niente animazioni né attese da delay (copre anche lo
   slide-down storico: non tutte le pagine hanno una guardia globale). */
@media (prefers-reduced-motion:reduce){
  .navLinks.open,.navLinks.is-open,.navLinks.open a,.navLinks.is-open a{animation:none!important}
}