#panorama{position:relative;isolation:isolate;min-height:520px}#panorama canvas{width:100%;height:100%;touch-action:none}#pano-hotspots{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}#panorama .pano-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;pointer-events:auto;max-width:180px;font:600 12px/1.25 Arial,sans-serif;text-align:center}#panorama .pano-hotspot[hidden]{display:none}#panorama .pano-hotspot-icon{display:grid;place-items:center;width:54px;height:42px;border:2px solid #fff;border-radius:50%;font-size:44px;line-height:1;padding-top:9px;background:rgba(16,32,40,.55);box-shadow:0 2px 14px #0005;transition:background .2s,transform .2s}#panorama .pano-portal .pano-hotspot-icon{width:42px;height:42px;border-radius:12px;font-size:27px;padding:0;background:#e9c785;color:#14262e;border-color:#ffe2b1}#panorama .pano-hotspot:hover .pano-hotspot-icon,#panorama .pano-hotspot:focus-visible .pano-hotspot-icon{background:#21475f;transform:translateY(-3px)}#panorama .pano-hotspot:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:8px}#panorama .pano-hotspot-label{background:#112733dd;padding:5px 9px;border-radius:6px;max-width:180px;white-space:normal;text-shadow:none}#panorama .pano-top{z-index:5}#panorama .pano-bottom{z-index:5;background:linear-gradient(transparent,#081b28eb);pointer-events:none}#panorama .pano-bottom button,#panorama .pano-bottom select{pointer-events:auto}#panorama .pano-caption{padding-bottom:10px}#panorama .pano-caption h3{margin:4px 0 0}#panorama .pano-navigation{display:flex;align-items:end;gap:8px;pointer-events:auto}#panorama .pano-navigation>button{background:#132c3ad9;color:#fff;border:1px solid #ffffff55;border-radius:8px;min-width:42px;height:42px;padding:0 12px;font:600 13px Arial,sans-serif;cursor:pointer}#panorama .pano-navigation>button:disabled{opacity:.35;cursor:default}#panorama .pano-scene-select{display:flex;flex:1;flex-direction:column;gap:4px;color:#fff;font:11px Arial,sans-serif;max-width:380px}#panorama .pano-scene-select select{width:100%;height:42px;padding:0 30px 0 10px;border:1px solid #ffffff55;border-radius:8px;background:#132c3a;color:#fff;font:14px Arial,sans-serif}#panorama .rooms{display:none;overflow-x:auto;max-width:100%;padding-top:12px;scrollbar-width:thin}#panorama.show-viewpoints .rooms{display:flex}#panorama .rooms>button{flex:0 0 112px;min-width:112px}#panorama .rooms img{height:58px;object-fit:cover}#panorama .rooms span{font-size:11px;white-space:normal}#panorama .pano-hint{z-index:2;pointer-events:none;max-width:80%;text-align:center}#panorama .pano-loading{z-index:6;pointer-events:none}#panorama .pano-loading.error{pointer-events:none}#panorama:fullscreen,#panorama.expanded{min-height:100vh}#panorama #pano-fallback{position:absolute;inset:0;overflow:hidden}#panorama #pano-fallback img{width:100%;height:100%;object-fit:contain}@media(max-width:640px){#panorama{min-height:480px}#panorama .pano-bottom{padding:50px 12px 12px}#panorama .pano-hotspot-icon{width:46px;height:35px;font-size:37px}#panorama .pano-hotspot-label{font-size:10px;max-width:132px}#panorama .pano-navigation{gap:5px}#panorama .pano-navigation>button{padding:0 9px;min-width:36px}#panorama .pano-caption h3{font-size:17px}#panorama .pano-tools{gap:4px}#panorama .pano-tools button{width:32px;height:32px}#panorama .pano-scene-select select{font-size:12px}#panorama .pano-hint{font-size:12px}}

#panorama .pano-hotspot-icon{padding-top:0}#panorama .pano-navigation>button{display:grid;place-items:center}#panorama .pano-top .icon-button{display:grid;place-items:center}

#panorama.expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000;margin:0!important;border-radius:0;max-width:none!important;aspect-ratio:auto}body:has(#panorama.expanded){overflow:hidden}

#panorama .pano-caption,#panorama .pano-caption h3,#panorama .pano-caption span{color:#fff}#panorama .pano-caption h3{font-size:clamp(18px,2.2vw,28px);line-height:1.15}#panorama #room-count{font-size:12px;opacity:.8}#panorama .pano-bottom{background:linear-gradient(transparent,rgba(5,18,27,.94))}

#panorama .pano-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;pointer-events:auto;max-height:96px;overflow:auto}#panorama .pano-shortcut{background:#e9c785;color:#14262e;border:1px solid #ffe2b1;border-radius:7px;padding:7px 10px;font:600 12px/1.2 Arial,sans-serif;cursor:pointer}#panorama .pano-shortcut:hover,#panorama .pano-shortcut:focus-visible{background:#ffe2b1;outline:2px solid white;outline-offset:2px}