.property-type-toggle{display:flex;background:var(--color-white);border:none;border-radius:var(--border-radius-md);padding:4px;gap:4px;transition:border-color .2s ease;width:100%;margin:0 auto;box-shadow:var(--shadow-section)}.toggle-option{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--color-gray-100);border:none;border-radius:var(--border-radius-sm);color:var(--color-gray-600);font-family:var(--font-quicksand),"Segoe UI",Roboto,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;min-height:44px;position:relative;width:25%}.toggle-option:hover{color:var(--color-white);background:var(--color-secondary)}.toggle-option.active{background:var(--color-button-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.toggle-icon{font-size:1rem;width:16px;height:16px}.toggle-label{font-size:.9rem;font-weight:600;white-space:nowrap}.toggle-option:focus{outline:2px solid var(--color-button-primary);outline-offset:2px}.toggle-option:focus:not(:focus-visible){outline:none}@media (max-width:600px){.property-type-toggle{width:100%;max-width:800px;margin:0 auto}.toggle-option{padding:.875rem 1.25rem;font-size:.95rem;min-height:48px;width:25%;gap:0}.toggle-icon{display:none}.toggle-label{font-size:.95rem}}@media (min-width:600px) and (max-width:1024px){.property-type-toggle{width:100%;max-width:800px;margin:0 auto}.toggle-option{padding:.875rem 1.5rem;font-size:.95rem;width:25%}.toggle-icon{font-size:1.2rem}.toggle-label{font-size:.95rem}}@media (min-width:1024px){.property-type-toggle{width:100%;max-width:800px;margin:0 auto}.toggle-option{padding:.875rem 1.75rem;font-size:.95rem;width:25%}.toggle-icon{font-size:1.2rem}.toggle-label{font-size:.95rem}}@media (max-width:400px){.property-type-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px}.toggle-option{width:100%;padding:.875rem 1.25rem;gap:.5rem}.toggle-icon{display:inline-block;font-size:.9rem;width:14px;height:14px}}@media (prefers-contrast:high){.property-type-toggle{border-width:3px}.toggle-option.active{border:2px solid var(--color-black)}}@media (prefers-reduced-motion:reduce){.property-type-toggle,.toggle-option{transition:none}}