.bar .btn{white-space:nowrap}
.finder{padding-block:clamp(28px,4vw,48px)}
.finder .head{margin-bottom:20px}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.filters label{display:grid;gap:4px;font-size:13px;color:var(--muted)}
.filters select,.filters input,.loan input{width:100%;min-width:0;font:inherit;font-size:15px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}
.resbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 14px}
.resbar b{font-weight:600}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper)}
.card>a{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}
.card .pic{position:relative;aspect-ratio:4/3;background:var(--surface)}
.card .pic img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;left:10px;top:10px;background:var(--plum);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.tag.demo{left:10px;top:auto;bottom:10px;background:rgba(18,16,17,.72);font-weight:400}
.heart{position:absolute;right:10px;top:10px;z-index:1;width:38px;height:38px;border:0;border-radius:50%;background:rgba(18,16,17,.62);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.heart[aria-pressed="true"]{background:var(--plum);color:var(--gold-hi)}
.card .body{display:grid;gap:6px;padding:14px 16px 16px}
.card h3{font-family:var(--body);font-size:16px;font-weight:600;line-height:1.35}
.price{font-family:var(--display);font-size:22px;color:var(--plum);line-height:1.2}
.spec{font-size:14px;color:var(--muted)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .price{color:var(--gold-hi)}}
.unit{padding-block:clamp(20px,3vw,36px) clamp(48px,6vw,72px)}
.unit .crumb{color:var(--gold-ink);margin-bottom:14px}
.ulay{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:32px;align-items:start}
.gal>img,.gal>video{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;background:var(--surface)}
.gal .row{display:flex;gap:8px;overflow-x:auto;margin-top:8px;padding-bottom:4px}
.gal .row button{flex:0 0 92px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:none;cursor:pointer}
.gal .row button[aria-pressed="true"]{border-color:var(--gold)}
.gal .row img{width:100%;height:64px;object-fit:cover}
.side{position:sticky;top:90px;display:grid;gap:12px;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.side h1{font-size:clamp(24px,3vw,30px)}
.side .btn{width:100%}
.facts{display:grid;grid-template-columns:repeat(2,1fr);margin:0;border-top:1px solid var(--line)}
.facts div{padding:12px 0;border-bottom:1px solid var(--line)}
.facts dt{font-size:13px;color:var(--muted)}
.facts dd{margin:0;font-weight:500}
.ublock{margin-top:36px}
.ublock h2{font-size:clamp(22px,2.6vw,28px);margin-bottom:12px}
.ublock video,.ublock iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#000;margin-bottom:12px}
.loan{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.loan label{display:grid;gap:4px;font-size:13px;color:var(--muted)}
.loanout{margin-top:12px}
.soldnote{padding:10px 12px;background:var(--plum-soft);border-radius:6px;font-weight:500}
.quick{padding:0 0 clamp(40px,6vw,64px)}
@media (max-width:860px){.ulay{grid-template-columns:1fr}.side{position:static}}
@media (max-width:560px){.bar .btn{display:none}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters label:first-child{grid-column:1/-1}}