.image-hotspots-section{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.image-hotspots__header{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.image-hotspots__logo{max-width:12rem;height:auto}.image-hotspots__title{font-size:calc(var(--font-heading-scale) * 2.4rem);line-height:1.2;margin:0}@media screen and (min-width:750px){.image-hotspots__title{font-size:calc(var(--font-heading-scale) * 3.2rem)}}.image-hotspots__container{position:relative;display:block;width:fit-content;max-width:100%;margin:0 auto}@media screen and (min-width:750px){.image-hotspots-section image-hotspots{display:flex;justify-content:center}.image-hotspots__header{margin-bottom:2rem;gap:.8rem}.image-hotspots__logo{max-width:9rem}.image-hotspots__container{max-width:68rem}.image-hotspots__container img{max-height:40rem;width:auto;max-width:100%;margin:0 auto;object-fit:contain}}.image-hotspots__container img{display:block;width:100%;height:auto;border-radius:var(--media-radius)}.image-hotspots__dot{position:absolute;width:3.2rem;height:3.2rem;border-radius:50%;background:#000000bf;border:2px solid #fff;cursor:pointer;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:background .2s ease,box-shadow .2s ease;z-index:2;box-shadow:0 2px 8px #00000040}.image-hotspots__dot:before,.image-hotspots__dot:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.85);transform:translate(-50%,-50%);pointer-events:none;animation:hotspot-ripple 2.4s ease-out infinite}.image-hotspots__dot:after{animation-delay:1.2s}@keyframes hotspot-ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:.75}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}@keyframes hotspot-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.image-hotspots__dot:hover,.image-hotspots__dot.is-active{background:#000000e6;box-shadow:0 4px 16px #00000059}.image-hotspots__dot:hover{transform:translate(-50%,-50%) scale(1.12)}.image-hotspots__dot.is-active{transform:translate(-50%,-50%) scale(1.08);animation:hotspot-pulse 1.6s ease-in-out infinite}.image-hotspots__dot.is-active:before,.image-hotspots__dot.is-active:after{animation:none;opacity:0}.image-hotspots__dot-icon{color:#fff;font-size:1.6rem;font-weight:700;line-height:1}.image-hotspots__popup{position:absolute;z-index:10;background:#fff;border-radius:.8rem;padding:1.6rem;box-shadow:0 4px 20px #00000026;width:24rem;max-width:calc(100vw - 3rem);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s;pointer-events:none}.image-hotspots__popup.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.image-hotspots__popup-close{position:absolute;top:.8rem;right:.8rem;width:2.4rem;height:2.4rem;background:#0000000f;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.image-hotspots__popup-close svg{width:1.2rem;height:1.2rem}.image-hotspots__popup-heading{font-size:1.4rem;font-weight:700;margin:0 0 .6rem;padding-right:2rem;line-height:1.3}.image-hotspots__popup-text{font-size:1.3rem;line-height:1.5;margin:0;color:#000000b3}@media screen and (min-width:750px){.image-hotspots__dot{width:4.8rem;height:4.8rem;border-width:3px;animation:hotspot-pulse 2.8s ease-in-out infinite}.image-hotspots__dot:before,.image-hotspots__dot:after{border-width:3px}.image-hotspots__dot-icon{font-size:2.4rem}}@media screen and (max-width:749px){.image-hotspots__dot{width:2.6rem;height:2.6rem}.image-hotspots__dot-icon{font-size:1.3rem}.image-hotspots__popup{width:20rem;padding:1.2rem}.image-hotspots__popup-heading{font-size:1.3rem}.image-hotspots__popup-text{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.image-hotspots__dot,.image-hotspots__dot.is-active{animation:none}.image-hotspots__dot:before,.image-hotspots__dot:after{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-image-hotspots.css.map */