.filter-sidebar.svelte-1dwmbvj{position:fixed;top:72px;left:0;height:calc(100vh - 90px);width:320px;background:var(--color-background);border-right:1px solid var(--color-border);transform:translate(-100%);transition:transform var(--transition-base);z-index:500;overflow-y:auto;flex-shrink:0}.filter-sidebar.open.svelte-1dwmbvj{transform:translate(0)}.sidebar-header.svelte-1dwmbvj{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-background);position:sticky;top:0;z-index:2}.sidebar-header.svelte-1dwmbvj h3:where(.svelte-1dwmbvj){margin:0;font-size:var(--text-xl);color:var(--color-dark)}.close-btn.svelte-1dwmbvj{background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-base)}.close-btn.svelte-1dwmbvj:hover{color:var(--color-dark)}.filters-content.svelte-1dwmbvj{padding:var(--space-lg)}.filter-actions.svelte-1dwmbvj{margin-bottom:var(--space-xl)}.clear-filters-btn.svelte-1dwmbvj{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-light);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.clear-filters-btn.svelte-1dwmbvj:hover{background:var(--color-border)}.favorites-group.svelte-1dwmbvj{padding-bottom:var(--space-lg)}.favorites-toggle-btn.svelte-1dwmbvj{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}.favorites-toggle-btn.svelte-1dwmbvj:hover{border-color:#e63946;color:#e63946}.favorites-toggle-btn.active.svelte-1dwmbvj{background:#e63946;border-color:#e63946;color:var(--color-light)}.favorites-count.svelte-1dwmbvj{font-size:var(--text-xs);opacity:.9}.filter-group.svelte-1dwmbvj{margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-lg)}.filter-group.svelte-1dwmbvj:last-child{border-bottom:none;margin-bottom:0}.filter-group.svelte-1dwmbvj h4:where(.svelte-1dwmbvj){margin:0 0 var(--space-md) 0;font-size:var(--text-base);font-weight:600;color:var(--color-dark)}.color-grid.svelte-1dwmbvj{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.color-option.svelte-1dwmbvj{display:flex;align-items:center;gap:var(--space-xs);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-xs)}.color-option.svelte-1dwmbvj:hover{border-color:var(--color-primary)}.color-option.selected.svelte-1dwmbvj{border-color:var(--color-primary);background:var(--color-light)}.color-swatch.svelte-1dwmbvj{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border)}.color-name.svelte-1dwmbvj{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox-list.svelte-1dwmbvj{display:flex;flex-direction:column;gap:var(--space-sm)}.checkbox-label.svelte-1dwmbvj{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);position:relative}.checkbox-label.svelte-1dwmbvj input[type=checkbox]:where(.svelte-1dwmbvj){opacity:0;position:absolute;width:0;height:0}.checkmark.svelte-1dwmbvj{width:16px;height:16px;border:2px solid var(--color-border);border-radius:var(--radius-sm);position:relative;transition:all var(--transition-base)}.checkbox-label.svelte-1dwmbvj:hover .checkmark:where(.svelte-1dwmbvj){border-color:var(--color-primary)}.checkbox-label.svelte-1dwmbvj input:where(.svelte-1dwmbvj):checked+.checkmark:where(.svelte-1dwmbvj){background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label.svelte-1dwmbvj input:where(.svelte-1dwmbvj):checked+.checkmark:where(.svelte-1dwmbvj):after{content:"";position:absolute;top:1px;left:4px;width:4px;height:8px;border:2px solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (min-width: 768px) and (max-width: 1023px){.filter-sidebar.svelte-1dwmbvj{top:88px;height:calc(100vh - 88px)}}@media (min-width: 1024px){.filter-sidebar.svelte-1dwmbvj{position:relative;top:0;transform:none;height:100%;width:100%;border-right:1px solid var(--color-border);border-radius:0;z-index:10}.sidebar-header.svelte-1dwmbvj{position:sticky;top:0}.close-btn.svelte-1dwmbvj{display:none}}.search-bar-container.svelte-1u9odi4{border-bottom:1px solid var(--color-border);padding:var(--space-lg) 0}.search-bar.svelte-1u9odi4{display:flex;gap:var(--space-lg);align-items:center;margin-bottom:var(--space-md)}.search-input-wrapper.svelte-1u9odi4{flex:1;max-width:400px}.search-input-container.svelte-1u9odi4{position:relative;display:flex;align-items:center}.search-icon.svelte-1u9odi4{position:absolute;left:var(--space-md);color:var(--color-text-light);pointer-events:none;z-index:1}.search-input.svelte-1u9odi4{width:100%;padding:var(--space-md) var(--space-3xl) var(--space-md) 3rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-background);transition:all var(--transition-base)}.search-input.svelte-1u9odi4:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.clear-search-btn.svelte-1u9odi4{position:absolute;right:var(--space-md);background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.clear-search-btn.svelte-1u9odi4:hover{color:var(--color-text);background:var(--color-border)}.filter-controls.svelte-1u9odi4{display:flex;gap:var(--space-lg);align-items:center}.filter-toggle-btn.svelte-1u9odi4{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.filter-toggle-btn.svelte-1u9odi4:hover{background:var(--color-primary);color:var(--color-light);border-color:var(--color-primary)}.sort-dropdown.svelte-1u9odi4{display:flex;align-items:center;gap:var(--space-sm)}.sort-label.svelte-1u9odi4{font-size:var(--text-sm);font-weight:500;color:var(--color-text);white-space:nowrap}.sort-select.svelte-1u9odi4{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-background);color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}.sort-select.svelte-1u9odi4:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.results-info.svelte-1u9odi4{display:flex;justify-content:space-between;align-items:center}.results-count.svelte-1u9odi4{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.active-filters.svelte-1u9odi4{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.filter-tag.svelte-1u9odi4{background:var(--color-primary);color:var(--color-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap}@media (max-width: 767px){.search-bar.svelte-1u9odi4{flex-direction:column;gap:var(--space-md)}.search-input-wrapper.svelte-1u9odi4{max-width:none;width:100%}.filter-controls.svelte-1u9odi4{width:100%;justify-content:space-between}.sort-dropdown.svelte-1u9odi4{flex-direction:column;align-items:flex-end;gap:var(--space-xs)}}@media (min-width: 768px) and (max-width: 1023px){.search-bar.svelte-1u9odi4,.filter-controls.svelte-1u9odi4{gap:var(--space-md)}}@media (min-width: 1024px){.filter-toggle-btn.svelte-1u9odi4{display:none}}