/* Navigation typography refinement — fashion-forward, clean, highly readable */

:root{
  --nav-font:"Inter","Inter Display","Helvetica Neue","Segoe UI",Arial,sans-serif;
}

/* Apply only to header/navigation. Body typography remains untouched. */
.wox-top,
.wox-site-header,
.wox-site-header button,
.wox-site-header a{
  font-family:var(--nav-font)!important;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}

/* Utility strip: restrained and crisp, not shouty. */
.wox-top span{
  font-size:10.5px!important;
  font-weight:550!important;
  letter-spacing:.055em!important;
}

/* Brand wordmark: cleaner geometry and less compressed than before. */
.wox-site-header .logo{
  font-family:var(--nav-font)!important;
  font-size:20.5px!important;
  font-weight:700!important;
  letter-spacing:-.032em!important;
}
.wox-site-header .logo small{
  font-family:var(--nav-font)!important;
  font-size:7.5px!important;
  font-weight:500!important;
  letter-spacing:.105em!important;
}

/* Primary navigation: elegant medium weight with natural tracking. */
.mega-nav .mega-trigger,
.mega-nav>.nav-direct{
  font-family:var(--nav-font)!important;
  font-size:13.5px!important;
  font-weight:550!important;
  letter-spacing:-.006em!important;
  line-height:1.2!important;
}
.mega-nav .mega-trigger span{
  font-family:var(--nav-font)!important;
  font-size:9.5px!important;
  font-weight:500!important;
  margin-left:6px!important;
}

/* Mega menu labels: subtle editorial hierarchy. */
.mega-label{
  font-family:var(--nav-font)!important;
  font-size:9.5px!important;
  font-weight:650!important;
  letter-spacing:.115em!important;
}

/* Dropdown links: lighter weight avoids the crowded bold look. */
.mega-col a{
  font-family:var(--nav-font)!important;
  font-size:13.75px!important;
  font-weight:450!important;
  letter-spacing:-.006em!important;
  line-height:1.32!important;
}
.mega-col .mega-strong{
  font-size:15.5px!important;
  font-weight:600!important;
  letter-spacing:-.015em!important;
}

/* Feature panel typography: premium editorial rather than heavy card text. */
.mega-feature span{
  font-family:var(--nav-font)!important;
  font-size:9.25px!important;
  font-weight:650!important;
  letter-spacing:.11em!important;
}
.mega-feature strong{
  font-family:var(--nav-font)!important;
  font-size:22px!important;
  font-weight:600!important;
  letter-spacing:-.028em!important;
  line-height:1.08!important;
}
.mega-feature small{
  font-family:var(--nav-font)!important;
  font-size:12.25px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.48!important;
}

/* Contact remains distinct through shape, not an unnecessarily heavy font. */
.mega-nav>.nav-direct[href="contact.html"]{
  font-weight:600!important;
  letter-spacing:-.008em!important;
}

@media(min-width:1081px) and (max-width:1320px){
  .mega-nav .mega-trigger,
  .mega-nav>.nav-direct{
    font-size:12.4px!important;
    font-weight:550!important;
  }
  .wox-site-header .logo{font-size:19px!important}
}

/* Mobile drawer: large enough to tap, visually calmer than desktop mega-menu text. */
@media(max-width:1080px){
  .mega-nav>.nav-drawer-title{
    font-family:var(--nav-font)!important;
    font-size:9.5px!important;
    font-weight:650!important;
    letter-spacing:.13em!important;
  }
  .mega-nav .mega-trigger,
  .mega-nav>.nav-direct{
    font-family:var(--nav-font)!important;
    font-size:15.5px!important;
    font-weight:550!important;
    letter-spacing:-.012em!important;
  }
  .mega-label{
    font-size:9.25px!important;
    font-weight:650!important;
    letter-spacing:.105em!important;
  }
  .mega-col a{
    font-size:14.25px!important;
    font-weight:450!important;
    letter-spacing:-.008em!important;
  }
  .mega-col .mega-strong{
    font-size:14.75px!important;
    font-weight:600!important;
  }
  .mega-nav>.nav-direct[href="order-sample.html"],
  .mega-nav>.nav-direct[href="tech-pack-support.html"],
  .mega-nav>.nav-direct[href="contact.html"]{
    font-size:14.5px!important;
    font-weight:550!important;
  }
}

@media(max-width:520px){
  .wox-site-header .logo{font-size:18.5px!important}
  .mega-nav .mega-trigger,.mega-nav>.nav-direct{font-size:15px!important}
  .mega-col a{font-size:14px!important}
}