.portfolio-section{padding:4rem 0}.portfolio-container{grid-template-columns:280px 1fr;align-items:start;gap:2.5rem;display:grid}@media (width<=992px){.portfolio-container{grid-template-columns:1fr}}.filter-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);z-index:100;padding:2rem;position:sticky;top:95px}@media (width<=992px){.filter-sidebar{z-index:1001;will-change:transform;border-radius:18px 18px 0 0;max-height:min(82vh,680px);padding:1.25rem;transition:transform .24s;position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(105%)}body.filters-modal-open .filter-sidebar{transform:translateY(0)}}.mobile-filters-backdrop{display:none}@media (width<=992px){.mobile-filters-backdrop{z-index:1000;opacity:0;pointer-events:none;background-color:#0f172a7a;transition:opacity .2s;display:block;position:fixed;inset:0}body.filters-modal-open .mobile-filters-backdrop{opacity:1;pointer-events:auto}body.filters-modal-open{overflow:hidden}}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sidebar-actions{align-items:center;gap:.75rem;display:flex}.sidebar-header h2{font-size:1.25rem;font-family:var(--font-sans);font-weight:700}.reset-btn{color:var(--color-primary-hover);cursor:pointer;transition:var(--transition-fast);font-size:.85rem;font-weight:600}.reset-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.close-filters-btn{border-radius:var(--radius-full);background-color:var(--bg-tertiary);width:36px;height:36px;color:var(--text-primary);border:1px solid var(--border-color);justify-content:center;align-items:center;display:none}@media (width<=992px){.close-filters-btn{display:inline-flex}}.filter-groups{flex-direction:column;gap:1.5rem;display:flex}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.filter-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:.8rem;font-weight:700}.search-input-wrapper{position:relative}.search-input-wrapper input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-fast);padding:.75rem 1rem .75rem 2.25rem}.search-input-wrapper input:focus{border-color:var(--color-primary)}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.filter-group select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);padding:.75rem 1rem}.filter-group select:focus{border-color:var(--color-primary)}@media (width<=420px){.filter-row{grid-template-columns:1fr}}.listings-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.mobile-filter-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.65rem .9rem;font-weight:700;display:none}@media (width<=992px){.listings-toolbar{grid-template-columns:auto 1fr;align-items:center;gap:.85rem;display:grid}.mobile-filter-btn{grid-area:1/1;display:inline-flex}.results-count{text-align:right;grid-area:1/2}.sort-wrapper{grid-area:2/1/auto/-1;justify-content:space-between}.sort-wrapper select{min-width:0;max-width:70%}}.results-count{color:var(--text-secondary);font-size:.95rem;font-weight:600}.sort-wrapper{align-items:center;gap:.75rem;display:flex}.sort-wrapper label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.sort-wrapper select{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:.5rem 1rem}.pagination-controls{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:none}.pagination-controls.show{display:flex}.pagination-btn{justify-content:center;min-width:110px}.pagination-btn:disabled{cursor:not-allowed;opacity:.45}.pagination-status{color:var(--text-secondary);text-align:center;min-width:110px;font-size:.95rem;font-weight:700}@media (width<=576px){.pagination-controls{gap:.65rem}.pagination-btn{min-width:auto;padding-inline:.85rem}}.no-results-card{text-align:center;border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:none}.no-results-icon{border-radius:var(--radius-full);background-color:var(--bg-tertiary);width:80px;height:80px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.apply-filters-btn{display:none}@media (width<=992px){.apply-filters-btn{width:100%;display:inline-flex}}.no-results-card h3{font-size:1.35rem;font-weight:700}.no-results-card p{max-width:320px;margin-bottom:1rem;font-size:.95rem;line-height:1.6}
