.hero.sm{padding-bottom:40px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.filt{position:relative;z-index:1;margin-top:-26px!important}
.filt .seg{flex-wrap:nowrap}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.cnt{font-size:13px;color:var(--mut);margin-top:8px}
.empty{text-align:center;color:var(--mut);padding:30px 10px}
.off{background:#fff;border:1px solid var(--line);border-radius:18px;margin-top:14px;overflow:hidden;box-shadow:0 2px 8px rgba(20,38,58,.06);scroll-margin-top:12px}
.off.hl{outline:3px solid var(--acc)}
.gal{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:#e9e6df;aspect-ratio:4/3;scrollbar-width:none}
.gal::-webkit-scrollbar{display:none}
.gal>*{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;display:block;background:#1d2a36}
.gal img{background:#e9e6df}
.gwrap{position:relative}
.dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px;pointer-events:none}
.dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 2px rgba(0,0,0,.4)}
.dots i.on{background:#fff}
.badge{position:absolute;top:10px;right:10px;background:var(--pri);color:#fff;font-size:13px;font-weight:700;padding:3px 11px;border-radius:99px}
.badge.sale{background:var(--acc)}
.demo{position:absolute;top:10px;left:10px;background:#fff3cd;color:#7a5600;border:1px solid #f0d78a;font-size:12.5px;font-weight:700;padding:2px 10px;border-radius:99px}
.mcount{position:absolute;bottom:8px;right:10px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding:1px 8px;border-radius:99px}
.ob{padding:12px 14px 14px}
.ob .no{font-size:12.5px;color:var(--mut)}
.ob h3{margin:2px 0 4px;font-size:17px;line-height:1.4}
.price{font-size:20px;font-weight:700;color:var(--pri)}
.price small{font-size:13px;color:var(--mut);font-weight:400}
.loc{font-size:14.5px;margin-top:2px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.tags span{background:#f3f1ec;border:1px solid var(--line);border-radius:10px;padding:2px 9px;font-size:13px}
.notes{font-size:14px;color:#33475b;margin:8px 0 0;white-space:pre-wrap}
.ob .btn.wa{margin-top:12px}
.cta{text-align:center;margin-top:20px}
.cta p{margin:4px 0 12px;color:var(--mut);font-size:14px}
.sheet{position:fixed;inset:0;background:rgba(10,20,30,.5);display:flex;align-items:flex-end;z-index:50}
.sh-in{position:relative;background:#fff;width:100%;max-width:560px;margin:0 auto;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
.sh-in h2{margin:0 0 4px;font-size:18px}
.sh-o{margin:0;color:var(--mut);font-size:14px}
.sh-in .btn{margin-top:14px}
.x{position:absolute;top:10px;left:12px;border:0;background:#f3f1ec;border-radius:50%;width:36px;height:36px;font-size:16px;cursor:pointer}
.btn:focus-visible,.chip:focus-visible,.x:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.maplink{display:inline-block;margin-top:8px;color:var(--pri);font-weight:700;font-size:14.5px;text-decoration:none;border-bottom:1.5px solid}