.catalog-container{box-sizing:border-box;width:100vw;max-width:1200px;margin:0 auto;padding:2rem;overflow-x:hidden}.catalog-header{text-align:center;margin-bottom:3rem}.catalog-header h1{color:var(--primary-color);margin-bottom:.5rem;font-size:2.5rem}.catalog-header p{color:#718096;font-size:1.2rem}.catalog-layout{align-items:flex-start;gap:2rem;display:flex}.catalog-filters{border-radius:var(--radius);background:#fff;flex-shrink:0;width:250px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.catalog-filters h3{border-bottom:2px solid var(--bg-color);margin-top:0;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.2rem}.filter-group{margin-bottom:1.5rem}.filter-group label{margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.filter-group select{border-radius:var(--radius);width:100%;color:var(--text-color);background-color:#fff;border:1px solid #cbd5e0;min-height:44px;padding:.75rem;font-size:1rem}.catalog-grid{flex-grow:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.catalog-empty{text-align:center;border-radius:var(--radius);color:#718096;background:#fff;grid-column:1/-1;padding:4rem 2rem}.catalog-empty p{margin-bottom:1rem;font-size:1.1rem}@media (max-width:768px){.catalog-container{padding:1rem}.catalog-layout{flex-direction:column}.catalog-filters{width:100%}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;width:100%}.catalog-header h1{font-size:2rem}}