/* AGGRO v31.14 — mobile menu opens beneath the current floating header */
@media (max-width:900px){
  /* Keep the plaque exactly where the scroll animation placed it. */
  body.menu-open .header{
    top:var(--mobile-header-top,5px)!important;
    padding:0 var(--mobile-header-side,10px)!important;
    transform:translate3d(0,var(--mobile-header-y,0px),0) scale(var(--mobile-header-scale,1))!important;
  }
  body.menu-open .header .header__inner{
    height:var(--mobile-header-height,64px)!important;
    border-radius:var(--mobile-header-radius,18px)!important;
  }

  /* Override the old full-height drawer. */
  .nav,
  .nav:not(.is-open){
    display:flex!important;
    position:fixed!important;
    inset:auto var(--mobile-nav-right,10px) auto auto!important;
    top:var(--mobile-nav-top,82px)!important;
    width:min(92vw,390px)!important;
    max-width:calc(100vw - 20px)!important;
    height:auto!important;
    max-height:var(--mobile-nav-max-height,calc(100dvh - 94px))!important;
    padding:70px 16px 18px!important;
    margin:0!important;
    border:1px solid rgba(88,184,174,.24)!important;
    border-radius:24px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    transform:translate3d(0,-12px,0) scale(.985)!important;
    transform-origin:top right!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    box-shadow:0 28px 70px rgba(46,29,16,.26)!important;
    transition:
      transform .44s cubic-bezier(.16,.86,.2,1),
      opacity .28s ease,
      visibility .44s ease,
      top .18s linear!important;
  }
  .nav.is-open{
    display:flex!important;
    transform:translate3d(0,0,0) scale(1)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .nav::before{
    height:10px!important;
    border-radius:24px 24px 0 0!important;
  }
  .nav::after{
    display:none!important;
  }
  .mobile-nav-head{
    top:20px!important;
    left:20px!important;
    right:20px!important;
    padding-bottom:11px!important;
  }
  .mobile-menu-backdrop{
    z-index:1100!important;
  }
}

@media (max-width:560px){
  .nav,
  .nav:not(.is-open){
    width:calc(100vw - 20px)!important;
    max-width:none!important;
    padding:66px 14px 16px!important;
    border-radius:21px!important;
  }
  .nav::before{border-radius:21px 21px 0 0!important}
  .mobile-nav-head{left:17px!important;right:17px!important;top:18px!important}
}