.properties-filter{--propertiesFilter-topbar-top:var(--global-text-secondary);--propertiesFilter-topbar-bottom:var(--global-text-hover-deep);--propertiesFilter-card-shadow-soft:color-mix(in srgb,var(--global-black)5%,transparent);--propertiesFilter-card-shadow-medium:color-mix(in srgb,var(--global-black)6%,transparent);--propertiesFilter-card-shadow-hover:color-mix(in srgb,var(--global-black)10%,transparent);--propertiesFilter-icon-dropshadow:color-mix(in srgb,var(--global-black)20%,transparent);--propertiesFilter-pill-hover-shadow:color-mix(in srgb,var(--global-black)8%,transparent);--propertiesFilter-range-thumb-shadow:color-mix(in srgb,var(--global-black)20%,transparent);--propertiesFilter-toggle-background:color-mix(in srgb,var(--global-white)10%,transparent);--propertiesFilter-toggle-border:color-mix(in srgb,var(--global-white)20%,transparent);--propertiesFilter-toggle-foreground:color-mix(in srgb,var(--global-white)90%,transparent);--propertiesFilter-toggle-bg-hover:color-mix(in srgb,var(--global-white)20%,transparent);--propertiesFilter-toggle-border-hover:color-mix(in srgb,var(--global-white)40%,transparent);--propertiesFilter-clear-border:color-mix(in srgb,var(--global-white)30%,transparent);--propertiesFilter-clear-foreground:color-mix(in srgb,var(--global-white)90%,transparent);--propertiesFilter-clear-bg-hover:color-mix(in srgb,var(--global-white)15%,transparent);--propertiesFilter-apply-shadow:color-mix(in srgb,var(--global-company-color)30%,transparent);--propertiesFilter-apply-shadow-hover:color-mix(in srgb,var(--global-company-color)35%,transparent);--propertiesFilter-focus-glow:color-mix(in srgb,var(--global-company-color)15%,transparent);--propertiesFilter-field-group-border-hover:var(--global-border-default);--propertiesFilter-pill-border:var(--global-border-default);--propertiesFilter-pill-text:var(--global-text-secondary);--propertiesFilter-placeholder-color:var(--global-border-medium);--propertiesFilter-label-subtle:#697078;--propertiesFilter-pill-disabled-background:var(--global-border-subtle);--propertiesFilter-pill-disabled-border:var(--global-border-default);--propertiesFilter-pill-disabled-foreground:#697078;--propertiesFilter-range-fill-start:var(--global-company-color);--propertiesFilter-range-fill-end:color-mix(in srgb,var(--global-company-color)60%,var(--global-white));--propertiesFilter-sort-chip-active-bg:color-mix(in srgb,var(--global-company-color)6%,var(--global-white));--propertiesFilter-active-tag-bg:color-mix(in srgb,var(--global-company-color)6%,var(--global-white));--propertiesFilter-active-tag-bg-hover:color-mix(in srgb,var(--global-company-color)20%,var(--global-white));--propertiesFilter-active-tag-border:color-mix(in srgb,var(--global-company-color)20%,var(--global-white));--propertiesFilter-active-tag-border-hover:color-mix(in srgb,var(--global-company-color)40%,var(--global-white));--propertiesFilter-active-tag-button-bg:color-mix(in srgb,var(--global-company-color)40%,var(--global-white));--propertiesFilter-sort-bar-background:var(--global-page-background-light);--propertiesFilter-checkbox-hover-background:var(--global-page-background-light);margin-bottom:2.5rem;font-family:inherit}.properties-filter .filter-card{background:var(--global-white);box-shadow:0 1px 3px var(--propertiesFilter-card-shadow-soft),0 4px 20px var(--propertiesFilter-card-shadow-medium);border:1px solid var(--global-border-subtle);border-radius:16px;transition:box-shadow .3s;overflow:hidden}.properties-filter .filter-card:hover{box-shadow:0 1px 3px var(--propertiesFilter-card-shadow-soft),0 8px 30px var(--propertiesFilter-card-shadow-hover)}.properties-filter .filter-topbar{background:linear-gradient(135deg,var(--propertiesFilter-topbar-top)0%,var(--propertiesFilter-topbar-bottom)100%);color:var(--global-white);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px 28px;display:grid}.properties-filter .filter-topbar-label{color:var(--global-white);letter-spacing:.02em;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.properties-filter .filter-topbar-label svg{color:var(--global-company-color);width:20px;height:20px;filter:drop-shadow(0 1px 2px var(--propertiesFilter-icon-dropshadow))}.properties-filter .filter-topbar-title{color:var(--global-white);text-align:center;letter-spacing:.02em;margin:0;font-size:1.125rem;font-weight:700}.properties-filter .filter-topbar-actions{justify-self:end;align-items:center;gap:10px;display:flex}.properties-filter .filter-toggle{background:var(--propertiesFilter-toggle-background);border:1px solid var(--propertiesFilter-toggle-border);color:var(--propertiesFilter-toggle-foreground);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.properties-filter .filter-toggle:hover{background:var(--propertiesFilter-toggle-bg-hover);border-color:var(--propertiesFilter-toggle-border-hover);color:var(--global-white)}.properties-filter .btn-filter-clear{border:1px solid var(--propertiesFilter-clear-border);color:var(--propertiesFilter-clear-foreground);cursor:pointer;background:0 0;border-radius:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.properties-filter .btn-filter-clear:hover{background:var(--propertiesFilter-clear-bg-hover);border-color:var(--global-company-color);color:var(--global-white)}.properties-filter .btn-filter-apply{background:var(--global-company-color);color:var(--global-white);cursor:pointer;box-shadow:0 2px 8px var(--propertiesFilter-apply-shadow);border:none;border-radius:6px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .2s}.properties-filter .btn-filter-apply:hover:not(:disabled){background:var(--global-company-color-hover);box-shadow:0 4px 12px var(--propertiesFilter-apply-shadow-hover);transform:translateY(-1px)}.properties-filter .btn-filter-apply:active:not(:disabled){transform:translateY(0)}.properties-filter .btn-filter-apply:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.properties-filter .filter-chevron{font-size:.7rem;transition:transform .2s;display:inline-block}.properties-filter .filter-card.filter-collapsed .filter-chevron{transform:rotate(-90deg)}.properties-filter .filter-body{background:var(--global-white);grid-template-columns:repeat(auto-fit,minmax(220px,280px));justify-content:center;gap:28px;padding:28px;display:grid}.properties-filter .filter-card.filter-collapsed .filter-body{display:none}.properties-filter .field-group{background:var(--global-page-background-light);border:1px solid var(--global-border-subtle);border-radius:12px;flex-direction:column;gap:10px;padding:16px;transition:border-color .2s;display:flex}.properties-filter .field-group:hover{border-color:var(--propertiesFilter-field-group-border-hover)}.properties-filter .field-group-price{background:linear-gradient(135deg,var(--global-page-background-light)0%,var(--global-white)100%);grid-column:span 2}.properties-filter .field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--global-company-dark-accent);align-items:center;gap:6px;margin-bottom:4px;font-size:.75rem;font-weight:700;display:flex}.properties-filter .field-label-spaced{margin-top:16px}.properties-filter .pill-group{flex-wrap:wrap;gap:8px;display:flex}.properties-filter .pill{border:1.5px solid var(--propertiesFilter-pill-border);background:var(--global-white);color:var(--propertiesFilter-pill-text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.properties-filter .pill:hover:not(.pill-disabled):not(.active){border-color:var(--global-company-color);color:var(--global-company-color);box-shadow:0 2px 6px var(--propertiesFilter-pill-hover-shadow);transform:translateY(-1px)}.properties-filter .pill.active:hover{background:var(--global-company-color-hover);border-color:var(--global-company-color-hover);transform:translateY(-1px)}.properties-filter .pill.active{background:var(--global-company-color);border-color:var(--global-company-color);color:var(--global-white);box-shadow:0 2px 8px var(--propertiesFilter-apply-shadow);font-weight:600}.properties-filter .pill.pill-disabled{opacity:.5;cursor:default;background:var(--propertiesFilter-pill-disabled-background);border-color:var(--propertiesFilter-pill-disabled-border);color:var(--propertiesFilter-pill-disabled-foreground)}.properties-filter .filter-location-input{background:var(--global-white);border:1.5px solid var(--propertiesFilter-pill-border);width:100%;color:var(--global-black);border-radius:8px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.properties-filter .filter-location-input:focus{border-color:var(--global-company-color);box-shadow:0 0 0 3px var(--propertiesFilter-focus-glow)}.properties-filter .filter-location-input::placeholder{color:var(--propertiesFilter-placeholder-color)}.properties-filter .price-range-wrap{flex-direction:column;gap:16px;display:flex}.properties-filter .price-inputs{align-items:center;gap:12px;display:flex}.properties-filter .price-input-box{flex:1;position:relative}.properties-filter .price-input-box .price-prefix{color:var(--propertiesFilter-label-subtle);font-size:.9rem;font-weight:600;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.properties-filter .price-input-box input{border:1.5px solid var(--propertiesFilter-pill-border);background:var(--global-white);width:100%;color:var(--global-black);border-radius:8px;outline:none;padding:10px 14px 10px 28px;font-size:.95rem;font-weight:600;transition:all .2s}.properties-filter .price-input-box input:focus{border-color:var(--global-company-color);box-shadow:0 0 0 3px var(--propertiesFilter-focus-glow)}.properties-filter .price-sep{color:var(--propertiesFilter-placeholder-color);font-size:.9rem;font-weight:600}.properties-filter .range-track{background:var(--propertiesFilter-pill-border);border-radius:3px;height:6px;margin:12px 0;position:relative}.properties-filter .range-fill{background:linear-gradient(90deg,var(--propertiesFilter-range-fill-start)0%,var(--propertiesFilter-range-fill-end)100%);pointer-events:none;border-radius:3px;height:100%;position:absolute}.properties-filter .range-input{pointer-events:none;appearance:none;opacity:0;background:0 0;outline:none;width:100%;height:24px;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.properties-filter .range-input::-webkit-slider-runnable-track{background:0 0;height:6px}.properties-filter .range-input::-webkit-slider-thumb{appearance:none;pointer-events:all;cursor:pointer;background:0 0;border-radius:50%;width:24px;height:24px}.properties-filter .range-input::-moz-range-track{background:0 0;height:6px}.properties-filter .range-input::-moz-range-thumb{pointer-events:all;cursor:pointer;background:0 0;border:none;border-radius:50%;width:24px;height:24px}.properties-filter .range-input-min{z-index:3}.properties-filter .range-input-max{z-index:2}.properties-filter .range-thumbs{pointer-events:none;height:6px;position:relative}.properties-filter .range-thumb{background:var(--global-white);border:3px solid var(--global-company-color);pointer-events:none;width:18px;height:18px;box-shadow:0 2px 6px var(--propertiesFilter-range-thumb-shadow);border-radius:50%;transition:transform .1s;position:absolute;top:50%;transform:translate(-50%,-50%)}.properties-filter .col-span-full{background:var(--global-border-subtle);grid-column:1/-1;height:1px;margin:0}.properties-filter .stepper-group{flex-direction:column;gap:12px;display:flex}.properties-filter .stepper-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.properties-filter .stepper-row-label{color:var(--propertiesFilter-pill-text);flex:1;font-size:.9rem;font-weight:500}.properties-filter .stepper{background:var(--global-white);border:1.5px solid var(--propertiesFilter-pill-border);border-radius:8px;align-items:center;padding:2px;display:flex}.properties-filter .stepper button{background:var(--global-page-background-light);width:28px;height:28px;color:var(--propertiesFilter-pill-text);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;line-height:1;transition:all .15s;display:flex}.properties-filter .stepper button:hover{background:var(--global-company-color);color:var(--global-white)}.properties-filter .stepper-val{text-align:center;min-width:36px;color:var(--global-black);padding:0 8px;font-size:.95rem;font-weight:600}.properties-filter .checkbox-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.properties-filter .checkbox-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:10px;padding:8px;transition:background .15s;display:flex}.properties-filter .checkbox-item:hover{background:var(--propertiesFilter-checkbox-hover-background)}.properties-filter .checkbox-item input[type=checkbox]{display:none}.properties-filter .checkbox-box{border:2px solid var(--propertiesFilter-pill-border);background:var(--global-white);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.properties-filter .checkbox-item:hover .checkbox-box{border-color:var(--global-company-color)}.properties-filter .checkbox-item input:checked+.checkbox-box{background:var(--global-company-color);border-color:var(--global-company-color)}.properties-filter .checkbox-item input:checked+.checkbox-box:after{content:"";border-right:2px solid var(--global-white);border-bottom:2px solid var(--global-white);width:5px;height:10px;display:block;transform:rotate(45deg)translate(-1px,-1px)}.properties-filter .checkbox-label{color:var(--propertiesFilter-pill-text);font-size:.9rem;font-weight:500;transition:color .2s}.properties-filter .checkbox-item:hover .checkbox-label{color:var(--global-black)}.properties-filter .filter-bottom-actions{background:linear-gradient(135deg,var(--propertiesFilter-topbar-top)0%,var(--propertiesFilter-topbar-bottom)100%);color:var(--global-white);grid-template-columns:1fr 1fr 1fr;gap:10px;padding:16px 28px;display:grid}.properties-filter .filter-bottom-actions .filter-toggle,.properties-filter .filter-bottom-actions .btn-filter-clear,.properties-filter .filter-bottom-actions .btn-filter-apply{text-align:center;box-sizing:border-box;justify-content:center;width:100%}.properties-filter .filter-bottom-actions .filter-chevron--up{transform:rotate(180deg)}.properties-filter .sort-bar{background:var(--propertiesFilter-sort-bar-background);border-top:1px solid var(--global-border-subtle);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 28px;display:flex}.properties-filter .sort-label{color:var(--propertiesFilter-label-subtle);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.properties-filter .sort-chips{flex-wrap:wrap;gap:8px;display:flex}.properties-filter .sort-chip{border:1.5px solid var(--propertiesFilter-pill-border);background:var(--global-white);color:var(--propertiesFilter-pill-text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.properties-filter .sort-chip:hover{color:var(--global-company-color);border-color:var(--global-company-color);background:var(--global-white)}.properties-filter .sort-chip.active{background:var(--propertiesFilter-sort-chip-active-bg);color:var(--global-company-color);border-color:var(--global-company-color);font-weight:600}.properties-filter .sort-chip svg{flex-shrink:0;width:12px;height:12px}.properties-filter .active-tags{background:var(--global-white);border-top:1px solid var(--global-border-subtle);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 28px;display:flex}.properties-filter .active-tag{background:var(--propertiesFilter-active-tag-bg);border:1px solid var(--propertiesFilter-active-tag-border);color:var(--global-company-color);border-radius:16px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.properties-filter .active-tag:hover{background:var(--propertiesFilter-active-tag-bg-hover);border-color:var(--propertiesFilter-active-tag-border-hover)}.properties-filter .active-tag button{background:var(--propertiesFilter-active-tag-button-bg);color:var(--global-company-color);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:1rem;line-height:1;transition:all .2s;display:flex}.properties-filter .active-tag button:hover{background:var(--global-company-color);color:var(--global-white)}@media (max-width:768px){.properties-filter .filter-topbar{text-align:center;grid-template-columns:1fr;gap:10px;padding:16px 20px}.properties-filter .filter-topbar-title{text-align:center;order:-1}.properties-filter .filter-topbar-label{justify-content:center}.properties-filter .filter-topbar-actions{grid-template-columns:1fr 1fr 1fr;justify-self:center;gap:8px;width:100%;display:grid}.properties-filter .filter-topbar-actions .filter-toggle,.properties-filter .filter-topbar-actions .btn-filter-clear,.properties-filter .filter-topbar-actions .btn-filter-apply{text-align:center;box-sizing:border-box;justify-content:center;width:100%}.properties-filter .filter-body{grid-template-columns:1fr;gap:20px;padding:20px}.properties-filter .field-group-price{grid-column:span 1}.properties-filter .checkbox-list{grid-template-columns:1fr}.properties-filter .sort-bar,.properties-filter .active-tags{padding:14px 20px}.properties-filter .pill-group{gap:6px}.properties-filter .pill{padding:6px 12px;font-size:.8rem}.properties-filter .sort-bar{flex-direction:column;align-items:flex-start}.properties-filter .sort-chips{grid-template-rows:repeat(3,auto);grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;width:100%;display:grid}}@media (max-width:480px){.properties-filter .filter-topbar-actions{justify-content:flex-end;width:100%}.properties-filter .filter-toggle,.properties-filter .btn-filter-clear{padding:6px 10px;font-size:.75rem}.properties-filter .btn-filter-apply{padding:8px 14px;font-size:.8rem}}
