Kent Automotive — filter modals side by side

The PLP filter modal (from kent-plp-preview) and the Search-results filter modal (from kent-search-preview), the real live previews embedded whole and each opened to its filter sheet. Both are transcoded stylized webviews re-skinned to the Figma 1427 shop style. Scroll each sheet independently.

✓ Locked — your choice “B”: style conforms (both sheets now render their chrome from one shared filter-modal.css — a single source of truth, so it can’t drift), while section order stays 1:1 with Kent’s own live surface on each page. Nothing reordered, nothing invented — the two sheets differ only where kent-automotive.com itself differs.

What lines up · what differs

Shared chrome (matches)

Bottom sheet — rounded top, grab handle, dimmed backdrop
Section titles — uppercase Roboto Condensed 14, tracked
Checkbox rows — 20px blue box, 5px radius, blue check
Sort rows — blue radio dial
Footer — Clear all + blue Show N results pill
Header — Montserrat 600 / 18px

Differs by surface (each mirrors Kent’s live filters for that surface)

Header — PLP “Filters” · Search “Sort & Filter”
Dismiss — PLP “Close” · Search “Hide Filters”
Sort — PLP Relevance / Name A–Z / Price · Search Relevance / Most popular (all Kent’s live search offers)
PLP filters = Subcategory + Brand — the only two facets Kent’s live collection (PLP) panel exposes; no “Refine by keyword” (it is not on Kent’s live PLP filter panel — verified 2026-07-28)
Search filters = live Algolia facet groups (Brand, Type, Material, Diameter, Grip Range…) as collapsible dropdowns; no keyword (stripped per your call)

The two surfaces expose different filters on kent-automotive.com itself — the PLP refines a category, search refines an Algolia result set — so the sheets carry different controls by design. The frame, buttons, rows and footer are the one shared treatment. Per your “B” call, each sheet keeps its own live header/dismiss text and order — not harmonized — so it stays a true transcode of that surface.