/* Existing storefront palette, clearer filter targets and selected states. */
#filter-table .filter-row{display:flex;border-bottom:1px solid #edf0f3}
#filter-table .filter-row-name{flex:0 0 92px;box-sizing:border-box;padding:13px 16px;background:#f7f9fb;color:#596979;font-weight:600}
#filter-table .filter-row-values{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;padding:9px 12px}
#filter-table .filter-chip{display:inline-flex;align-items:center;min-height:30px;line-height:1.5;padding:4px 10px;border:1px solid transparent;border-radius:6px;box-sizing:border-box;margin:0;color:#425568;text-decoration:none}
#filter-table .filter-chip:hover{background:#f4f6f8;border-color:#dce3e9}
#filter-table .filter-chip.active{color:#d8001a;background:#fff1f3;border-color:#f0bdc5;font-weight:600}
#filter-table .filter-chip:focus-visible,#filter-table .filter-more:focus-visible{outline:2px solid #d8001a;outline-offset:2px}
#filter-table .filter-more{padding:6px 10px;white-space:nowrap;color:#426685}
@media(max-width:767px){#filter-table .filter-row-name{flex-basis:68px;padding:13px 8px}#filter-table .filter-row-values{padding:7px;gap:5px}#filter-table .filter-chip{min-height:38px;padding:7px 9px}}

/* Compact filters: preserve comfortable mobile targets and visible selections. */
#filter-table .filter-row[hidden] { display:none !important; }
#filter-table .filter-row-name { flex-basis:132px; width:132px; padding:8px 12px; line-height:1.5; font-size:12px; display:flex; align-items:center; }
#filter-table .filter-row-values { padding:4px 8px; gap:2px 4px; }
#filter-table .filter-chip { min-height:26px; padding:2px 8px; border-radius:4px; font-size:12px; }
#filter-table .filter-more { padding:3px 8px; font-size:12px; }
#filter-table .filter-options-toggle { display:block; margin:6px auto; padding:6px 20px; min-height:30px; border:1px solid #e2e6eb; border-radius:5px; background:#fff; color:#496176; cursor:pointer; font-size:12px; }
#filter-table .filter-options-toggle:focus-visible { outline:2px solid #d8001a; outline-offset:2px; }
@media(max-width:767px) {
 #filter-table .filter-row-name { flex-basis:94px; width:94px; padding:6px 8px; }
 #filter-table .filter-row-values { padding:4px; gap:2px; }
 #filter-table .filter-chip { min-height:36px; padding:5px 8px; }
 #filter-table .filter-more { min-height:36px; display:inline-flex; align-items:center; box-sizing:border-box; }
 #filter-table .filter-options-toggle { min-height:38px; }
}