.room-panorama-entry{position:relative;width:100%;margin:var(--panel-gap,12px) 0 0;aspect-ratio:var(--panorama-ratio,2);overflow:hidden;background:#eeeae2}
.room-panorama-entry[hidden]{display:none}
.room-panorama-cover{display:block;width:100%;height:100%;object-fit:cover;border:0}
.room-panorama-open{position:absolute;top:var(--space-cta-y,36%);left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;min-height:var(--space-cta-height,46px);padding:12px 26px;border:1px solid rgba(255,255,255,.88);border-radius:999px;background:#fbf8f4;color:#303034;font:400 14px/1.4 var(--nav-sans,var(--sans));white-space:nowrap;cursor:pointer;text-decoration:none}
.room-panorama-open:hover{background:#fff}.room-panorama-open:focus-visible{outline:2px solid #3976a9;outline-offset:4px}
.room-panorama-dialog{inset:0;margin:0;padding:0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;overflow:hidden;background:#1c1c1b;color:#fff;touch-action:none}
.room-panorama-dialog::backdrop{background:#1c1c1b}.room-panorama-stage{position:absolute;inset:0}.room-panorama-stage canvas{display:block;width:100%;height:100%;outline:none;cursor:grab;touch-action:none}.room-panorama-stage canvas:active{cursor:grabbing}
.room-panorama-back{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:20px;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fffdf9db;color:#292a2b;cursor:pointer;font:300 25px/1 sans-serif;opacity:.75}.room-panorama-back:hover,.room-panorama-back:focus-visible{opacity:1}.room-panorama-back:focus-visible{outline:2px solid white;outline-offset:3px}
.room-panorama-status{position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%);text-align:center;font:400 15px/1.6 var(--sans);pointer-events:none}
.room-panorama-status[hidden],.room-panorama-point[hidden],.room-panorama-card[hidden]{display:none}
.room-panorama-points{position:absolute;inset:0;pointer-events:none}.room-panorama-point{position:absolute;left:0;top:0;width:38px;height:38px;padding:0;border:1px solid #ffffffdd;border-radius:50%;background:#3e3c39aa;box-shadow:0 1px 5px #0002;pointer-events:auto;cursor:pointer;opacity:0;transition:opacity .15s}.room-panorama-point::after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.room-panorama-stage:hover .room-panorama-point,.room-panorama-point:focus-visible,.room-panorama-point[aria-expanded=true]{opacity:1}.room-panorama-point:focus-visible{outline:2px solid white;outline-offset:4px}
.room-panorama-card{position:absolute;z-index:7;width:350px;max-width:calc(100% - 24px);padding:10px;background:#fff;color:#292a2b;box-shadow:0 4px 25px #0002;font-family:var(--sans)}
.room-panorama-card a{display:grid;grid-template-columns:84px 1fr 16px;gap:12px;align-items:center;color:inherit;text-decoration:none;padding:4px}.room-panorama-card img{width:84px;height:84px;object-fit:contain;background:#f7f6f2}.room-panorama-card h3{font:500 14px/1.5 var(--sans);margin:0 0 6px}.room-panorama-card p{font:400 18px/1.4 var(--sans);margin:0}.room-panorama-card small{display:block;font:400 10px/1.5 var(--sans);margin-top:5px;color:#777}.room-panorama-card-close{position:absolute;right:1px;top:0;width:25px;height:25px;padding:0;border:0;background:#fff;color:#444;font:400 21px/1 sans-serif;cursor:pointer}
@media(hover:none){.room-panorama-point{opacity:1}}
@media(max-width:650px){.room-panorama-card{left:12px!important;top:auto!important;bottom:76px;width:calc(100% - 24px)}.room-panorama-back{left:12px;bottom:max(14px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.room-panorama-point{transition:none}}