.developments-filter{margin-bottom:2.5rem;font-family:inherit}.developments-filter .filter-card{background:var(--color-white);border:1px solid var(--color-grey-200);border-radius:16px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 4px 20px #0000000f}.developments-filter .filter-card:hover{box-shadow:0 1px 3px #0000000d,0 8px 30px #0000001a}.developments-filter .filter-topbar{background:linear-gradient(135deg,var(--optimprops-navy)0%,#2d3748 100%);color:var(--color-white);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px 28px;display:grid}.developments-filter .filter-topbar-label{color:var(--color-white);letter-spacing:.02em;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.developments-filter .filter-topbar-label svg{color:var(--optimprops-red);filter:drop-shadow(0 1px 2px #0003);width:20px;height:20px}.developments-filter .filter-topbar-title{color:var(--color-white);text-align:center;letter-spacing:.02em;margin:0;font-size:1.125rem;font-weight:700}.developments-filter .filter-topbar-actions{justify-self:end;align-items:center;gap:10px;display:flex}.developments-filter .filter-toggle{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.developments-filter .filter-toggle:hover{color:var(--color-white);background:#fff3;border-color:#fff6}.developments-filter .filter-chevron{font-size:.7rem;transition:transform .2s;display:inline-block}.developments-filter .filter-card.filter-collapsed .filter-chevron{transform:rotate(-90deg)}.developments-filter .btn-filter-clear{color:#ffffffe6;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.developments-filter .btn-filter-clear:hover{border-color:var(--optimprops-red);color:var(--color-white);background:#ffffff26}.developments-filter .btn-filter-apply{background:var(--optimprops-red);color:var(--color-white);cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #dc26264d}.developments-filter .btn-filter-apply:hover:not(:disabled){background:var(--color-red-700);transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.developments-filter .btn-filter-apply:active:not(:disabled){transform:translateY(0)}.developments-filter .btn-filter-apply:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.developments-filter .filter-body{background:var(--color-white);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;padding:28px;display:grid}.developments-filter .filter-card.filter-collapsed .filter-body{display:none}.developments-filter .field-group{background:var(--color-grey-100);border:1px solid var(--color-grey-200);border-radius:12px;flex-direction:column;gap:10px;padding:16px;transition:border-color .2s;display:flex}.developments-filter .field-group:hover{border-color:var(--color-grey-300)}.developments-filter .field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--optimprops-navy);align-items:center;gap:6px;margin-bottom:4px;font-size:.75rem;font-weight:700;display:flex}.developments-filter .pill-group{flex-wrap:wrap;gap:8px;display:flex}.developments-filter .pill{border:1.5px solid var(--color-grey-300);background:var(--color-white);color:var(--color-grey-700);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.developments-filter .pill:hover{border-color:var(--optimprops-red);color:var(--optimprops-red);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.developments-filter .pill.active{background:var(--optimprops-red);border-color:var(--optimprops-red);color:var(--color-white);font-weight:600;box-shadow:0 2px 8px #dc26264d}.developments-filter .filter-location-input{background:var(--color-white);border:1.5px solid var(--color-grey-300);width:100%;color:var(--optimprops-dark);border-radius:8px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.developments-filter .filter-location-input:focus{border-color:var(--optimprops-red);box-shadow:0 0 0 3px #ef444426}.developments-filter .filter-location-input::placeholder{color:var(--color-grey-400)}@media (max-width:768px){.developments-filter .filter-topbar{text-align:center;grid-template-columns:1fr;gap:12px;padding:16px 20px}.developments-filter .filter-topbar-actions{justify-self:center}.developments-filter .filter-topbar-title{text-align:center;order:-1}.developments-filter .filter-body{gap:20px;padding:20px}.developments-filter .pill{padding:6px 12px;font-size:.8rem}}@media (max-width:480px){.developments-filter .filter-topbar-actions{justify-content:flex-end;width:100%}.developments-filter .filter-toggle,.developments-filter .btn-filter-clear{padding:6px 10px;font-size:.75rem}.developments-filter .btn-filter-apply{padding:8px 14px;font-size:.8rem}}