/* Filtros mobile robustos: fondo fijo + scroll exclusivo dentro del drawer */
@media (max-width:900px){
  html.filters-open,body.filters-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  #catalogSidebar{
    position:fixed!important;
    top:0!important;left:0!important;bottom:0!important;
    width:min(86vw,420px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    touch-action:auto!important;
    padding:21px 18px 0!important;
    transform:translate3d(-102%,0,0);
    will-change:transform;
    z-index:10002!important;
    background:#fff!important;
  }
  #catalogSidebar.open{transform:translate3d(0,0,0)!important;}
  #catalogSidebar .sidebarTop{
    flex:0 0 auto!important;
    position:relative!important;
    top:auto!important;
    z-index:30!important;
    background:#fff!important;
    margin-bottom:8px!important;
    padding-top:max(4px,env(safe-area-inset-top))!important;
    padding-bottom:8px!important;
    touch-action:manipulation!important;
  }
  #catalogSidebar .filterScrollBody{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    overscroll-behavior-y:contain!important;
    padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;
  }
  #catalogSidebar .filterScrollBody>*{touch-action:auto!important;}
  #catalogSidebar .filterScrollBody button,
  #catalogSidebar .filterScrollBody a{touch-action:manipulation!important;}
  #filterBackdrop{
    position:fixed!important;inset:0!important;z-index:10001!important;
    touch-action:none!important;overscroll-behavior:none!important;
  }
}