.listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.listing-card{background:var(--white);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(62,111,200,0.10)}
.listing-photo{position:relative;display:block;aspect-ratio:3/2;background:#DCE7FB}
.listing-photo img{width:100%;height:100%;object-fit:cover}
.listing-tag{position:absolute;left:14px;top:14px;background:var(--white);color:var(--ink);border-radius:999px;padding:6px 12px;font-weight:700;font-size:0.8rem}
.listing-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:4px;flex:1 1 auto}
.listing-rent{font-family:var(--display);font-weight:700;font-size:1.6rem;line-height:1.2}
.listing-rent span{font-family:var(--body);font-weight:500;font-size:0.95rem;color:var(--muted)}
.listing-street{font-family:var(--body);font-weight:700;font-size:1.0625rem}
.listing-city,.listing-facts{color:var(--muted)}
.listing-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:14px;margin-top:auto}
.listing-actions .btn{padding:10px 20px;min-height:44px;font-size:0.95rem}
.field select{font:inherit;color:var(--ink);width:100%;min-height:50px;padding:10px 14px;border:1.5px solid #B8C4DA;border-radius:var(--r-sm);background:var(--white)}
.filter-bar{background:var(--white);border-radius:28px;padding:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;box-shadow:0 24px 60px rgba(62,111,200,0.18)}
.detail-top{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.gallery{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:12px}
.gallery-main{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:28px;background:#DCE7FB}
.thumbs{display:flex;gap:10px;overflow-x:auto;padding:4px}
.thumb{flex:none;width:92px;height:68px;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#DCE7FB;outline-offset:2px}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb[aria-current="true"]{outline:3px solid var(--blue-deep)}
.detail-side{flex:1 1 300px;background:var(--white);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 40px rgba(62,111,200,0.10)}
.detail-side h1{font-family:var(--display);font-weight:700;font-size:1.5rem;line-height:1.2}
.detail-rent{font-family:var(--display);font-weight:700;font-size:2.6rem;line-height:1.1;color:var(--blue)}
.detail-copy{display:flex;flex-direction:column;gap:14px;max-width:46rem}
.detail-list{margin:0;padding-left:20px;color:var(--muted)}
.detail-rent span{font-family:var(--body);font-weight:500;font-size:1rem;color:var(--muted)}