/* ==========================================================================
   ES Medical Group — 03-nav.css
   Header fisso, menu desktop, drawer mobile.
   ========================================================================== */

/* ============ NAV ============ */
.nav{
  position:fixed;inset:0 0 auto 0;z-index:900;
  padding-block:18px;transition:padding .4s var(--ease), background .4s var(--ease), box-shadow .4s var(--ease);
}
.nav.stuck{
  padding-block:11px;background:rgba(11,11,12,.9);
  -webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);
  box-shadow:0 1px 0 rgba(255,255,255,.07);
}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.brand{display:flex;align-items:center;gap:11px;flex:none;}
.brand-logo{height:42px;width:auto;display:block;}
.nav.stuck .brand-logo{height:38px;}
.brand-logo-dark{display:none;}
.brand-mark{width:38px;height:38px;flex:none;}
.brand-txt{display:flex;flex-direction:column;line-height:1.05;}
.brand-txt b{font-size:.98rem;font-weight:700;color:var(--white);letter-spacing:-.01em;}
.brand-txt i{font-style:normal;font-size:.53rem;letter-spacing:.22em;color:var(--gold);font-weight:600;margin-top:3px;}
.menu{display:flex;align-items:center;gap:clamp(16px,2.2vw,32px);}
.menu a{position:relative;font-size:.85rem;font-weight:500;color:rgba(255,255,255,.8);padding-block:6px;transition:color .3s;}
.menu a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold);transition:width .32s var(--ease);}
.menu a:hover{color:var(--white);}
.menu a:hover::after{width:100%;}
.nav-end{display:flex;align-items:center;gap:14px;flex:none;}
.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;}
.burger i{display:block;width:20px;height:1.6px;background:var(--white);border-radius:2px;position:relative;transition:.3s var(--ease);}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:20px;height:1.6px;background:var(--white);border-radius:2px;transition:.3s var(--ease);}
.burger i::before{top:-6px;} .burger i::after{top:6px;}

.drawer{
  position:fixed;inset:0;z-index:1000;background:var(--ink);
  display:flex;flex-direction:column;padding:22px var(--gut) 40px;
  transform:translateX(100%);transition:transform .42s var(--ease);
  overscroll-behavior:contain;
}
.drawer.open{transform:none;}
.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:44px;}
.drawer-x{width:44px;height:44px;display:grid;place-items:center;color:var(--white);}
.drawer-x svg{width:22px;height:22px;}
.drawer nav{display:flex;flex-direction:column;}
.drawer nav a{
  font-size:1.4rem;font-weight:500;color:var(--white);padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.drawer .btn{margin-top:32px;}