/* Shared mobile hamburger menu — overrides the per-page horizontal-scroll nav on small screens */
.nav-toggle{display:none;width:40px;height:40px;flex:0 0 auto;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{content:"";display:block;width:20px;height:2px;border-radius:2px;background:#161616;transition:transform .2s ease,opacity .2s ease}
.nav-toggle span{position:relative}
.nav-toggle span::before{position:absolute;left:0;top:-6px}
.nav-toggle span::after{position:absolute;left:0;top:6px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

@media(max-width:720px){
  .nav-toggle{display:inline-flex}
  header.top .nav{grid-template-columns:minmax(0,1fr) auto auto!important}
  header.top .nav-toggle{grid-column:3;grid-row:1}
  header.top .header-buy{grid-column:2;grid-row:1}

  header.top .links{
    display:none!important;
    position:absolute!important;
    top:100%;left:0;right:0;
    grid-column:auto!important;grid-row:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:auto!important;
    min-width:0!important;
    max-height:calc(100vh - 64px);
    overflow-y:auto!important;
    overflow-x:visible!important;
    white-space:normal!important;
    background:#fff;
    border-top:1px solid var(--line,#dedbd5);
    border-bottom:1px solid var(--line,#dedbd5);
    box-shadow:0 16px 32px rgba(20,20,20,.14);
    padding:6px 16px 14px!important;
    gap:0!important;
    z-index:40;
  }
  header.top .links.nav-open{display:flex!important}
  header.top .links a:not(.lang-trigger){display:block!important;padding:13px 2px;font-size:15px;border-bottom:1px solid #eee}
  header.top .links > a.active{background:transparent!important;border-radius:0!important;margin:0!important;padding:13px 2px!important}
  header.top .links .lang-switch{padding:10px 0 4px;border-top:1px solid #eee;margin-top:4px}
  header.top .links .lang-switch .lang-menu{position:static;box-shadow:none;border:0;padding:0;margin-top:8px}
  header.top .links .lang-switch .lang-menu a{padding:10px 2px}
}
