.category-page{padding-top:var(--space-6);padding-bottom:var(--space-12)}.category-page__head{min-width:0;margin-top:var(--space-1);margin-bottom:var(--space-1);flex-direction:column;display:flex}.category-page__heading{min-width:0}.category-page__title{font-size:var(--text-lg);margin:0;display:inline}.category-page__layout{gap:var(--space-6);flex-direction:column;display:flex}.category-page__content{flex:1;min-width:0}.category-page__toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.category-page__count{font-size:var(--text-sm);color:var(--color-slate);white-space:nowrap;display:none}.category-page__count--inline{margin-left:var(--space-2);display:inline}.category-page__toolbar-left{align-items:center;gap:var(--space-2);display:flex}.category-page__toolbar-left .searchable-select__trigger{min-height:32px;padding:var(--space-1) var(--space-2)}.category-page__grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.category-page__list{flex-direction:column;display:flex}.catalog-list--busy{opacity:.45;pointer-events:none;transition:opacity var(--motion-fast)}@media (min-width:640px){.category-page__head{align-items:center;gap:var(--space-4);margin-top:var(--space-2);margin-bottom:var(--space-3);flex-direction:row}.category-page__toolbar{margin-bottom:var(--space-4)}.category-page__head .subcategory-chips{flex:1 1 0}.category-page__title{font-size:var(--text-xl)}.category-page__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-page__count{display:block}.category-page__toolbar-left{margin-left:auto}.category-page__count--inline{display:none}.category-page__toolbar-left .searchable-select{order:1}.category-page__toolbar-left .view-toggle{order:2}.category-page__toolbar-left .filter-toggle{order:3}}@media (min-width:1024px){.category-page__layout{flex-direction:row;align-items:flex-start}.category-page__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
.filter-drawer{z-index:40;visibility:hidden;pointer-events:none;position:fixed;inset:0}.filter-drawer--open{visibility:visible;pointer-events:auto}.filter-drawer__backdrop{opacity:0;transition:opacity var(--motion-base);background:#0006;position:absolute;inset:0}.filter-drawer--open .filter-drawer__backdrop{opacity:1}.filter-drawer__sheet{background:var(--color-surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);max-height:85vh;box-shadow:var(--shadow-lg);transition:transform var(--motion-base);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.filter-drawer--open .filter-drawer__sheet{transform:translateY(0)}.filter-drawer__header{padding:var(--space-2) var(--space-4);border-bottom:var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.filter-drawer__header h2{font-size:var(--text-base)}.filter-drawer__reset{padding:var(--space-2);font-size:var(--text-sm);color:var(--color-slate);margin-left:auto}.filter-drawer__reset:hover{color:var(--color-accent)}.filter-drawer__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.filter-drawer__filters{padding:var(--space-4);padding-bottom:var(--space-16)}.filter-mobile-bar{z-index:41;padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--color-surface);border-top:var(--border);align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.filter-mobile-bar__apply{flex:1}@media (min-width:1024px){.filter-drawer{visibility:visible;pointer-events:auto;z-index:auto;flex-shrink:0;width:268px;position:static}.filter-drawer__backdrop{display:none}.filter-drawer__sheet{border-radius:var(--radius);border:var(--border);max-height:none;box-shadow:none;transition:none;position:static;transform:none}.filter-drawer__header{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.filter-drawer__header button{display:none}.filter-drawer__body{overflow-y:visible}.filter-drawer__filters{padding-bottom:var(--space-4)}.filter-mobile-bar{display:none}}