/* New menu from 08/2026 starts here */

/* this we must add to the topmenu.css */
.xnav-nav-links > li > a {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

  :root{
    --nav-height: 44px;
    /* --nav-bg: rgba(255,255,255,0.75); */
    --nav-text: #1d1d1f;
    --nav-text-dim: #000000;
    --nav-accent: #6e6e73;
    /* --nav-blur: 20px; */
    --dropdown-bg: rgba(255,255,255,0.98);
    /* --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; */
    --z-nav: 9999;
  }

/*  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;font-family:var(--font);background:#ffffff;color:var(--nav-text);} */


  /* ============ NAV BAR ============ */
  .xnav-nav{
    position:sticky;
    top:1;
    left:0;
    width:100vw;
    height:var(--nav-height);
    background:var(--nav-bg);
    backdrop-filter:saturate(180%) blur(var(--nav-blur));
    -webkit-backdrop-filter:saturate(180%) blur(var(--nav-blur));
    z-index:var(--z-nav);
    display:flex;
    align-items:center;
    justify-content:center;
    /* border-bottom:1px solid rgba(0,0,0,0.08); */
  }

  .xnav-nav-inner{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 clamp(16px, 4vw, 48px);
  }

  .xnav-nav-logo{
    display:flex;
    align-items:center;
    height:var(--nav-height);
    color:var(--nav-text);
    text-decoration:none;
    flex:0 0 auto;
  }
  .nav-logo svg{display:block;}

  .xnav-nav-links{
    list-style:none;
    display:flex;
    gap:34px;
    margin:0;
    padding:0;
    flex:1 1 auto;
    justify-content:center;
  }

  .xnav-nav-links li{position:relative;}

  .xnav-nav-links a{
    color:var(--nav-text-dim);
    text-decoration:none;
    font-size:14px;
    font-weight:400;
    letter-spacing:.01em;
    display:block;
    height:var(--nav-height);
    line-height:var(--nav-height);
    transition:color .2s ease;
    white-space:nowrap;
  }

  .xnav-nav-links > li > a:hover,
  .xnav-nav-links > li.open > a{
    color:var(--nav-accent);
  }

  /* Mobile burger button */
  .xnav-nav-burger{
    display:none;
    background:none;
    border:none;
    color:var(--nav-text);
    cursor:pointer;
    padding:6px;
    flex:0 0 auto;
    z-index:10001;
  }

  /* ============ MEGA DROPDOWN ============ */
  .xnav-dropdown{
    position:fixed;
    top:var(--nav-height);
    left:0;
    width:100vw;
    background:var(--dropdown-bg);
    backdrop-filter:saturate(180%) blur(var(--nav-blur));
    -webkit-backdrop-filter:saturate(180%) blur(var(--nav-blur));
    border-bottom:1px solid rgba(0,0,0,0.08);
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    /* transition:opacity .25s ease, transform .25s ease, visibility .25s; */
    padding:40px 0;
  }

  .xnav-nav-links li.open .xnav-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }

  .xnav-dropdown-inner{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 clamp(16px,4vw,48px);
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:32px;
  }

  .xnav-dropdown-col h4{
    font-size:12px;
    color:var(--nav-text-dim);
    font-weight:400;
    margin:0 0 12px;
  }

  .xnav-dropdown-col ul{list-style:none;margin:0;padding:0;}
  .xnav-dropdown-col li{margin-bottom:10px;}
  .xnav-dropdown-col a{
    height:auto;
    line-height:1.3;
    font-size:20px;
    font-weight:500;
    color:var(--nav-text);
    display:inline-block;
transition:color .2s ease;
  }
  
  .xnav-dropdown-col a:hover{
  color:var(--nav-accent);
  }

  /* ============ MOBILE MENU ============ */
  @media (max-width: 733px){
  .xnav-nav{position:fixed;width:100%;}

    .xnav-nav-burger{
      display:flex;
      align-items:center;
      justify-content:center;
      margin-left: auto;
    }

    .xnav-nav-links{
      position:fixed;
      top:var(--nav-height);
      left:0;right:0;
      bottom:0;
       height:calc(100vh - var(--nav-height));
      background:var(--dropdown-bg);
      backdrop-filter:blur(var(--nav-blur));
      -webkit-backdrop-filter:blur(var(--nav-blur));
      flex-direction:column;
      align-items:stretch;
      gap:0;
      padding:8px 24px 40px;
       justify-content:flex-start;
      overflow-y:auto;
      transform:translateY(-100%);
      opacity:0;
      visibility:hidden;
      transition:transform .3s ease, opacity .3s ease, visibility .3s;
    }
    .xnav-nav-links.mobile-open{
      transform:translateY(0);
      opacity:1;
      visibility:visible;
    }

.xnav-nav-links li{
    border-bottom:1px solid rgba(0,0,0,0.08);
}

.xnav-dropdown-col:last-child li:last-child{
    border-bottom:none;
}

    .xnav-nav-links a{
      font-size:20px;
      height:auto;
      line-height:normal;
      padding:16px 0;
    }
    .xnav-dropdown{
      position:static;
      opacity:1;visibility:visible;transform:none;
      display:none;
      padding:0 0 20px;
      border:none;
      backdrop-filter:none;
      background:none;
    }
    .xnav-nav-links li.open .xnav-dropdown{display:block;}
    .xnav-dropdown-inner{grid-template-columns:1fr;padding:0;gap:20px;}
    .xnav-dropdown-col a{font-size:16px;}
  }