.listing-layout{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start;padding-top:32px;padding-bottom:80px}@media(max-width:900px){.listing-layout{grid-template-columns:1fr}}.sidebar{position:sticky;top:calc(var(--nav-h) + 24px)}@media(max-width:900px){.sidebar{position:static}}.sidebar-title{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.filter-group{margin-bottom:32px}.filter-group-label{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-group-label svg{transition:transform .2s}.filter-group-label.open svg{transform:rotate(180deg)}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--muted);transition:color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-option:hover{color:var(--fg)}.filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--fg);cursor:pointer;flex-shrink:0}.filter-option.selected{color:var(--fg);font-weight:500}.price-range{display:flex;flex-direction:column;gap:12px}.price-inputs{display:flex;gap:8px;align-items:center}.price-inputs input{flex:1;border:1px solid var(--border);background:var(--surface);padding:8px 10px;font-size:13px;color:var(--fg);outline:none;border-radius:var(--radius-sm)}.price-inputs input:focus{border-color:var(--gold)}.price-sep{color:var(--muted);font-size:12px}.price-slider{width:100%;accent-color:var(--gold);cursor:pointer}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.filter-mobile-toggle{display:none;width:100%;border:1px solid var(--border);background:var(--surface);padding:12px 16px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);align-items:center;justify-content:space-between;margin-bottom:24px}@media(max-width:900px){.filter-mobile-toggle{display:flex}.sidebar{display:none}.sidebar.open{display:block}}.listing-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}.listing-count{font-size:13px;color:var(--muted)}.listing-count strong{color:var(--fg);font-weight:500}.sort-select{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.sort-select select{border:1px solid var(--border);background:var(--surface);padding:8px 32px 8px 12px;font-size:13px;color:var(--fg);cursor:pointer;outline:none;border-radius:var(--radius-sm);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%238A8A8A' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.sort-select select:focus{border-color:var(--fg)}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.active-filter-tag{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--fg);border-radius:0;cursor:pointer;transition:border-color .2s}.active-filter-tag:hover{border-color:var(--fg)}.active-filter-tag .remove{color:var(--muted);font-size:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 20px}@media(max-width:1100px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid-3{grid-template-columns:repeat(2,1fr);gap:20px 12px}}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding-top:48px}.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);border:1px solid transparent;background:none;cursor:pointer;transition:all .2s}.page-btn:hover{color:var(--fg);border-color:var(--border)}.page-btn.active{color:var(--fg);border-color:var(--fg);font-weight:600}.page-btn.arrow{font-size:18px}
