main#img360.viewer360-wrapper{width:100%;height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:80px}main#img360.viewer360-wrapper:fullscreen{height:100vh;margin-bottom:0}main#img360.viewer360-wrapper .viewer360-title{text-align:center;font-family:var(--title-font);font-size:2.5rem;font-weight:700;margin-bottom:30px;color:var(--main-darker-brown-color);text-transform:uppercase;letter-spacing:2px}main#img360.viewer360-wrapper .viewer360-container{position:relative;width:100%;height:100%;max-width:70%;border-radius:15px;overflow:hidden;box-shadow:0 10px 40px #00000026;background:#000}main#img360.viewer360-wrapper .viewer360-container .container360{width:100%;height:100%;position:relative;transition:filter .3s ease}main#img360.viewer360-wrapper .viewer360-container .container360.loading{filter:blur(1px);pointer-events:none}main#img360.viewer360-wrapper .viewer360-container .container360 .viewer360-tooltip{position:absolute;background:#000000d9;color:#fff;padding:8px 16px;border-radius:8px;font-family:var(--text-font);font-size:.95rem;font-weight:500;pointer-events:none;z-index:1001;white-space:nowrap;box-shadow:0 4px 12px #0000004d;text-transform:capitalize}main#img360.viewer360-wrapper .viewer360-container .viewer360-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}main#img360.viewer360-wrapper .viewer360-container .viewer360-loader .loader-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--main-light-brown-color);border-radius:50%;animation:spin .8s linear infinite}main#img360.viewer360-wrapper .viewer360-container .viewer360-loader .loader-text{margin-top:20px;color:#fff;font-family:var(--text-font);font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:2px}main#img360.viewer360-wrapper:fullscreen .viewer360-container{max-width:none;border-radius:0;box-shadow:none;width:100vw;height:100vh}main#img360.viewer360-wrapper:fullscreen .viewer360-container .container360{width:100%;height:100%}main#img360.viewer360-wrapper:fullscreen .viewer360-container .container360 canvas{display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}main#img360 .container360 .navigate{all:unset!important;display:block!important;position:absolute!important;bottom:0!important;left:0!important;top:auto!important;right:0!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border-radius:0!important;min-width:auto!important;z-index:101!important}main#img360 .container360 .navigate p{display:none!important}.viewer360-arrow-marker{position:absolute;cursor:pointer}.viewer360-arrow-circle{width:50px;height:50px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:all .3s ease;position:relative;z-index:2}.viewer360-arrow-circle svg{width:26px;height:26px;fill:#fff;transition:all .3s ease}.viewer360-arrow-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1;display:flex;align-items:center;white-space:nowrap;margin-left:-15px}.viewer360-arrow-tooltip-connector{width:30px;height:44px;background:#0000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;position:relative;border-radius:0 6px 6px 0}.viewer360-arrow-tooltip-connector:before{content:"";position:absolute;left:-22px;bottom:22px;width:22px;height:22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer360-arrow-tooltip-connector:after{content:"";position:absolute;left:-22px;top:22px;width:22px;height:22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer360-arrow-tooltip-text{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:11px 18px;border-radius:8px;font-family:var(--text-font);font-size:.95rem;font-weight:600;line-height:1.3;text-transform:capitalize;opacity:0;transform:translate(-20px);transition:all 1.2s cubic-bezier(.4,0,.2,1);border-left:3px solid var(--main-light-brown-color);box-shadow:0 4px 12px #0000004d;margin-left:-2px}.viewer360-arrow-marker:hover .viewer360-arrow-tooltip-connector,.viewer360-arrow-marker.hover .viewer360-arrow-tooltip-connector{transform:scaleX(1);opacity:1}.viewer360-arrow-marker:hover .viewer360-arrow-tooltip-text,.viewer360-arrow-marker.hover .viewer360-arrow-tooltip-text{opacity:1;transform:translate(0)}.viewer360-arrow-marker:hover .viewer360-arrow-circle,.viewer360-arrow-marker.hover .viewer360-arrow-circle{background:var(--main-dark-brown-color);border-color:var(--main-light-brown-color);transform:scale(1.1);box-shadow:0 0 20px #a8562699}.viewer360-arrow-marker:hover .viewer360-arrow-circle svg,.viewer360-arrow-marker.hover .viewer360-arrow-circle svg{fill:#fff;transform:translateY(-2px)}.viewer360-scenes-navigation{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;z-index:101;transition:all .3s ease}.viewer360-scenes-toggle{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:#0009;border:none;border-radius:12px 12px 0 0;width:60px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:102}.viewer360-scenes-toggle:hover{background:#000000f2;height:45px}.viewer360-scenes-toggle svg{width:24px;height:24px;color:#fff;transition:transform .3s ease}.viewer360-scenes-navigation.open .viewer360-scenes-toggle svg{transform:rotate(180deg)}.viewer360-scenes-carousel{position:absolute;bottom:0;left:0;width:100%;background:#00000040;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:20px 0;transform:translateY(100%);transition:transform .3s ease;overflow:hidden;pointer-events:none}.viewer360-scenes-navigation.open .viewer360-scenes-carousel{transform:translateY(0);pointer-events:auto}.viewer360-scenes-wrapper{display:flex;gap:15px;padding-left:60px;padding-top:6px;padding-bottom:6px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.viewer360-scenes-wrapper::-webkit-scrollbar{display:none}.viewer360-scene-item{flex-shrink:0;width:180px;cursor:pointer;transition:all .3s ease;position:relative}.viewer360-scene-item:hover{transform:translateY(-5px)}.viewer360-scene-preview{width:100%;height:120px;border-radius:12px;overflow:hidden;position:relative;background:#1a1a1a;border:3px solid transparent;transition:all .3s ease}.viewer360-scene-item.active .viewer360-scene-preview{border-color:var(--main-light-brown-color);box-shadow:0 0 20px #a8562680}.viewer360-scene-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.viewer360-scene-item:hover .viewer360-scene-preview img{transform:scale(1.2)}.viewer360-scene-title{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;font-family:var(--text-font);font-size:.85rem;font-weight:600;padding:8px 10px;text-align:center;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer360-scene-item.active .viewer360-scene-title{background:linear-gradient(to top,var(--main-dark-brown-color),transparent)}@media (max-width: 1024px){.viewer360-scene-item{width:150px}.viewer360-scene-preview{height:100px}.viewer360-scenes-wrapper{padding:0 40px;gap:12px}}@media (max-width: 768px){.viewer360-scene-item{width:120px}.viewer360-scene-preview{height:80px}.viewer360-scenes-wrapper{padding:0 20px;gap:10px}.viewer360-scene-title{font-size:.75rem;padding:6px 8px}.viewer360-scenes-toggle{width:50px;height:35px}.viewer360-scenes-toggle svg{width:20px;height:20px}}.viewer360-logo{position:absolute;top:20px;left:20px;z-index:100}.viewer360-logo a{display:block;transition:all .3s ease}.viewer360-logo a:hover{scale:1.1}.viewer360-logo svg{width:50px;height:auto;fill:#fff;display:block}@media (max-width: 768px){.viewer360-logo{top:10px;left:10px}.viewer360-logo a{padding:8px;border-radius:10px}.viewer360-logo svg{width:30px;height:22px}}.viewer360-controls{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:100}.viewer360-plan-control{position:absolute;bottom:20px;left:20px;z-index:100;transition:transform .3s ease}.container360:has(.viewer360-scenes-navigation.open) .viewer360-plan-control{transform:translateY(-160px)}.viewer360-vr-control{position:absolute;bottom:20px;right:20px;z-index:100;transition:transform .3s ease}.container360:has(.viewer360-scenes-navigation.open) .viewer360-vr-control{transform:translateY(-160px)}.viewer360-btn{background:#0009;border:none;border-radius:8px;min-width:48px;height:48px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;position:relative;padding:0}.viewer360-btn-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2}.viewer360-btn-label{opacity:0;width:0;white-space:nowrap;font-family:var(--text-font);font-size:.95rem;font-weight:500;padding-right:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:2}.viewer360-btn:hover{background:#000c;min-width:auto;padding-right:16px}.viewer360-btn:hover .viewer360-btn-label{opacity:1;width:auto;padding-left:8px}.viewer360-btn:active{transform:scale(.98)}.viewer360-btn svg{width:24px;height:24px}.viewer360-vr-btn.vr-active{background:#a85626cc;border:2px solid var(--main-light-brown-color)}.viewer360-vr-btn.vr-active:hover{background:#a85626e6}.viewer360-quality-menu{position:absolute;top:80px;right:20px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:110;min-width:200px;box-shadow:0 10px 40px #0000004d}.viewer360-quality-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.viewer360-quality-item{background:transparent;border:none;color:#ffffffb3;padding:10px 16px;text-align:left;font-family:var(--text-font);font-size:.9rem;cursor:pointer;border-radius:8px;transition:all .2s ease}.viewer360-quality-item:hover{background:#ffffff1a;color:#fff}.viewer360-quality-item.active{background:var(--main-light-brown-color);color:#fff;font-weight:600}.viewer360-gaze-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;pointer-events:none}.viewer360-gaze-indicator svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.viewer360-gaze-indicator .gaze-circle-bg{fill:none;stroke:#ffffff4d;stroke-width:3}.viewer360-gaze-indicator .gaze-circle-progress{fill:none;stroke:var(--main-light-brown-color);stroke-width:4;stroke-linecap:round;stroke-dasharray:219.91;stroke-dashoffset:219.91;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .1s linear}.viewer360-gaze-indicator .gaze-center-dot{fill:#fff;opacity:.8}.viewer360-share-viewer{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:1000;display:flex;animation:fadeIn .3s ease;border-radius:15px;overflow:hidden}.viewer360-share-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1002}.viewer360-share-close:hover{background:#fff3;transform:rotate(90deg)}.viewer360-share-close svg{width:24px;height:24px}.viewer360-share-container{width:100%;max-width:800px;margin:0 auto;padding:100px}.viewer360-share-content{background:#fff;border-radius:20px;padding:1rem 2.5rem 2.5rem;box-shadow:0 20px 60px #0006;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.viewer360-share-title{font-family:var(--title-font);font-size:1.5rem;font-weight:700;color:var(--main-darker-brown-color);margin-bottom:.75rem;text-align:center}.viewer360-share-description{font-family:var(--text-font);font-size:.9rem;color:#666;margin-bottom:1rem;text-align:center}.viewer360-share-section{margin-bottom:2rem}.viewer360-share-section:last-child{margin-bottom:0}.viewer360-share-label{display:block;font-family:var(--text-font);font-size:1rem;font-weight:600;color:#333;margin-bottom:.75rem}.viewer360-share-input-group{display:flex;gap:.75rem;align-items:flex-start}.viewer360-share-input,.viewer360-share-textarea{flex:1;padding:1rem;border:2px solid #e0e0e0;border-radius:12px;font-family:monospace;font-size:.9rem;background:#f8f8f8;transition:all .2s ease;color:#333}.viewer360-share-input:focus,.viewer360-share-textarea:focus{outline:none;border-color:var(--main-light-brown-color);background:#fff;box-shadow:0 0 0 3px #a856261a}.viewer360-share-textarea{resize:vertical;min-height:100px;line-height:1.5}.viewer360-copy-btn{background:var(--main-light-brown-color);color:#fff;border:none;border-radius:12px;padding:1rem 1.5rem;font-family:var(--text-font);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem;height:fit-content}.viewer360-copy-btn:hover{background:var(--main-darker-brown-color);transform:translateY(-1px);box-shadow:0 4px 12px #a856264d}.viewer360-copy-btn:active{transform:translateY(0)}.viewer360-copy-btn svg{width:20px;height:20px;flex-shrink:0}.viewer360-copy-text{font-weight:600}.viewer360-copy-btn.copied{background:#4caf50;animation:successPulse .4s ease}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.viewer360-floor-plan-viewer{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;display:flex;animation:fadeIn .3s ease;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.viewer360-floor-plan-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1002}.viewer360-floor-plan-close:hover{background:#fff3;transform:rotate(90deg)}.viewer360-floor-plan-close svg{width:24px;height:24px}.viewer360-floor-plan-list{width:250px;background:#0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;overflow-y:auto;border-right:1px solid rgba(255,255,255,.1)}.viewer360-floor-plan-list-title{color:#fff;font-family:var(--title-font);font-size:1.5rem;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.viewer360-floor-plan-items{display:flex;flex-direction:column;gap:10px}.viewer360-floor-plan-item{border:2px solid transparent;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease;color:#fff;font-family:var(--text-font);font-size:1rem;font-weight:500;text-align:left}.viewer360-floor-plan-item:hover{background:#ffffff1a;border-color:#a8562680;transform:translate(5px)}.viewer360-floor-plan-item.active{background:#a856264d;border-color:var(--main-light-brown-color);box-shadow:0 0 20px #a856264d}.viewer360-floor-plan-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}.viewer360-floor-plan-image-wrapper{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.viewer360-floor-plan-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 10px 40px #00000080}.viewer360-floor-plan-points{position:absolute;top:0;left:0;width:100%;height:100%}.viewer360-floor-plan-point{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);cursor:pointer;transition:all .3s ease;z-index:10}.viewer360-floor-plan-point-circle{width:100%;height:100%;background:#a85626e6;border:3px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;transition:all .3s ease;animation:pulse-point 2s infinite}@keyframes pulse-point{0%,to{box-shadow:0 4px 12px #0006,0 0 #a85626b3}50%{box-shadow:0 4px 12px #0006,0 0 0 10px #a8562600}}.viewer360-floor-plan-point-circle svg{width:20px;height:20px;fill:#fff}.viewer360-floor-plan-point:hover .viewer360-floor-plan-point-circle{background:var(--main-dark-brown-color);transform:scale(1.2);box-shadow:0 6px 20px #a8562699}.viewer360-floor-plan-point-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-family:var(--text-font);font-size:.9rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.viewer360-floor-plan-point:hover .viewer360-floor-plan-point-label{opacity:1;transform:translate(-50%) translateY(-15px)}@media (max-width: 768px){.viewer360-controls{top:10px;right:10px;gap:8px}.viewer360-plan-control{bottom:10px;left:10px}.container360:has(.viewer360-scenes-navigation.open) .viewer360-plan-control{transform:translateY(-140px)}.viewer360-vr-control{bottom:10px;right:10px}.container360:has(.viewer360-scenes-navigation.open) .viewer360-vr-control{transform:translateY(-140px)}.viewer360-btn{width:40px;height:40px}.viewer360-btn svg{width:20px;height:20px}.viewer360-share-modal-content{padding:1.5rem;width:95%}.viewer360-share-modal-content h3{font-size:1.5rem}.viewer360-floor-plan-list{width:150px;padding:15px}.viewer360-floor-plan-list-title{font-size:1.2rem}.viewer360-floor-plan-item{padding:12px;font-size:.9rem}.viewer360-floor-plan-container{padding:20px}.viewer360-floor-plan-image{max-height:70vh}.viewer360-floor-plan-close{top:10px;right:10px;width:40px;height:40px}.viewer360-floor-plan-close svg{width:20px;height:20px}.viewer360-floor-plan-point{width:35px;height:35px}.viewer360-floor-plan-point-circle svg{width:18px;height:18px}.viewer360-share-content{padding:2rem 1rem;margin-top:2rem}.viewer360-share-container{padding:20px}.viewer360-share-close{top:10px;right:10px;width:40px;height:40px}.viewer360-share-close svg{width:20px;height:20px}.viewer360-copy-text{display:none}}