.catalog-collection .catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;align-items:center;gap:22px;margin-bottom:27px}
.catalog-toolbar-count{white-space:nowrap;text-align:right}
.catalog-filter-toggle{display:flex;align-items:center;justify-content:center;position:relative;width:48px;height:48px;padding:0;border:1px solid #ddded5;border-radius:14px;background:#eeeee7;color:var(--ink,#22251f);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.catalog-filter-toggle:hover,.catalog-filter-toggle[aria-expanded=true]{border-color:var(--blue,#2323ff);color:var(--blue,#2323ff);background:#eae7fa}
.catalog-filter-toggle svg{width:22px;height:22px;flex-shrink:0}
.catalog-filter-badge{position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:20px;background:var(--blue,#2323ff);color:white;font-family:Onest,Arial,sans-serif;font-size:9px;font-weight:550;line-height:1}
.catalog-filter-badge[hidden]{display:none}
.catalog-filter-dialog{position:fixed;inset:5vh 24px auto auto;width:540px;max-width:calc(100vw - 48px);height:min(760px,90svh);max-height:90svh;margin:0;padding:0;border:1px solid #e1e0d7;border-radius:21px;background:var(--cream,#f6f5f0);color:var(--ink,#22251f);font-family:Onest,Arial,sans-serif;box-shadow:0 20px 70px #22251f29;overflow:hidden}
.catalog-filter-dialog:not([open]){display:none}
.catalog-filter-dialog[open]{display:flex;flex-direction:column}
.catalog-filter-dialog::backdrop{background:#22251f66;backdrop-filter:blur(5px)}
.catalog-filter-dialog *{box-sizing:border-box}
.catalog-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px 22px;border-bottom:1px solid #e3e3d9;flex-shrink:0}
.catalog-filter-heading h2{margin:0;font-size:31px;line-height:1.15;letter-spacing:-1px;font-weight:550}
.catalog-filter-heading .dialog-close{position:static;flex-shrink:0;width:35px;height:35px;font-size:27px;background:transparent}
.catalog-filter-body{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:24px 28px 27px;scrollbar-width:thin;scrollbar-color:#d9d6e7 transparent}
.catalog-filter-dialog .collection-controls{align-items:stretch;gap:22px;margin:0 0 24px}
.catalog-filter-dialog .category-filters{flex-wrap:wrap;overflow:visible;gap:7px;margin:0;padding:0}
.catalog-filter-dialog .category-filters .filter{flex:0 1 auto;max-width:100%;padding:9px 12px;font-size:10px;line-height:1.5;white-space:normal}
.catalog-filter-dialog .collection-secondary{flex-direction:column;align-items:stretch;gap:7px}
.catalog-filter-dialog .gender-filters{gap:19px}
.catalog-filter-summary{display:flex;justify-content:flex-end}
.catalog-filter-summary .catalog-reset{min-height:44px;align-self:auto;line-height:1.5;padding:10px 0;font-size:10px}
.catalog-facets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px;margin:0}
.catalog-facet{display:flex;flex-direction:column;gap:8px;min-width:0;font-family:Onest,Arial,sans-serif}
.catalog-facet>span{font-size:10px;line-height:1.5;color:var(--muted,#62655c);padding-left:2px}
.catalog-facet-select{appearance:auto;width:100%;min-width:0;min-height:44px;height:44px;border:1px solid #ddded5;border-radius:10px;background:#eeeee7;color:var(--ink,#22251f);font-family:Onest,Arial,sans-serif;font-size:12px;line-height:1.4;padding:10px 12px;cursor:pointer;transition:border-color .2s,background .2s}
.catalog-facet-select:hover{border-color:#c4c4bd;background:#eaeae2}
.catalog-facet-select:disabled{opacity:.5;cursor:default}
.catalog-filter-toggle:focus-visible,.catalog-filter-dialog button:focus-visible,.catalog-facet-select:focus-visible{outline:2px solid var(--blue,#2323ff);outline-offset:3px}
.catalog-facet-select:focus-visible{border-color:var(--blue,#2323ff)}
.catalog-filter-footer{padding:18px 28px 23px;border-top:1px solid #e3e3d9;flex-shrink:0;background:var(--cream,#f6f5f0)}
.catalog-filter-footer .button{width:100%;min-height:48px;padding:13px 20px;justify-content:center;gap:8px;font-size:12px;line-height:1.5;text-align:center;white-space:normal}
@media(max-width:760px){.catalog-collection .catalog-toolbar{grid-template-columns:minmax(0,1fr) 46px;gap:11px;margin-bottom:23px}.catalog-toolbar .catalog-search{width:100%;max-width:none}.catalog-toolbar-count{grid-column:1/-1;grid-row:2;text-align:left;font-size:9px;padding-left:2px}.catalog-filter-toggle{grid-column:2;grid-row:1;width:46px;height:46px;border-radius:13px}.catalog-filter-dialog{inset:10px;width:calc(100vw - 20px);max-width:none;height:calc(100dvh - 20px);max-height:none;border-radius:20px}.catalog-filter-heading{padding:22px 22px 18px}.catalog-filter-heading h2{font-size:28px}.catalog-filter-body{padding:20px 22px 24px}.catalog-filter-dialog .collection-controls{gap:19px;margin-bottom:20px}.catalog-filter-dialog .category-filters .filter{padding:9px 11px;font-size:9px}.catalog-filter-dialog .gender-filters{gap:18px}.catalog-filter-dialog .gender-filter{font-size:10px}.catalog-facets{gap:16px 11px}.catalog-facet{gap:7px}.catalog-facet>span{font-size:9px}.catalog-facet-select{padding:10px 11px;border-radius:9px}.catalog-filter-footer{padding:16px 22px 20px}.catalog-filter-footer .button{font-size:11px}}
@media(max-width:380px){.catalog-filter-heading,.catalog-filter-body,.catalog-filter-footer{padding-left:18px;padding-right:18px}.catalog-facets{gap:15px 9px}.catalog-facet-select{font-size:11px;padding-left:9px;padding-right:9px}}
@media(prefers-reduced-motion:reduce){.catalog-filter-dialog[open]{animation:none}.catalog-facet-select,.catalog-filter-toggle{transition:none}}
.catalog-filter-toggle:disabled{opacity:.45;cursor:wait}
.catalog-filter-dialog .category-filters .filter{min-height:44px;font-size:12px}
.catalog-filter-dialog .gender-filter{min-height:44px;font-size:12px}
.catalog-filter-dialog .catalog-reset{font-size:12px}
.catalog-facet>span{font-size:12px}
.catalog-toolbar-count{font-size:12px}