.catalog-wrapper{gap:var(--space-8);flex-direction:column;display:flex}@media (min-width:992px){.catalog-wrapper{flex-direction:row;align-items:flex-start}}.catalog-filters{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border);background-color:#fff;width:100%;box-shadow:0 4px 20px #00000008}@media (min-width:992px){.catalog-filters{width:320px;top:calc(var(--header-height) + var(--space-8));position:sticky}}.catalog-filters h3{font-family:var(--font-serif);margin-bottom:var(--space-6);color:var(--text);border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-1);font-size:1.5rem;display:inline-block}.filter-group{margin-bottom:var(--space-4)}.filter-group label{margin-bottom:var(--space-2);color:var(--text-muted);font-size:.875rem;font-weight:600;display:block}.filter-group select,.search-input-wrapper input{width:100%;padding:var(--space-3);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;font-size:1rem}.filter-group select:focus,.search-input-wrapper input:focus{border-color:var(--color-primary)}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{left:var(--space-3);color:var(--text-muted);position:absolute}.search-input-wrapper input{padding-left:var(--space-12)}.btn-clear-filters{width:100%;padding:var(--space-3);margin-top:var(--space-4);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;font-weight:600}.btn-clear-filters:hover{background:var(--color-primary);color:var(--color-bg-light)}.catalog-results{flex:1}.catalog-results-header{margin-bottom:var(--space-6);color:var(--text-muted);font-size:1rem}.catalog-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.catalog-empty{text-align:center;padding:var(--space-12)0;background-color:var(--surface);border-radius:var(--radius-lg);border:1px dashed var(--border);color:var(--text-muted)}.catalog-empty h3{font-family:var(--font-serif);margin-bottom:var(--space-2);color:var(--text);font-size:1.5rem}