.category-filters{-webkit-margin-before:12px;margin-block-start:12px}.category-filters-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}.category-filters-form>.ui-field{flex:0 1 190px;min-width:150px}.category-filters-range{display:grid;grid-template-columns:repeat(2,minmax(0,96px));grid-gap:4px 8px;gap:4px 8px;margin:0;padding:0;border:0}.category-filters-range>legend{grid-column:1/-1;padding:0}.category-filters-range .ui-field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.category-filters-actions{display:flex;gap:8px}.category-filters-open{display:none}@media (max-width:767.98px){.category-filters-inline{display:none}.category-filters-open{display:inline-flex}}.category-filters-backdrop{position:fixed;inset:0;z-index:var(--z-drawer);display:flex;justify-content:flex-end;background:var(--overlay)}.category-filters-drawer{display:flex;flex-direction:column;gap:16px;width:min(420px,100%);height:100%;overflow-y:auto;padding:16px;-webkit-padding-after:calc(16px + env(safe-area-inset-bottom, 0px));padding-block-end:calc(16px + env(safe-area-inset-bottom, 0px));background:var(--surface-raised);box-shadow:0 0 24px color-mix(in srgb,var(--shadow-ink) 25%,transparent)}.category-filters-drawer header{display:flex;align-items:center;justify-content:space-between}.category-filters-drawer h2{margin:0;color:var(--navy);font-size:1.2rem}.category-filters-drawer .category-filters-form{flex-direction:column;align-items:stretch}.category-filters-drawer .category-filters-form>.ui-field{flex:none}.category-filters-drawer .category-filters-range{grid-template-columns:repeat(2,minmax(0,1fr))}.category-filters-drawer .category-filters-actions{position:-webkit-sticky;position:sticky;inset-block-end:0;padding-block:8px;background:var(--surface-raised)}.category-filters-drawer .category-filters-actions>.ui-button{flex:1 1}