/* Apartment navigation: keep the panel mounted so it can leave smoothly. */
.angle-buttons img,.mobile-viewer-header{display:none}
.selected-outside{font-size:12px;line-height:1.4;margin:0 3px 10px;color:#ddd0b6}
@media(min-width:701px){
 body:not(.finder-active) .explorer .sidebar,.explorer .sidebar{display:flex;visibility:hidden;opacity:0;transform:translateX(calc(-100% - 60px));transition:transform 340ms cubic-bezier(.2,.75,.2,1),opacity 220ms,visibility 0s 340ms}
 body.finder-menu-visible .explorer .sidebar{visibility:visible;opacity:1;transform:translateX(0);transition:transform 340ms cubic-bezier(.2,.75,.2,1),opacity 220ms,visibility 0s}
 body.finder-menu-visible .explorer .sidebar.collapsed{transform:translateX(calc(-100% - 28px))}
 body.entering-finder:not(.finder-menu-visible) .explorer .sidebar{visibility:hidden}
 .explorer .apartment-card.selected{box-shadow:inset 0 0 0 1px #d5bd95}
}
@media(max-width:700px){
 .finder-active .explorer{height:auto;min-height:0;overflow:visible;background:#23221e;display:block}
 .finder-active .mobile-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;min-height:72px;background:#302e28;color:#f1eee6}
 .mobile-viewer-header strong{font:26px Georgia,serif;letter-spacing:-.6px}.mobile-viewer-header button{width:44px;height:44px;color:inherit;font-size:28px;padding:9px;border-radius:14px}.mobile-viewer-header svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
 .finder-active .explorer .scene{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;margin-bottom:140px;overflow:visible;flex:none}
 .finder-active .explorer .scene-shade{display:none}
 .finder-active .explorer .scene-header,.finder-active .explorer .mobile-menu{display:none}
 .finder-active .explorer .scene-bottom{position:absolute;top:calc(100% + 20px);bottom:auto;left:12px;right:12px;transform:none;display:block;width:auto}
 .finder-active .explorer .camera-controls{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:6px;background:none;border:0;box-shadow:none;padding:0}
 .finder-active .explorer .camera-controls .rotate{width:32px;height:64px;min-width:32px;background:#ffffff08;padding:5px;border-radius:13px}
 .finder-active .explorer .angle-buttons{display:flex;overflow-x:auto;gap:9px;padding:3px;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
 .finder-active .explorer .angle-buttons button{position:relative;flex:0 0 88px;width:88px;height:88px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:17px;scroll-snap-align:center;background:#181814;color:#fff}
 .finder-active .explorer .angle-buttons img{display:block;width:100%;height:100%;object-fit:cover;opacity:.65}
 .finder-active .explorer .angle-buttons button span{position:absolute;bottom:5px;left:7px;background:#171613b3;border-radius:8px;padding:2px 5px;font-size:12px}
 .finder-active .explorer .angle-buttons button.active{border-color:#d8c29e;background:#181814;box-shadow:none}.finder-active .explorer .angle-buttons button.active img{opacity:1}.finder-active .explorer .angle-buttons button.queued{border-color:#af9e7f;opacity:.8}
 body.finder-active .explorer .sidebar,body.finder-active .explorer .sidebar.open,body.finder-active .explorer .sidebar.collapsed{position:relative;inset:auto!important;top:auto!important;display:flex;transform:none;visibility:visible;opacity:1;width:100%;height:auto;max-height:none;padding:0 18px 30px;border-radius:0;background:#23221e;box-shadow:none;transition:none;z-index:5}
 .finder-active .explorer .sidebar:before{display:none}.finder-active .explorer .sidebar .floating-title{margin:0 0 16px;padding:0}.finder-active .explorer .sidebar .floating-title h2{font:30px Georgia,serif}.finder-active .explorer #closeMenu{display:none}
 .finder-active .explorer .sidebar-content{display:block;max-height:none;overflow:visible}.finder-active .explorer .cards-scroll,.finder-active .explorer .sidebar-content:has(.filter-fields:not([hidden])) .cards-scroll{height:auto;max-height:none;min-height:0;overflow:visible;padding:0}
 .finder-active .explorer .filter-panel{padding:0 0 12px;border-bottom:1px solid #ffffff20}.finder-active .explorer .filter-fields select{font-size:16px;min-height:44px}.finder-active .explorer .filter-heading>button{font-size:14px}.finder-active .explorer .results-panel{padding-top:18px}.finder-active .explorer .apartment-grid{gap:12px}.finder-active .explorer .apartment-card{padding:9px 9px 0;border-radius:18px}.finder-active .explorer .card-main h3{font-size:15px}.finder-active .explorer .card-specs{font-size:12px}.finder-active .explorer .card-actions button{min-width:44px;min-height:44px}
 .finder-active .explorer .detail-panel{position:fixed;inset:auto 0 0;width:100%;max-height:88dvh;z-index:30;overflow:auto;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom)}
 body:has(.detail-panel:not([hidden])){overflow:hidden}.finder-active .explorer #notice{position:fixed;bottom:24px;top:auto;left:16px;right:16px;z-index:40}
 .finder-active .explorer:fullscreen{height:100dvh;overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){.explorer .sidebar{transition:none!important}}

html{overflow-anchor:none}