/* Keep mobile filters outside transformed/stacking catalog ancestors (Safari). */
@media (max-width:900px) {
 body > #catalogSidebar.sg-filter-overlay {
   position:fixed!important; inset:0 auto 0 0!important;
   z-index:2147483646!important;
   width:min(88vw,380px)!important;
   height:100vh!important; height:100dvh!important;
   max-height:100vh!important; max-height:100dvh!important;
   margin:0!important;
   padding: max(12px,env(safe-area-inset-top)) 16px 0!important;
   display:flex!important; flex-direction:column!important;
   contain:none!important; filter:none!important; opacity:1!important;
   border-radius:0 18px 18px 0!important;
   transform:translate3d(-110%,0,0)!important;
   visibility:hidden!important; pointer-events:none!important;
   overflow:hidden!important;
 }
 body > #catalogSidebar.sg-filter-overlay.open {
   transform:translate3d(0,0,0)!important;
   visibility:visible!important; pointer-events:auto!important;
 }
 body > #catalogSidebar.sg-filter-overlay .sidebarTop {
   display:flex!important; align-items:center!important; justify-content:space-between!important;
   position:relative!important; flex:0 0 auto!important; min-height:52px!important;
   margin:0 0 8px!important; padding:0!important;
 }
 body > #catalogSidebar.sg-filter-overlay .filterScrollBody {
   flex:1 1 auto!important; min-height:0!important;
   overflow-y:auto!important; overflow-x:hidden!important;
   -webkit-overflow-scrolling:touch; overscroll-behavior-y:contain;
   padding-bottom:calc(32px + env(safe-area-inset-bottom))!important;
 }
 body > #filterBackdrop.sg-filter-overlay {
   position:fixed!important; inset:0!important;
   z-index:2147483645!important;
   transform:none!important; margin:0!important;
 }
}
