/* ==============================================
   SYC Pages — page-specific styles
   (shared component styles live in syc-components.css)
   ============================================== */

/* --- Closet grid (legacy list view) --- */
.syc-closet-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}

/* --- Closet filters --- */
.syc-filters {
    background: var(--syc-surface);
    border: 1px solid var(--syc-border);
    border-radius: var(--syc-radius);
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
}