.interactive-house{margin:0 auto;max-width:1100px}.house-image-wrap{position:relative;width:100%}.house-image{display:block;height:auto;width:100%}.hotspot-wrap{position:absolute}.hotspot{align-items:center!important;appearance:none;-webkit-appearance:none;background:#f4c542!important;border:2px solid #1f4f82!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(8,29,51,.18);box-sizing:border-box;color:#081d33!important;cursor:pointer;display:flex!important;font-size:18px;font-weight:700;height:30px!important;justify-content:center!important;line-height:1;margin:0!important;max-height:30px!important;max-width:30px!important;min-height:30px!important;min-width:30px!important;outline:none!important;overflow:visible;padding:0!important;position:relative;transform:translate(-50%,-50%);transition:background-color .18s ease,box-shadow .18s ease;width:30px!important;z-index:9}.hotspot:hover{background:#e2b52c!important;box-shadow:0 6px 16px rgba(8,29,51,.24)}.hotspot:active,.hotspot:focus,.hotspot:focus-visible{background:#f4c542!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(8,29,51,.18)!important;outline:none!important}.info-popup{background:linear-gradient(180deg,#f4f9fe,#e8f2fb);border:1.5px solid #4e8ec3;border-radius:14px;box-shadow:0 14px 28px rgba(8,29,51,.16);display:none;padding:16px 18px 14px;position:absolute;width:250px;z-index:10}.info-popup.active{display:block}.info-popup h4,.mobile-info-panel h4{color:#1f4f82;font-size:18px;line-height:1.2;margin:0 22px 8px 0}.info-popup p,.mobile-info-panel p{color:#294861;font-size:14px;line-height:1.45;margin:0 0 10px}.info-popup a,.mobile-info-panel a{color:#1f74b7;font-size:14px;font-weight:700;text-decoration:none}.info-popup a:hover,.mobile-info-panel a:hover{text-decoration:underline}.mobile-info-close,.popup-close{align-items:center;appearance:none;-webkit-appearance:none;background:transparent!important;border:none!important;box-shadow:none!important;color:#1f4f82!important;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:18px;justify-content:center;line-height:1;margin:0!important;outline:none!important;padding:0!important;position:absolute;right:10px;top:8px;width:18px}.mobile-info-close:active,.mobile-info-close:focus,.mobile-info-close:focus-visible,.mobile-info-close:hover,.popup-close:active,.popup-close:focus,.popup-close:focus-visible,.popup-close:hover{background:transparent!important;border:none!important;box-shadow:none!important;color:#163b61!important;outline:none!important}.popup-right{left:42px;top:50%;transform:translateY(-50%)}.popup-below{left:50%;top:42px;transform:translateX(-50%)}.manual-popup{transform:none}.active-position-solar{left:50%;top:42px;transform:translateX(-50%)}.active-position-battery{left:42px;top:50%;transform:translateY(-50%)}.popup-inverter-custom{left:-125px;top:-145px}.popup-window-custom{left:32px;top:-40px}.popup-heatpump-custom{left:-330px;top:-20px}.mobile-info-panel{background:linear-gradient(180deg,#f4f9fe,#e8f2fb);border:1.5px solid #4e8ec3;border-radius:14px;box-shadow:0 14px 28px rgba(8,29,51,.16);display:none;margin-top:16px;padding:16px 18px 14px;position:relative}.mobile-info-panel.active{display:block}.mobile-info-label{color:#5b7b99;font-size:12px;font-weight:700;letter-spacing:.03em;margin:0 22px 6px 0;text-transform:uppercase}@media (max-width:900px){.info-popup{width:220px}}@media (max-width:767px){.hotspot{border-width:1.2px!important;box-shadow:0 2px 6px rgba(8,29,51,.15)!important;font-size:11px;height:18px!important;max-height:18px!important;max-width:18px!important;min-height:18px!important;min-width:18px!important;width:18px!important}.hotspot:after{border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.info-popup{display:none!important}.mobile-info-panel{display:none}.mobile-info-panel.active{display:block}}