.filters.filters-enhanced{position:relative;z-index:3;display:grid;grid-template-columns:1.25fr .85fr 1.15fr auto;gap:0;align-items:center;padding:8px;border:1px solid #d9d8ce;border-radius:17px;background:#f8f7f1;margin-bottom:26px;overflow:visible}
.filter-picker{position:relative;min-width:0}.filter-size,.filter-condition{border-left:1px solid #dfded5}.filter-trigger{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:5px 18px;align-items:center;width:100%;padding:13px 19px;border:0;border-radius:10px;background:transparent;text-align:left;transition:background .2s}.filter-trigger:hover,.filter-trigger[aria-expanded=true]{background:#eeeee5}.filter-label{font-size:.875rem;color:var(--muted);line-height:1.4}.filter-value{grid-column:1;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.filter-chevron{grid-column:2;grid-row:1/3;justify-self:center;width:8px;height:8px;border:solid #757b6e;border-width:0 1px 1px 0;transform:rotate(45deg) translateY(-2px);transition:transform .22s}.filter-trigger[aria-expanded=true] .filter-chevron{transform:rotate(225deg) translate(-2px,-2px)}.filter-trigger.has-value .filter-value{color:var(--accent);font-weight:500}.filter-trigger.has-value .filter-label:after{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:8px;vertical-align:middle}
.filter-options{position:absolute;left:0;top:calc(100% + 15px);width:max(100%,280px);max-width:calc(100vw - 38px);padding:12px;border:1px solid #d8d9ce;border-radius:15px;background:#fbfaf6;box-shadow:0 12px 32px #28272416;animation:none}.filter-condition .filter-options{left:auto;right:0}.filter-panel-title{font:400 .875rem/1.5 var(--sans);color:var(--muted);margin:3px 10px 10px;padding-bottom:11px;border-bottom:1px solid #e2e1d8}.filter-option-list{display:grid;gap:3px;max-height:350px;overflow-y:auto;overscroll-behavior:contain}.filter-option{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 20px;column-gap:12px;align-items:center;min-height:46px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;line-height:1.4;transition:background .16s,border-color .16s}.filter-option:hover{background:#eeeee6}.filter-option[aria-pressed=true]{background:#e6eadf;border-color:#d4dcca;color:var(--accent)}.option-name{font-size:1rem;overflow-wrap:anywhere}.option-check{grid-column:2;grid-row:1/3;opacity:0;font-size:1rem;text-align:center}.filter-option[aria-pressed=true] .option-check{opacity:1}.option-description{grid-column:1;font-size:.875rem;color:var(--muted);margin-top:3px}.filter-size .filter-option-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.filter-size .filter-option{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:12px 8px;min-height:52px;border:1px solid #d9d9cf;text-align:center}.filter-size .option-name{white-space:nowrap;overflow-wrap:normal}.filter-size .filter-option:first-child{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;min-height:46px;padding:11px 12px;text-align:left}.filter-size .option-check{display:none}.filter-size .filter-option[aria-pressed=true]{background:var(--accent);color:var(--surface);border-color:var(--accent)}.filter-size .filter-option:first-child .option-check{display:block}.filter-size .filter-option:first-child[aria-pressed=true]{background:#e6eadf;color:var(--accent);border-color:#d4dcca}.filter-panel-hint{font-size:.875rem;line-height:1.6;color:var(--muted);margin:14px 9px 4px}.filters-enhanced #reset{padding:14px 18px;font-size:.875rem;min-height:44px}.chosen-filters{display:flex;flex-wrap:wrap;gap:9px;margin:-9px 0 26px}.filter-chip{display:flex;align-items:center;gap:14px;min-height:40px;padding:8px 13px;border:1px solid #cfd6c6;border-radius:30px;background:#e4e9dc;color:var(--accent);font-size:.875rem;text-align:left;line-height:1.5}.filter-chip:hover{background:#d9e1d0}.filter-chip span{font-size:1.2rem;line-height:1}.filter-option:focus-visible{outline-offset:-3px}.filter-trigger:focus-visible{outline-offset:1px}
@keyframes filterAppear{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:850px){.filters.filters-enhanced{grid-template-columns:1.1fr .85fr 1.1fr}.filters-enhanced #reset{grid-column:1/-1;justify-self:end;padding:10px 15px 4px}.filter-trigger{padding:12px;gap:5px 8px}}
@media(max-width:650px){.filters.filters-enhanced{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;border-radius:14px;gap:2px}.filter-brand{grid-column:1/-1;border-bottom:1px solid #dfded5;padding-bottom:3px}.filter-size,.filter-condition{border-left:0}.filter-condition{border-left:1px solid #dfded5!important}.filter-trigger{padding:12px 13px;min-height:79px}.filter-brand .filter-trigger{min-height:75px}.filter-options{top:calc(100% + 9px);width:max(100%,275px)}.filter-brand .filter-options{width:100%}.filter-condition .filter-options{right:-1px}.filters-enhanced #reset{padding:9px 13px;min-height:43px}.chosen-filters{gap:7px;margin-top:-12px}.filter-chip{min-height:44px;padding:8px 12px}.filter-label{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.filter-options{animation:none}.filter-trigger,.filter-chevron,.filter-option{transition:none}}