
/* GROOMING V1.4.1 - SHARED RESPONSIVE MENU */
.gv-menu-button,.gv-menu-overlay{display:none}

@media screen and (max-width:1024px){
  body .shell{
    display:block!important;
    grid-template-columns:minmax(0,1fr)!important;
    min-width:0!important;
  }

  body .shell>.sidebar,
  body[data-nav-mode="top"] .shell>.sidebar{
    display:block!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(310px,86vw)!important;
    max-width:86vw!important;
    height:100dvh!important;
    min-height:0!important;
    padding:22px 14px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    z-index:100002!important;
    transform:translateX(-105%)!important;
    visibility:hidden!important;
    transition:transform .25s ease,visibility .25s!important;
    overscroll-behavior:contain;
  }

  body.gv-menu-open .shell>.sidebar{
    transform:translateX(0)!important;
    visibility:visible!important;
  }

  body .shell>.sidebar nav.nav{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    gap:3px!important;
    overflow:visible!important;
  }

  body .shell>.sidebar nav.nav a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body .shell>.sidebar .side-bottom{
    display:block!important;
  }

  body .main{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:68px 12px 20px!important;
  }

  body .ht127-header{
    display:none!important;
  }

  .gv-menu-button{
    display:flex!important;
    position:fixed!important;
    top:12px!important;
    left:12px!important;
    width:44px!important;
    height:44px!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    padding:0!important;
    border:1px solid #e7d9ee!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#51208d!important;
    box-shadow:0 4px 16px #30135425!important;
    cursor:pointer!important;
    z-index:100004!important;
  }

  .gv-menu-button span{
    display:block;
    width:21px;
    height:2px;
    border-radius:2px;
    background:currentColor;
    transition:transform .2s,opacity .2s;
  }

  body.gv-menu-open .gv-menu-button{
    left:calc(min(310px,86vw) - 56px)!important;
  }

  body.gv-menu-open .gv-menu-button span:first-child{
    transform:translateY(7px) rotate(45deg);
  }

  body.gv-menu-open .gv-menu-button span:nth-child(2){
    opacity:0;
  }

  body.gv-menu-open .gv-menu-button span:last-child{
    transform:translateY(-7px) rotate(-45deg);
  }

  .gv-menu-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(15,10,25,.58)!important;
    z-index:100001!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .25s,visibility .25s;
  }

  body.gv-menu-open .gv-menu-overlay{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    touch-action:none;
  }

  body.gv-menu-open{
    overflow:hidden!important;
  }
}

@media print{
  .gv-menu-button,.gv-menu-overlay{
    display:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .gv-menu-button span,.gv-menu-overlay{
    transition:none!important;
  }
}
