/* Native disclosures keep mobile lists reachable before JavaScript loads. */
.responsive-filters{min-width:0;max-width:100%;margin:0 0 20px}
.mobile-filter-summary{display:flex;align-items:center;gap:9px;min-height:48px;padding:12px 15px;list-style:none;cursor:pointer;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--ink-2);font-size:14px;font-weight:800}
.mobile-filter-summary::-webkit-details-marker{display:none}
.mobile-filter-summary>svg,.mobile-filter-state>svg{flex:none}
.mobile-filter-state{display:flex;align-items:center;gap:6px;margin-left:auto;color:#596174;font-size:12px;font-weight:700}
.mobile-filter-count{padding:3px 7px;border-radius:20px;background:#e8eee9;color:#26324a;font-size:11px;white-space:nowrap}
.mobile-filter-count[hidden],.filter-hide,.mobile-filter-close{display:none}
.responsive-filters[open]>.mobile-filter-summary .filter-show{display:none}
.responsive-filters[open]>.mobile-filter-summary .filter-hide{display:inline}
.responsive-filters[open]>.mobile-filter-summary .mobile-filter-state>svg{transform:rotate(180deg)}
.mobile-filter-summary:focus-visible,.mobile-filter-close:focus-visible{outline:3px solid #a2633f;outline-offset:3px}
.center-results,[data-shop-results],[data-general-directory-results]{scroll-margin-top:calc(var(--header-h) + 18px)}
@media(min-width:901px){
  .responsive-filters[data-filters-ready]>.mobile-filter-summary{display:none}
  .responsive-filters-sidebar{position:sticky;top:calc(var(--header-h) + 18px);align-self:start;margin:0}
  .responsive-filters-sidebar>.center-filter-panel{position:static;top:auto}
}
@media(max-width:900px){
  .center-directory-shell{display:block}
  .responsive-filters{position:static;inset:auto;z-index:auto;width:100%;margin:0 0 18px;scroll-margin-top:calc(var(--header-h) + 12px)}
  .responsive-filters[open]{border:1px solid var(--line-strong);border-radius:16px;background:#fff}
  .responsive-filters[open]>.mobile-filter-summary{border:0;border-bottom:1px solid var(--line);border-radius:15px 15px 0 0}
  .responsive-filters>form{position:static;inset:auto;z-index:auto;width:100%;max-width:100%;min-width:0;margin:0;padding:15px;border:0;border-radius:0;background:transparent;box-shadow:none;grid-template-columns:minmax(0,1fr);gap:12px}
  .responsive-filters>form .field{min-width:0;max-width:100%;flex-basis:100%}
  .responsive-filters>form .field input,.responsive-filters>form .field select{min-width:0;max-width:100%;font-size:16px}
  .responsive-filters>form .btn{min-height:44px;white-space:normal}
  .responsive-filters>form .search-long,.responsive-filters>form .general-directory-search{grid-column:auto}
  .responsive-filters>form .center-filter-title{align-items:center;margin:0 0 14px}
  .responsive-filters>form .center-filter-title>div{display:none}
  .responsive-filters>form .center-filter-title a{min-height:44px;display:inline-flex;align-items:center}
  .responsive-filters>form .filter-check{min-height:44px}
  .responsive-filters>form .button-row{width:100%}
  .responsive-filters>form .button-row .btn{flex:1}
  .responsive-filters[data-filters-ready]>.mobile-filter-close{display:flex;justify-content:center;align-items:center;min-height:44px;width:calc(100% - 30px);margin:0 15px 15px;border:1px solid var(--line-strong);border-radius:12px;background:#f7f4ee;color:var(--ink-2);font:inherit;font-size:14px;font-weight:750;cursor:pointer}
  .learn-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .learn-search input{min-width:0;width:100%;font-size:16px}
  .learn-search .btn{min-height:44px;padding-inline:13px}
  .free-class-filter{flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:8px;margin:14px 0;padding-bottom:4px}
  .free-class-filter a{display:inline-flex;align-items:center;min-height:44px;flex:none;white-space:nowrap}
}