.yth-mobile-menu-toggle,.yth-mobile-menu-panel{display:none}

@media (max-width:900px){
  /* Hide the desktop navigation cluster on mobile, but keep logo and our toggle visible. */
  header nav,
  header .site-nav,
  header .header-nav,
  header .menu:not(.yth-mobile-menu-inner){
    display:none!important;
  }

  .yth-mobile-menu-toggle{
    display:flex!important;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid #e4e7ec;
    border-radius:12px;
    background:#fff;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
    margin-left:auto;
    position:relative;
    z-index:10002;
    box-sizing:border-box;
  }

  .yth-mobile-menu-toggle span{
    width:20px;
    height:2px;
    background:#101828;
    border-radius:999px;
    transition:transform .2s ease, opacity .2s ease;
  }

  .yth-mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .yth-mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
  .yth-mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .yth-mobile-menu-panel{
    display:block;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:10001;
    background:#fff;
    border-top:1px solid #e4e7ec;
    border-bottom:1px solid #e4e7ec;
    box-shadow:0 16px 35px rgba(16,24,40,.10);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:opacity .2s ease, transform .2s ease, visibility .2s;
  }

  .yth-mobile-menu-panel.is-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }

  .yth-mobile-menu-inner{
    display:flex;
    flex-direction:column;
    max-width:100%;
    padding:12px 18px 18px;
  }

  .yth-mobile-menu-link{
    display:flex!important;
    align-items:center;
    min-height:48px;
    padding:10px 12px!important;
    border-radius:10px;
    color:#101828!important;
    text-decoration:none!important;
    font-weight:700!important;
    border:0!important;
    background:transparent!important;
    width:100%;
    box-sizing:border-box;
  }

  .yth-mobile-menu-link:hover{background:#f7f8fb!important;color:#5b4bff!important}

  .yth-mobile-menu-link:last-child{
    background:#5b4bff!important;
    color:#fff!important;
    justify-content:center;
    margin-top:8px;
  }

  body.yth-mobile-menu-open{overflow:hidden}

  /* Ensure custom YTH header can anchor absolute dropdown. */
  header{position:relative!important}
}

@media (max-width:900px){
  /* Every header link cloned into the hamburger is hidden in its original position. */
  header a.yth-mobile-source-link{
    display:none!important;
  }

  /* Keep the mobile header compact: logo + hamburger only. */
  header .yth-mobile-menu-toggle{
    flex:0 0 44px;
  }

  header .site-branding,
  header .logo,
  header .site-logo{
    min-width:0;
    max-width:calc(100% - 64px);
  }
}