/* Product filtering: native checkboxes, searchable lists and persistent removable selections. */
.ws-filter-tools{margin-bottom:20px}
.ws-filter-tools .ws-filters{margin-bottom:16px}
.ws-filter-tools .ws-filters>summary{justify-content:flex-start;gap:12px}
.ws-filter-tools .ws-filters>summary>svg{margin-left:auto}
.ws-filter-summary-count{background:var(--hp-red);color:#fff;font-size:11px;line-height:22px;min-width:22px;padding:0 6px;text-align:center;border-radius:50%}
.ws-filter-tools [hidden]{display:none!important}
.ws-filter-form .ws-multifilter{min-width:0;margin:0;padding:0;border:0}
.ws-multifilter legend{font-size:12px;line-height:1.5;font-weight:600;margin:0 0 9px;padding:0}
.ws-filter-picker{position:relative}
.ws-filter-picker>summary{min-height:46px;background:#fff;border:1px solid #d6d6d6;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:400;line-height:1.5;list-style:none}
.ws-filter-picker>summary::-webkit-details-marker{display:none}
.ws-filter-picker>summary>svg{width:16px;height:16px;flex:0 0 16px;transition:transform .15s}
.ws-filter-picker[open]>summary{border-color:var(--hp-red)}
.ws-filter-picker[open]>summary>svg{transform:rotate(180deg)}
.ws-picker-panel{position:absolute;z-index:45;top:calc(100% + 5px);left:0;right:0;min-width:0;background:#fff;border:1px solid #d6d6d6;box-shadow:0 8px 22px #00000014}
.ws-picker-search{position:relative;border-bottom:1px solid var(--hp-line);padding:10px}
.ws-picker-search>span{position:absolute;left:22px;top:23px;width:17px;height:17px;color:#777;pointer-events:none}
.ws-picker-search>span>svg{width:17px;height:17px}
.ws-filter-form .ws-picker-search input{border:1px solid #d6d6d6;padding:10px 35px 10px 35px;font-size:14px;min-width:0;min-height:44px;appearance:none;border-radius:0}
.ws-picker-search input::-webkit-search-cancel-button{display:none}
.ws-picker-search-clear{position:absolute;right:12px;top:12px;width:40px;height:40px;border:0;background:transparent;font-size:23px;line-height:1;color:#666;cursor:pointer}
.ws-picker-options{max-height:240px;max-height:min(240px,42dvh);overflow:auto;overscroll-behavior:contain;padding:5px 0;scrollbar-width:thin}
.ws-filter-form label.ws-picker-option{display:flex;flex-direction:row;align-items:center;gap:11px;min-height:43px;padding:9px 13px;font-size:14px;font-weight:400;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
.ws-picker-option:hover,.ws-picker-option:focus-within{background:#f6f6f6}
.ws-filter-form .ws-picker-option input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:var(--hp-red);cursor:pointer}
.ws-picker-option:has(input:checked){background:#fff3f3}
.ws-picker-option:has(input:checked)>span{font-weight:600}
.ws-picker-empty{padding:14px;margin:0;font-size:13px;color:var(--hp-muted)}
.ws-filter-auto-note{font-size:12px;color:#666;line-height:1.5}
.ws-active-filters{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 16px;border:1px solid var(--hp-line);padding:14px 16px;background:#fff;margin-bottom:12px}
.ws-active-filters>p{margin:0;font-size:12px;font-weight:700;white-space:nowrap}
.ws-filter-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.ws-filter-tag{display:inline-flex;align-items:center;gap:13px;max-width:100%;padding:7px 10px;background:#f6f6f6;border:1px solid #ddd;border-radius:2px;color:#262626;text-decoration:none!important;font-size:12px;line-height:1.4;min-height:36px;overflow-wrap:anywhere}
.ws-filter-tag>span:last-child{font-size:20px;line-height:1;color:#b71e22;flex:0 0 auto}
.ws-filter-tag:hover{border-color:var(--hp-red);background:#fff3f3;color:#262626}
.ws-filter-update-status{font-size:12px;color:#666;min-height:18px;margin:10px 0 0}
.ws-filter-update-status:empty{display:none}
.ws-filter-update-status.ws-filter-error{color:#a11a1d}
[data-ws-product-results]{transition:opacity .1s}
[data-ws-product-results][aria-busy=true]{opacity:.65}
.ws-filter-picker>summary:focus-visible,.ws-filter-tag:focus-visible,.ws-picker-search-clear:focus-visible{outline:2px solid #1d1d1b;outline-offset:3px}
@media(max-width:767px){.ws-filter-picker>summary,.ws-filter-form .ws-picker-search input{font-size:16px}.ws-filter-form label.ws-picker-option{min-height:46px;font-size:15px}.ws-picker-options{max-height:min(250px,40dvh)}.ws-active-filters{padding:13px}.ws-active-filters>p{flex-basis:100%}.ws-filter-tag{min-height:44px;font-size:12px}.ws-filter-auto-note{flex-basis:100%}.ws-filter-tools .ws-filter-form{gap:18px}}
@media(prefers-reduced-motion:reduce){[data-ws-product-results],.ws-filter-picker>summary>svg{transition:none}}