.catalog-filter-panel{margin:0 0 22px;color:inherit}
.desktop-page-heading:has(.catalog-filter-panel){align-items:flex-start;gap:24px}
.desktop-page-heading>div:first-child:has(.catalog-filter-panel){flex:1;min-width:0}
.catalog-filter-panel>summary{display:flex;align-items:center;gap:12px;width:fit-content;list-style:none;cursor:pointer;font-size:28px;font-weight:700;line-height:1.4;user-select:none}
.catalog-filter-panel>summary::-webkit-details-marker{display:none}
.catalog-filter-panel>summary>h1{font:inherit;margin:0}
.catalog-filter-panel>summary:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:4px}
.catalog-filter-arrow{width:22px;height:22px;flex:none;transition:transform .18s ease}
.catalog-filter-panel[open] .catalog-filter-arrow{transform:rotate(180deg)}
.catalog-filter-content{margin-top:18px;padding:18px;border:1px solid #8884;border-radius:12px;background:#8881}
.catalog-filter-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start}
.catalog-filter-row+.catalog-filter-row{margin-top:18px;padding-top:18px;border-top:1px solid #8883}
.catalog-filter-label{font-size:14px;font-weight:600;padding-top:6px}
.catalog-filter-options{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 4px 2px}
.catalog-filter-options>a{display:inline-block;padding:6px 13px;border:1px solid #8883;border-radius:18px;font-size:13px;line-height:1.5;text-decoration:none;white-space:nowrap;color:inherit}
.catalog-filter-options>a:hover{border-color:currentColor}
.catalog-filter-options>a[aria-current]{color:#fff;background:#c7354c;border-color:#c7354c}
body[data-template="toomics"] .catalog-filter-options>a[aria-current]{color:#111;background:#fff;border-color:#fff}
.catalog-filter-options>a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:700px){.catalog-filter-panel>summary{font-size:26px}.catalog-filter-content{padding:14px 10px}.catalog-filter-row{grid-template-columns:36px minmax(0,1fr);gap:8px}.catalog-filter-options>a{font-size:12px;padding:5px 11px}.catalog-filter-options{max-height:210px}}
@media(prefers-reduced-motion:reduce){.catalog-filter-arrow{transition:none}}