.listings-page{padding-bottom:var(--space-2xl)}.listings-header-section{padding:var(--space-xl) 0 var(--space-lg);background:var(--surface-1);border-bottom:1px solid var(--line-1);text-align:center}.listings-header-section h1{font-size:var(--step-4);margin-bottom:var(--space-2xs)}.listings-header-section p{color:var(--text-3);font-size:var(--step-0);margin:0}.listings-layout{gap:var(--space-lg);padding-top:var(--space-xl);grid-template-columns:300px minmax(0,1fr);align-items:start;display:grid}.listings-filter-area{top:calc(var(--header-height) + var(--space-sm));max-height:calc(100svh - var(--header-height) - var(--space-md));background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-1);position:sticky;overflow-y:auto}.listings-grid-area{min-width:0}.property-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));align-items:start;display:grid}.grid-3{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));display:grid}.filter-form{gap:var(--space-sm);display:grid}.filter-group{gap:.4rem;display:grid}.filter-group label{font-size:var(--step--1);letter-spacing:.02em;color:var(--text-2);font-weight:500}select.custom-select{appearance:none;border:1px solid var(--line-2);border-radius:var(--radius-sm);background-color:var(--surface-1);width:100%;min-height:44px;color:var(--text-1);font-family:inherit;font-size:var(--step-0);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E665B' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;padding:0 2.25rem 0 .875rem;line-height:1.4}:root[data-theme=dark] select.custom-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23948B7E' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat}.custom-select:hover:not(:disabled){border-color:var(--accent-ink)}.custom-select:focus-visible{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-wash);outline:none}.custom-select:disabled{opacity:.5;cursor:not-allowed}.custom-select option{background:var(--surface-1);color:var(--text-1)}.filter-checkbox label{min-height:44px;font-size:var(--step--1);color:var(--text-2);cursor:pointer;align-items:center;gap:.625rem;display:flex}.filter-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-strong);cursor:pointer;flex:none}.filter-form .btn{margin-top:var(--space-2xs)}.no-results{text-align:center;padding:var(--space-xl) var(--space-md);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--radius-lg)}.no-results p{color:var(--text-3);margin-bottom:var(--space-md)}@media (max-width:991px){.listings-layout{gap:var(--space-md);padding-top:var(--space-lg);grid-template-columns:minmax(0,1fr)}.listings-filter-area{min-width:0;max-height:none;position:static;overflow:visible}.listings-header-section{padding:var(--space-lg) 0 var(--space-md)}}@media (min-width:641px) and (max-width:991px){.filter-form{grid-template-columns:1fr 1fr}.filter-checkbox,.filter-form .btn{grid-column:1/-1}}@media (max-width:640px){.listings-filter-area{box-shadow:none;background:0 0;border:0;padding:0}.filter-form{scrollbar-width:none;align-items:center;gap:.5rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.filter-form::-webkit-scrollbar{display:none}.filter-group{flex:none;position:relative}.filter-group>label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:0;left:0;overflow:hidden}.filter-form select.custom-select{border-radius:var(--radius-full);width:auto;min-height:40px;font-size:var(--step--1);background-position:right .6rem center;background-size:14px;padding:0 2rem 0 .9rem}.filter-form .filter-checkbox>label{clip:auto;border:1px solid var(--line-2);border-radius:var(--radius-full);background:var(--surface-1);width:auto;height:auto;min-height:40px;font-size:var(--step--1);color:var(--text-1);white-space:nowrap;align-items:center;gap:.4rem;margin:0;padding:0 .9rem;display:flex;position:static;overflow:visible}.filter-form .btn{border-radius:var(--radius-full);white-space:nowrap;flex:none;width:auto;min-height:40px;padding-inline:1.25rem}}