/* Refined mobile hamburger/header interaction */
@media(max-width:760px){
  .melotik-header-inner{
    min-height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding-inline:12px!important;
    direction:ltr!important;
  }
  .header-brand-group{display:contents!important}
  .melotik-logo{
    order:1!important;
    margin-right:auto!important;
    margin-left:0!important;
    max-width:112px!important;
    flex:0 0 auto!important;
  }
  .custom-logo{max-height:34px!important;width:auto!important}
  .header-account{
    order:2!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
  }
  .header-account .melotik-account-link{
    min-height:36px!important;
    padding:7px 2px!important;
    font-size:.76rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .melotik-menu-toggle{
    order:3!important;
    position:relative!important;
    display:inline-flex!important;
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
    z-index:95!important;
  }
  .melotik-menu-toggle::before{
    content:'';
    position:absolute;
    inset:-6px -4px;
    border-radius:12px;
    background:rgba(255,255,255,0);
    transition:background .22s ease,transform .22s ease;
  }
  .melotik-menu-toggle:active::before,
  .melotik-menu-toggle[aria-expanded="true"]::before{background:rgba(255,255,255,.06)}
  .melotik-menu-toggle span{
    position:absolute!important;
    left:6px!important;
    right:auto!important;
    width:18px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#fff!important;
    transform-origin:center!important;
    transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .18s ease,top .28s cubic-bezier(.2,.7,.2,1),width .22s ease!important;
  }
  .melotik-menu-toggle span:nth-child(1){top:12px!important}
  .melotik-menu-toggle span:nth-child(2){top:18px!important;width:14px!important;left:10px!important}
  .melotik-menu-toggle span:nth-child(3){top:24px!important}
  .melotik-menu-toggle[aria-expanded="true"] span:nth-child(1){top:18px!important;transform:rotate(45deg)!important;width:19px!important;left:5.5px!important}
  .melotik-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important;transform:scaleX(.35)!important}
  .melotik-menu-toggle[aria-expanded="true"] span:nth-child(3){top:18px!important;transform:rotate(-45deg)!important;width:19px!important;left:5.5px!important}

  .melotik-primary-nav{
    position:absolute!important;
    top:64px!important;
    right:12px!important;
    left:auto!important;
    width:min(78vw,300px)!important;
    z-index:90!important;
    direction:rtl!important;
  }
  .melotik-nav{
    display:flex!important;
    top:0!important;
    right:0!important;
    left:0!important;
    width:auto!important;
    transform-origin:top center!important;
    opacity:0!important;
    transform:translateY(-8px) scale(.985)!important;
    pointer-events:none!important;
    transition:opacity .24s ease,transform .28s cubic-bezier(.2,.7,.2,1),visibility .24s ease!important;
    visibility:hidden!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
  }
  .melotik-nav.is-open{
    display:flex!important;
    opacity:1!important;
    transform:translateY(0) scale(1)!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }
  .melotik-nav li{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  .melotik-nav li a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:46px!important;
    padding:10px 14px!important;
    box-sizing:border-box!important;
    border-radius:10px!important;
    text-align:right!important;
  }
  .melotik-nav li a:active{background:rgba(255,255,255,.07)!important}
}