/* P18-M1 — Mobile Catalog Compact Filter
   Mobile only: keep the theme canvas visible by collapsing the large filter
   toolbar into one compact row. Desktop layout remains untouched. */
.mobile-catalog-filter-toggle{display:none}
.mobile-catalog-filter-panel{display:contents}

@media (max-width:720px){
  .template-explorer-toolbar.is-mobile-catalog-enhanced,
  .window-toolbar.template-explorer-toolbar.is-mobile-catalog-enhanced{
    position:sticky!important;
    top:0!important;
    z-index:38!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin:0 0 10px!important;
    padding:6px!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:15px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(18,26,42,.97)!important;
    box-shadow:0 10px 24px rgba(4,10,25,.22),inset 0 1px 0 rgba(255,255,255,.07)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(0,0,0)!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    will-change:transform,opacity!important;
    transition:opacity .16s ease,transform .18s ease,visibility 0s linear 0s!important;
  }

  /* Neutralize the old large-toolbar scroll behavior. */
  .template-explorer-toolbar.is-mobile-catalog-enhanced.is-toolbar-hidden,
  .window-toolbar.template-explorer-toolbar.is-mobile-catalog-enhanced.is-toolbar-hidden{
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    max-height:none!important;
    padding:6px!important;
    margin-bottom:10px!important;
    border-color:rgba(255,255,255,.12)!important;
  }

  .template-explorer-toolbar.is-mobile-catalog-enhanced.is-mobile-scroll-hidden,
  .window-toolbar.template-explorer-toolbar.is-mobile-catalog-enhanced.is-mobile-scroll-hidden{
    opacity:0!important;
    visibility:hidden!important;
    transform:translate3d(0,calc(-100% - 8px),0)!important;
    pointer-events:none!important;
    box-shadow:none!important;
    transition:opacity .14s ease,transform .18s ease,visibility 0s linear .18s!important;
  }

  .mobile-catalog-filter-toggle{
    appearance:none;
    width:100%;
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 12px;
    border:0;
    border-radius:11px;
    background:rgba(255,255,255,.08);
    color:var(--text,#f8fafc);
    font:inherit;
    text-align:left;
    cursor:pointer;
  }
  .mobile-catalog-filter-toggle__main{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
    font-size:12.5px;
    font-weight:500;
    letter-spacing:-.01em;
  }
  .mobile-catalog-filter-toggle__icon{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:8px;
    background:rgba(255,255,255,.10);
    font-size:13px;
  }
  .mobile-catalog-filter-toggle__summary{
    min-width:0;
    max-width:43vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--soft,rgba(255,255,255,.62));
    font-size:10.8px;
    font-weight:400;
  }
  .mobile-catalog-filter-toggle__chevron{
    flex:0 0 auto;
    font-size:15px;
    line-height:1;
    transition:transform .18s ease;
  }
  .is-mobile-filter-open .mobile-catalog-filter-toggle__chevron{transform:rotate(180deg)}

  .mobile-catalog-filter-panel{
    display:none;
    grid-template-columns:1fr;
    gap:7px;
    padding:7px 0 0;
  }
  .is-mobile-filter-open .mobile-catalog-filter-panel{display:grid}

  .is-mobile-catalog-enhanced .template-search-input,
  .is-mobile-catalog-enhanced .toolbar-input{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:11px!important;
    font-size:12px!important;
    padding:0 11px!important;
  }
  .is-mobile-catalog-enhanced .template-toolbar-selects,
  .is-mobile-catalog-enhanced .template-toolbar-selects.has-vip-request{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
    width:100%!important;
  }
  .is-mobile-catalog-enhanced .template-toolbar-selects-single,
  .is-mobile-catalog-enhanced .template-toolbar-selects-single.has-vip-request{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .is-mobile-catalog-enhanced .toolbar-select{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    border-radius:11px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
  .is-mobile-catalog-enhanced .vip-request-toolbar-link{
    grid-column:1/-1!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    border-radius:11px!important;
    font-size:11px!important;
  }

  .template-explorer-shell .template-grid{
    margin-top:10px!important;
  }
}