/* One navigation for every page: index, compare, ecommerce, service-knowledge. */
.site-nav{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid rgba(17,17,15,.08);background:rgba(244,242,236,.86);backdrop-filter:blur(18px);font-family:"DM Sans",system-ui,sans-serif}
.site-nav .nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between}
.site-nav .nav-brand{display:flex;align-items:center;gap:10px;color:#101828;text-decoration:none}
.site-nav .nav-brand-mark{display:block;width:36px;height:36px}
.site-nav .nav-brand-name{color:#101828;font-size:20px;font-weight:700;letter-spacing:-.045em}
.site-nav .nav-links{display:flex;align-items:center;gap:26px;color:#47443e;font-size:14px;font-weight:600;white-space:nowrap}
.site-nav .nav-links a{color:inherit;text-decoration:none}
.site-nav .nav-links a:not(.button):hover,.site-nav .nav-links a[aria-current="page"]{color:var(--blue)}
.site-nav .nav-links .button{min-height:40px;padding:0 18px;font-size:14px;font-weight:600;color:#fff}
.site-nav .menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:0;line-height:0;cursor:pointer}
.site-nav .menu-icon{display:flex;width:18px;height:14px;flex-direction:column;justify-content:space-between}
.site-nav .menu-icon span{display:block;width:100%;height:2px;border-radius:2px;background:currentColor;transform-origin:center;transition:transform .2s ease,opacity .2s ease}
.site-nav .menu-button[aria-expanded="true"] .menu-icon span:first-child{transform:translateY(6px) rotate(45deg)}
.site-nav .menu-button[aria-expanded="true"] .menu-icon span:nth-child(2){opacity:0}
.site-nav .menu-button[aria-expanded="true"] .menu-icon span:last-child{transform:translateY(-6px) rotate(-45deg)}
body.menu-open{overflow:hidden}
@media(max-width:1160px){
  .site-nav .menu-button{display:grid;place-items:center}
  .site-nav .nav-links{position:fixed;inset:72px 0 auto;display:none;align-items:stretch;flex-direction:column;gap:0;padding:18px 16px 28px;background:var(--paper);border-bottom:1px solid var(--line)}
  .site-nav .nav-links.is-open{display:flex}
  .site-nav .nav-links a{padding:15px 10px}
  .site-nav .nav-links .button{margin-top:10px;justify-content:center}
}