.filters-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}@media (max-width:480px){.filters-overlay{align-items:flex-end;padding:0}}.filters-modal{background:#fff;border-radius:1.25rem;flex-direction:column;width:100%;max-width:28rem;max-height:calc(100vh - 4rem);display:flex;position:relative;box-shadow:0 20px 60px #0003}.filters-modal--wide{max-width:32rem}@media (max-width:480px){.filters-modal{border-radius:1.25rem 1.25rem 0 0;max-width:none;max-height:90dvh}}.filters-header{border-bottom:1px solid #f0ede8;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex}.filters-close{background:var(--surface-alt);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.filters-close:hover{background:var(--border);color:var(--foreground)}.filters-title{color:var(--foreground);letter-spacing:-.01em;font-size:16px;font-weight:700}.filters-clear{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;transition:opacity .15s}.filters-clear:disabled{color:var(--border-strong);cursor:default}.filters-clear:not(:disabled):hover{text-decoration:underline}.filters-body{flex:1;padding:.5rem 0;overflow-y:auto}.filters-section{padding:.625rem 1.5rem}.filters-section-title{color:var(--foreground);letter-spacing:.02em;margin-bottom:.875rem;font-size:13px;font-weight:700}.filters-section-subhead{justify-content:space-between;align-items:center;gap:.75rem;margin:-.625rem 0 .625rem;display:flex}.filters-section-subhead .filters-section-hint{flex:auto;min-width:0;margin:0}.filters-section-subhead .filters-section-clear{flex:none}.filters-section-clear{color:var(--accent);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:12px;font-weight:600;transition:opacity .15s}.filters-section-clear:disabled{color:var(--border-strong);cursor:default}.filters-section-clear:not(:disabled):hover{text-decoration:underline}.filters-section-hint{color:var(--muted-foreground,#8a8378);margin:-.625rem 0 .625rem;font-size:12px}.filters-collection-trigger{background:var(--surface-warm);border:1px solid var(--border);cursor:pointer;border-radius:.6875rem;justify-content:space-between;align-items:center;gap:.4375rem;width:100%;min-height:44px;padding:.4375rem .875rem;transition:border-color .15s,box-shadow .15s;display:flex}.filters-collection-trigger--open{border-color:var(--accent);box-shadow:0 0 0 3px #e84a2b1f}.filters-collection-trigger-label{color:var(--text-subtle);font-size:14px}.filters-collection-chevron{color:var(--text-subtle);flex-shrink:0;transition:transform .18s}.filters-collection-chevron--open{transform:rotate(180deg)}.filters-collection-actions{gap:.375rem;margin-top:.75rem;display:flex}.filters-collection-actions button{height:32px;color:var(--foreground);background:var(--surface-warm);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;flex:1;font-size:12px;font-weight:600;transition:border-color .12s,background .12s,opacity .12s}.filters-collection-actions button:hover:not(:disabled){border-color:var(--accent)}.filters-collection-actions button:disabled{opacity:.45;cursor:default}.filters-collection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.75rem;display:grid}@media (max-width:480px){.filters-collection-grid{grid-template-columns:minmax(0,1fr)}}.filters-when-or{align-items:center;gap:.75rem;margin:.875rem 0;display:flex}.filters-when-or:before,.filters-when-or:after{content:"";background:var(--border);flex:1;height:1px}.filters-when-or span{font-family:var(--font-geist-mono),monospace;letter-spacing:.08em;text-transform:lowercase;color:var(--text-subtle);font-size:11px;font-weight:600}.filters-pill-grid,.filters-pill-row{flex-wrap:wrap;gap:.5rem;display:flex}.filters-quick{position:relative}.filters-quick-measure{visibility:hidden;pointer-events:none;height:0;position:absolute;left:1.5rem;right:1.5rem;overflow:hidden}.filters-modal .ms-ms-tag{background:var(--foreground);border-color:var(--foreground);color:#fff}.filters-modal .ms-ms-tag-x{color:#fff}.filters-pill{color:var(--text-secondary);background:var(--surface-warm);border:1.5px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:.4rem .875rem;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.filters-pill:hover{background:var(--surface-warm);border-color:var(--border-strong)}.filters-pill--active{background:var(--foreground);color:#fff;border-color:var(--foreground)}.filters-pill--active:hover{background:#333}.filters-pill--price{text-align:center;min-width:3rem}.filters-footer{border-top:1px solid #f0ede8;flex-shrink:0;padding:1rem 1.5rem}@media (max-width:480px){.filters-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}.filters-apply{background:var(--accent);color:#fff;letter-spacing:.04em;cursor:pointer;width:100%;box-shadow:var(--accent-glow);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:14px;font-weight:700;transition:background .15s,box-shadow .15s;display:flex}.filters-apply:hover{background:var(--accent-hover);box-shadow:var(--accent-glow-strong)}.filters-apply-count{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}