.header{padding-block:var(--space-md) var(--space-sm)}.header h1{margin-top:var(--space-3xs);font-size:var(--text-xl)}.filters{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card)}.filters-basic,.filters-advanced-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media(min-width:480px){.filters-basic,.filters-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:720px){.filters-basic{grid-template-columns:repeat(4,minmax(0,1fr))}.filters-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.filters-advanced{border-top:1px solid var(--color-border-soft);padding-top:var(--space-sm)}.filters-advanced summary{display:inline-flex;align-items:center;gap:.4em;cursor:pointer;list-style:none;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-text)}.filters-advanced summary::-webkit-details-marker{display:none}.filters-advanced summary:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform var(--duration-fast) var(--ease-out-expo)}.filters-advanced[open] summary:after{transform:rotate(-135deg)}.filters-advanced-grid{margin-top:var(--space-sm)}.filters .field{display:flex;flex-direction:column;gap:.3em;min-width:0}.filters label,.filters legend{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary)}.filters select,.filters input[type=number],.filters input[type=date]{width:100%;min-width:0;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:.6em .7em;background:var(--color-base)}.price-range{display:flex;align-items:center;gap:var(--space-2xs);min-width:0}.price-range input{flex:1 1 0;min-width:0}.amenities-field{border:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm);grid-column:1 / -1}.amenities-field .check{display:flex;align-items:center;gap:.4em;font-weight:500;text-transform:none;font-size:var(--text-sm);color:var(--color-ink)}.clear-btn{align-self:flex-start}.results-toolbar{margin-top:var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.results-count{font-size:var(--text-sm);font-weight:600;color:var(--color-primary)}.view-toggle{display:inline-flex;border:1px solid var(--color-border-soft);border-radius:999px;overflow:hidden}.view-btn{padding:.5em 1.1em;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--color-white);color:var(--color-primary);cursor:pointer;border:none}.view-btn[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-ink)}.map-pane{display:none}.map-canvas{width:100%;height:100%;min-height:480px;background:var(--color-soft)}.map-close{display:none}@media(max-width:899px){.search-results.map-open .map-pane{display:block;position:fixed;inset:0;z-index:150;background:var(--color-base);border-radius:0}.search-results.map-open .map-close{display:flex;position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:5;width:44px;height:44px;padding:0;border-radius:50%;align-items:center;justify-content:center;font-size:1.4rem}.search-results.map-open #results-grid.grid{display:none}}@media(min-width:900px){.view-toggle{display:none}.search-results{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,42%);gap:var(--space-md);align-items:start}.search-results #results-grid.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-pane{display:block;position:sticky;top:90px;height:calc(100vh - 140px);border-radius:var(--radius-md);overflow:hidden}}#results-grid.grid{margin-top:var(--space-sm);display:grid;grid-template-columns:1fr;gap:var(--space-sm);padding-bottom:var(--space-section)}@media(min-width:420px){#results-grid.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:720px){#results-grid.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1080px){#results-grid.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.no-results{padding-block:var(--space-xl) var(--space-section);text-align:center}.no-results p{margin-top:var(--space-2xs);color:color-mix(in oklab,var(--color-ink) 70%,transparent)}.suggested{margin-top:var(--space-md);display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2xs)}.suggested .badge{cursor:pointer;padding:.5em 1em}
