@media (max-width:820px){
  html body{}
  html body .mac-catalog-show .mac-catalog-filter-head__row--query{
    display:none!important;
    height:0!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:0!important;
  }
  html body .mac-catalog-show .mac-catalog-filter-head__mobile>.head_box.show-mobile.mobile-head{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html body .mac-catalog-show .mac-catalog-filter-head__sort.mac-catalog-show__filter-sort{
    display:none!important;
  }
  html body .mac-catalog-show #hl06,
  html body .mac-catalog-show #hl06 .screen_list{
    display:none!important;
  }
  html body .mac-catalog-show .mac-catalog-filter-h-scroll--letter,
  html body .mac-catalog-show .vod_all .mac-catalog-filter-h-scroll:has(#hl06){
    display:none!important;
  }
  html body .mac-catalog-show .mac-catalog-show__filter-drawer{
    display:block!important;
    margin-top:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    overscroll-behavior:contain!important;
    position:relative!important;
    z-index:6!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .mac-catalog-show .mac-catalog-show__filter-drawer .pannel.vod_all{
    border-top:1px solid rgba(255,255,255,.06)!important;
    margin:0!important;
    padding:2px 0 8px!important;
  }
  html body .mac-catalog-show .vod_all .mac-catalog-filter-h-scroll{
    min-height:24px!important;
    padding:0 12px!important;
  }
  html body .mac-catalog-show .vod_all .mac-catalog-filter-h-scroll__label{
    width:38px!important;
  }
  html body .mac-catalog-show .vod_all .mac-catalog-filter-h-scroll__label .text_muted{
    font-size:13px!important;
    line-height:24px!important;
  }
  html body .mac-catalog-show .vod_all .mac-catalog-filter-h-scroll__track{
    min-height:24px!important;
  }
  html body .mac-catalog-show .vod_all .wrapper_fl .scroller{
    padding-left:0!important;
  }
  html body .mac-catalog-show .vod_all .screen_list:not(.sx_tz){
    min-height:24px!important;
  }
  html body .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li button.mac-cat-filter-item,
  html body .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li>a{
    line-height:24px!important;
    min-height:24px!important;
    padding:0 8px!important;
  }
  html body .mac-catalog-show .mac-catalog-filter-h-scroll--mobile-sort{
    align-items:center!important;
    background:var(--tpl-bg-muted)!important;
    display:flex!important;
    margin-top:0!important;
    min-height:28px!important;
    order:0!important;
    padding:0 12px!important;
    position:relative!important;
    top:0!important;
    visibility:visible!important;
    z-index:20!important;
  }
  html body .mac-catalog-show .mac-catalog-filter-h-scroll--mobile-sort .mac-catalog-filter-h-scroll__track{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .mac-catalog-show .mac-catalog-filter-h-scroll--mobile-sort .screen_list.sx_tz{
    align-items:center!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    gap:8px!important;
    min-height:26px!important;
    overflow:visible!important;
    padding:0!important;
    width:max-content!important;
  }
  html body .mac-catalog-show .mac-catalog-filter-h-scroll--mobile-sort .screen_list.sx_tz>li{
    display:block!important;
    flex:0 0 auto!important;
    float:none!important;
  }
  html body .mac-catalog-show .mac-catalog-filter-h-scroll--mobile-sort .mac-cat-filter-item--sort{
    align-items:center!important;
    border:0!important;
    color:var(--tpl-text-subtle)!important;
    display:inline-flex!important;
    font-size:13px!important;
    line-height:24px!important;
    min-height:24px!important;
    padding:0 8px!important;
    white-space:nowrap!important;
  }
  html body .mac-catalog-show .mac-catalog-filter-h-scroll--mobile-sort li.hl_fl .mac-cat-filter-item--sort{
    background:rgba(64,204,146,.16)!important;
    border-radius:999px!important;
    color:var(--tpl-accent)!important;
    font-weight:700!important;
  }
  html body .mac-catalog-show .mac-catalog-show__panel{
    margin-top:2px!important;
  }
  html body .mac-catalog-show .mac-catalog-show__filter-shell,
  html body .mac-catalog-show .mac-catalog-show__filter-sticky{
    bottom:auto!important;
    height:auto!important;
    left:auto!important;
    max-height:none!important;
    overflow:visible!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
  }
  html body .mac-catalog-show .mac-catalog-show__filter-drawer{
    display:block!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    transform:translateY(34px)!important;
  }
  html body .mac-catalog-show .mac-catalog-show__filter-drawer .pannel.vod_all{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0 0 8px!important;
  }
  html body .mac-catalog-show .mac-catalog-show__filter-sticky{
    margin-bottom:34px!important;
  }
}