.catalog-filter-trigger{display:none}
.collection-filter-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:600px;max-height:90dvh;padding:0;border:0;border-radius:18px 18px 0 0;background:var(--paper);color:var(--ink);overflow:hidden}
.collection-filter-dialog[open]{display:flex;flex-direction:column}
.collection-filter-dialog::backdrop{background:#102c3b99}
.collection-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);flex-shrink:0}
.collection-filter-heading h2{font:800 24px/1.2 var(--body)}
.collection-filter-heading>button{width:44px;height:44px;background:transparent;font-size:30px;border-radius:6px}
.collection-filter-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 20px}
.collection-filter-body .collection-sidebar{border:0;padding:0}
.collection-filter-body .collection-sidebar>h2{display:none}
.collection-filter-body .catalog-filters{margin:0;padding-bottom:18px}
.collection-filter-footer{padding:12px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-shrink:0;background:var(--paper)}
.collection-filter-footer>.button{width:100%;min-height:48px;justify-content:center;border-radius:6px}
.catalog-filter-hint{display:none}
.catalog-filter-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:50px;background:var(--lime);color:var(--navy);font-size:11px;font-variant-numeric:tabular-nums}
@media(max-width:700px){
 .catalog-page .catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px}
 .catalog-toolbar-start{display:grid;gap:8px;min-width:0}
 .catalog-toolbar-start .catalog-count{margin:0}
 .catalog-filter-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;padding:8px;border:1px solid var(--navy);border-radius:6px;background:var(--navy);color:var(--paper);font:800 12px/1.35 var(--body)}
 .catalog-filter-trigger>svg{flex-shrink:0;color:var(--lime)}
 .catalog-filter-trigger>span:not(.catalog-filter-badge){min-width:0}
 .catalog-filter-trigger:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
 .catalog-page .catalog-sort{width:100%;max-width:none;gap:8px}
 .catalog-page .catalog-sort select{min-height:48px;border-radius:6px}
 .catalog-filter-hint{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;margin:0;padding:4px 0 0;font-size:12px;line-height:1.55;color:var(--muted)}
 .catalog-filter-hint>svg{flex-shrink:0;margin-top:2px;color:var(--navy)}
}