.siteplan-page{width:100%;min-height:100vh;display:grid;grid-template-columns:2fr 4fr;grid-template-areas:"a b";background-color:#f6f5ed;transition:all .3s ease}.siteplan-page.fullscreen-mode{grid-template-columns:0fr 1fr}.siteplan-page .siteplan-aside-menu{grid-area:a;transition:all .3s ease;overflow:hidden}.siteplan-page .siteplan-aside-menu.hidden{width:0;opacity:0;pointer-events:none}.siteplan-page .siteplan-aside-menu .building-con{display:flex;flex-direction:column;max-width:max-content;max-height:max-content;box-shadow:0 0 1.4vh 0 rgba(0,0,0,.1294117647);margin:2.1vh 5vh}.siteplan-page .siteplan-aside-menu .building-con .img{width:100%;height:100%;object-fit:cover}.siteplan-page .siteplan-aside-menu .building-con .building-desc{display:flex;flex-direction:column;padding:.7vh 1.4vh;gap:.56vh;border-bottom:.14vh solid rgba(128,128,128,.3019607843)}.siteplan-page .siteplan-aside-menu .building-con .building-desc .title-aval{display:flex;justify-content:space-between}.siteplan-page .siteplan-aside-menu .building-con .building-desc .title-aval .title{font-size:2.3vh;font-weight:600}.siteplan-page .siteplan-aside-menu .building-con .building-desc .title-aval .aval{display:flex;justify-content:center;align-items:center;padding:0 .7vh;gap:.35vh;border-radius:1.4vh;background-color:#00b5a0}.siteplan-page .siteplan-aside-menu .building-con .building-desc .title-aval .aval .icon{width:1vh}.siteplan-page .siteplan-aside-menu .building-con .building-desc .title-aval .aval .text{font-size:1.5vh}.siteplan-page .siteplan-aside-menu .building-con .building-desc .desc-element{display:flex;flex-direction:column;gap:.35vh}.siteplan-page .siteplan-aside-menu .building-con .building-desc .desc-element .element{display:flex;gap:.7vh}.siteplan-page .siteplan-aside-menu .building-con .building-desc .desc-element .element .icon{width:1.2vh}.siteplan-page .siteplan-aside-menu .building-con .building-desc .desc-element .element .text{font-size:1.7vh}.siteplan-page .siteplan-aside-menu .building-con .building-price{padding:1vh 1.4vh;display:flex;flex-direction:column;gap:.7vh}.siteplan-page .siteplan-aside-menu .building-con .building-price .text{font-size:2vh}.siteplan-page .siteplan-aside-menu .building-con .building-price .price-con{display:flex;justify-content:space-between}.siteplan-page .siteplan-aside-menu .building-con .building-price .price-con .price{font-size:1.7vh;font-weight:600}.siteplan-page .siteplan-aside-menu .building-con .building-price .price-con .view-btn{display:flex;align-items:center;gap:.35vh;cursor:pointer;transition:.3s}.siteplan-page .siteplan-aside-menu .building-con .building-price .price-con .view-btn .text{font-size:2vh}.siteplan-page .siteplan-aside-menu .building-con .building-price .price-con .view-btn .icon{width:2vh}.siteplan-page .siteplan-aside-menu .building-con .building-price .price-con .view-btn:hover{color:#f6f5ed;transition:.3s}.siteplan-page .siteplan-aside-menu .building-con .building-price .price-con .view-btn:hover .icon{fill:#f0eee1}.siteplan-reel-container{width:35vh;width:100%;position:relative;grid-area:b;transition:all .3s ease}.siteplan-reel-container.fullscreen{width:100%}.siteplan-overlay{position:absolute;top:21px;left:21px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);max-width:35%}@media(max-width:768px){.siteplan-overlay{max-width:60%}}.siteplan-title{font-size:1.7rem;margin-bottom:.35rem;font-weight:700}@media(max-width:768px){.siteplan-title{font-size:1.2rem}}.siteplan-description{font-size:.7rem;line-height:1.2;max-width:280px}@media(max-width:768px){.siteplan-description{font-size:.6rem}}.static-siteplan{display:flex;flex-direction:column}.static-siteplan,.static-siteplan .reel-frame{width:100%;height:100%;position:relative}.static-siteplan .static-image-container{position:relative;flex:1 1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.static-siteplan .static-image-container .territory-plan-image{max-width:100%;max-height:100%;object-fit:contain}.static-siteplan .static-image-container .static-markers-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.static-siteplan .static-image-container .static-markers-container>div{pointer-events:auto}.static-siteplan .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}.static-siteplan .reel-menu{position:absolute;bottom:3vh;width:100%;z-index:10}.static-siteplan .controls{width:100%}.controls-button.active{background-color:rgba(255,153,0,.2);border-color:#f90;color:#f90}.controls-button.vr360-toggle{background:hsla(0,0%,100%,.8);color:#1d231e;border:1px solid hsla(0,0%,100%,.5);transition:background .2s,color .2s}.controls-button.vr360-toggle svg{color:#1d231e;fill:none;stroke:currentColor;transition:color .2s}.controls-button.vr360-toggle.active{background:rgba(0,0,0,.8);color:#fff;border:1px solid #1d231e}.controls-button.vr360-toggle.active svg{color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content{position:relative;background-color:#fff;border-radius:5px;padding:20px;width:90%;max-width:1200px;max-height:90vh}.modal-close{position:absolute;top:10px;right:15px;font-size:28px;font-weight:700;background:none;border:none;cursor:pointer;z-index:1010;color:#333}.vr360-iframe-container{position:relative;width:100%;height:80vh;overflow:hidden}