/* V81 — mobile drawer: header/profile fixed, ONLY navigation scrolls */
@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body.mobile-nav-open{overflow:hidden!important;touch-action:none!important}
  .side,.side.noiva-side{
    position:fixed!important;inset:0 auto 0 0!important;
    height:100dvh!important;max-height:100dvh!important;
    width:min(310px,86vw)!important;max-width:86vw!important;
    display:flex!important;flex-direction:column!important;
    overflow:hidden!important;overscroll-behavior:none!important;
    touch-action:auto!important;contain:none!important;will-change:transform!important;
  }
  @supports not (height:100dvh){.side,.side.noiva-side{height:100vh!important;max-height:100vh!important}}
  .side-topbar{position:relative!important;top:auto!important;flex:0 0 70px!important;min-height:70px!important;background:#252b32!important;z-index:2}
  .side-brand,.side.noiva-side .side-brand{flex:0 0 auto!important;min-height:108px!important}
  .side .nav,.side.noiva-side .nav{
    flex:1 1 auto!important;min-height:0!important;
    overflow-y:scroll!important;overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;touch-action:pan-y!important;
    padding-bottom:28px!important;
  }
  .side .spacer,.side.noiva-side .spacer{display:none!important}
  .side .user,.side.noiva-side .user{
    position:relative!important;inset:auto!important;flex:0 0 auto!important;
    margin:0!important;background:#20262c!important;z-index:4!important;
    padding-bottom:max(15px,env(safe-area-inset-bottom))!important;
  }
  .mobile-nav-backdrop{touch-action:none!important}
}