/* Shared product facets and search layout. Buttons/inputs use components.css. */
.ps-series-toolbar { display:flex;align-items:stretch;gap:20px;box-shadow:inset 0 -1px var(--color-border) }
.ps-series-toolbar>.sc-series-nav { flex:1;min-width:0;border-bottom:0;padding:0;align-items:stretch }
.ps-series-toolbar>.sc-series-nav>a { min-height:55px;padding:10px 0 7px }
.ps-toggle { margin:4px 0 4px;flex:none }
.product-search-panel { padding:0;background:var(--color-white);border:0;margin:0 0 var(--product-list-heading-gap);text-align:left }
.product-search-panel[hidden] { display:none }
.ps-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px }
.ps-heading h2 { font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.02em;margin:0 }
.ps-close { border:0;flex:none }
.ps-facets { border-top:1px solid var(--color-border) }
.ps-facet { position:relative;min-width:0;padding-left:120px;border-bottom:1px solid var(--color-border) }
.ps-facet>summary { position:absolute;inset:0 auto 0 0;width:120px;display:flex;align-items:flex-start;gap:8px;list-style:none;padding:14px 16px;background:var(--color-surface);font-size:13px;font-weight:500;line-height:1.5;margin:0;cursor:default }
.ps-facet>summary::-webkit-details-marker { display:none }
.ps-facet fieldset { margin:0;padding:8px 18px;border:0;min-width:0 }
.ps-options { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:4px 18px }
.ps-option { display:flex;align-items:center;gap:6px;min-height:32px;max-width:100%;font-size:13px;line-height:1.4;color:var(--color-muted);cursor:pointer;text-align:left }
.ps-option>span { min-width:0;overflow-wrap:anywhere }
.ps-option input { appearance:auto;width:16px;height:16px;min-height:0;margin:0;flex:none;accent-color:#666666;cursor:pointer }
.ps-option:has(input:checked) { color:var(--color-text);font-weight:500 }
.ps-option:hover { color:var(--color-text) }
.ps-option input:focus-visible { outline:2px solid var(--color-accent);outline-offset:3px }
.ps-actions { display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:16px }
.ps-results { padding:0 0 80px;scroll-margin-top:calc(var(--header-height) + 20px) }
.ps-result-heading { margin:0 }
.ps-inline-count { margin:0;font-size:14px;color:var(--color-muted);white-space:nowrap }
.ps-card-series { margin:0 0 8px!important;color:var(--color-muted);font-size:12px;line-height:1.4 }
.ps-empty { padding:60px 20px;background:var(--color-surface);text-align:center }
.ps-empty>p { font-size:15px;line-height:1.6;margin:0 0 8px!important }
.ps-empty>button { margin-top:20px }
.ps-more { display:flex;margin:36px auto 0 }
.p-admin-value, #components .p-note { white-space:pre-line;font-size:15px;line-height:1.7;overflow-wrap:anywhere }
.p-quick-specs>dl { margin:0 }
.p-quick-specs>dl>div { display:grid;grid-template-columns:94px minmax(0,1fr);gap:20px;padding:0;font-size:14px;line-height:1.6 }
.p-quick-specs>dl dt { color:var(--color-muted) }
.p-quick-specs>dl dd { margin:0;overflow-wrap:anywhere }
@media(max-width:1100px) and (min-width:801px) {
 .ps-options { grid-template-columns:repeat(4,minmax(0,1fr));column-gap:14px }
 .ps-option { gap:7px }
}
@media(max-width:800px) {
 .ps-series-toolbar { gap:12px;align-items:stretch }
 .ps-series-toolbar>.sc-series-nav { flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:0;gap:20px }
 .ps-series-toolbar>.sc-series-nav>a { flex:none;min-height:52px;padding:8px 0 6px }
 .ps-toggle { margin:0 0 5px }
 .product-search-panel { padding:0;margin-top:0 }
 .ps-heading { margin-bottom:4px }
 .ps-facet { padding:0 }
 .ps-facet>summary { position:static;width:auto;align-items:center;min-height:44px;padding:8px 10px;cursor:pointer;font-size:14px }
 .ps-facet>summary::after { content:'+';font-size:20px;font-weight:300;line-height:1;margin-left:auto }
 .ps-facet[open]>summary::after { content:'−' }
 .ps-facet>summary:focus-visible { outline:none;box-shadow:inset 0 -2px var(--color-accent) }
 .ps-facet fieldset { padding:0 8px 4px }
 .ps-options { grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px }
 .ps-option { min-height:44px;font-size:14px;line-height:1.4;gap:8px }
 .ps-actions { gap:4px;flex-wrap:wrap;padding-top:8px }
 .ps-actions>.text-link { margin-left:auto }
 .ps-actions>.catalog-search-controls { width:100%;min-width:0 }
 .ps-results { padding-bottom:48px }
 .ps-result-heading { margin:0 }
 .p-admin-value, #components .p-note { font-size:14px;line-height:1.6 }
 .p-quick-specs>dl>div { grid-template-columns:80px minmax(0,1fr);gap:12px }
}
@media(pointer:coarse) and (min-width:801px) {
 .ps-option { min-height:44px }
}

/* Basic size/colour facets and opt-in advanced filters. */
[data-ps-extra][hidden] { display:none }
.ps-selection-row { display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;justify-content:flex-start;padding:0;min-width:0 }
.ps-reset { flex:none;white-space:nowrap;gap:6px }
.ps-reset svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round }
.ps-selected { display:flex;flex-wrap:wrap;gap:0 12px;min-width:0 }
.ps-selected-chip { border:0;background:none;color:var(--color-accent);font:inherit;font-size:13px;text-align:left;min-height:32px;padding:4px 0;max-width:100%;overflow-wrap:anywhere;cursor:pointer }
.ps-more-options { flex:none;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:44px;padding:8px;border:0;background:transparent;color:var(--color-muted);font:inherit;font-size:13px;cursor:pointer }
.ps-more-options svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5 }
.ps-more-options[aria-expanded=true] svg { transform:rotate(180deg) }
.ps-more-options:is(:hover,:active) { color:var(--color-text);font-weight:600 }
.ps-facet--color { border-bottom:1px solid var(--color-border) }
@media(max-width:800px) {
 .ps-selection-row { gap:0 12px;align-items:center;padding:0 }
 .ps-reset,.ps-selected-chip { min-height:44px }
}

.ps-selected:empty { display:none }

/* Finder uses the same filters without the results or keyword row. */
.kf-embedded body { padding-top:0!important }
.kf-embedded .wrap { width:auto;max-width:none;margin:0 20px }
.kf-embedded #main { padding-top:18px }
.kf-embedded .ps-actions,.kf-embedded .ps-results { display:none!important }
.kf-embedded #product-search-panel { margin-bottom:0 }
@media(max-width:520px) { .kf-embedded .wrap { margin:0 16px } }

/* Fit the option-only dialog without a nested scrolling list. */
.kf-embedded #main { padding-top:12px }
.kf-embedded .ps-facet { padding-left:94px }
.kf-embedded .ps-facet>summary { width:94px;padding:8px 10px }
.kf-embedded .ps-facet fieldset { padding:4px 10px }
.kf-embedded .ps-options { grid-template-columns:repeat(4,minmax(0,1fr));gap:0 10px }
.kf-embedded .ps-option { min-height:24px;font-size:12px;line-height:1.3 }
.kf-embedded .ps-selected-chip { min-height:26px;font-size:12px;padding:2px 0 }
.kf-embedded .ps-selection-row { min-height:40px }
.kf-embedded .ps-more-options,.kf-embedded .ps-reset { min-height:40px }
@media(max-width:800px) {
 .kf-embedded .ps-facet { padding-left:0 }
 .kf-embedded .ps-facet>summary { width:auto;min-height:32px;padding:6px 10px;font-size:13px }
 .kf-embedded .ps-options { grid-template-columns:repeat(2,minmax(0,1fr)) }
 .kf-embedded .ps-option { min-height:34px }
}