.product-hotspots{background-color:var(--hotspot-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.product-hotspots__container{margin:0 auto;padding:20px}.product-hotspots__heading{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--hotspot-text);text-align:center;margin:0 0 12px;letter-spacing:-.02em}.product-hotspots__subheading{font-size:clamp(1rem,2vw,1.125rem);color:var(--hotspot-text);opacity:.75;text-align:center;max-width:600px;margin:0 auto 40px}.product-hotspots__wrapper{display:flex;justify-content:center;align-items:center}.product-hotspots__image-container{position:relative;display:inline-block;max-width:100%}.product-hotspots__image{display:block;max-width:100%;height:auto;border-radius:var(--hotspot-radius)}.product-hotspots__placeholder{width:100%;max-width:800px;height:auto;aspect-ratio:4/3;background:#f0f0f0;border-radius:var(--hotspot-radius)}.hotspot{position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);transform:translate(-50%,-50%);z-index:1}.hotspot:has(.hotspot__trigger[aria-expanded=true]){z-index:2}.hotspot__trigger{position:relative;width:36px;height:36px;border:none;border-radius:var(--hotspot-radius)!important;background:#4a4a4a8c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--hotspot-transition);box-shadow:0 4px 12px #00000026}.hotspot__trigger:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.hotspot__trigger[aria-expanded=true]{background:var(--hotspot-tooltip-text)}.hotspot__pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--hotspot-accent);animation:hotspot-pulse 2s ease-out infinite;pointer-events:none}.hotspot__trigger:hover .hotspot__pulse,.hotspot__trigger[aria-expanded=true] .hotspot__pulse{animation:none;opacity:0}@keyframes hotspot-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}.hotspot__icon{display:flex;align-items:center;justify-content:center}.hotspot__icon svg{transition:transform .3s ease}.hotspot__tooltip{position:absolute;width:280px;padding:20px;background:var(--hotspot-tooltip-bg);border-radius:var(--hotspot-radius);box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--hotspot-transition);z-index:20;top:calc(100% + 5px)}.hotspot__tooltip--top-left{bottom:calc(100% + 15px);right:-10px}.hotspot__tooltip--top-left:before{bottom:-6px;right:20px}.hotspot__tooltip--top-right{bottom:calc(100% + 15px);left:-10px}.hotspot__tooltip--top-right:before{bottom:-6px;left:20px}.hotspot__tooltip--bottom-left{top:calc(100% + 15px);right:-10px}.hotspot__tooltip--bottom-left:before{top:-6px;right:20px}.hotspot__tooltip--bottom-right{top:calc(100% + 15px);left:-10px}.hotspot__tooltip--bottom-right:before{top:-6px;left:20px}.hotspot__trigger[aria-expanded=true]+.hotspot__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.hotspot__close{position:absolute;top:12px;right:12px;width:24px;height:24px;border:none;background:transparent;color:var(--hotspot-tooltip-text);opacity:.5;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--hotspot-transition)}.hotspot__close:hover{opacity:1;background:#0000000d}.hotspot__title{font-size:1rem;font-weight:700;color:var(--hotspot-tooltip-text);margin:0 0 8px;padding-right:20px;letter-spacing:-.01em}.hotspot__description{font-size:.875rem;line-height:1.6;color:var(--hotspot-tooltip-text);opacity:.8;margin:0}.hotspot__link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:.875rem;font-weight:600;color:var(--hotspot-accent);text-decoration:none;transition:var(--hotspot-transition)}.hotspot__link:hover{gap:10px}.product-hotspots__cta{text-align:center;margin-top:40px}.product-hotspots__button{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:var(--hotspot-accent);color:#fff;font-size:1rem;font-weight:600;text-decoration:none;border-radius:6px;transition:var(--hotspot-transition);box-shadow:0 4px 12px #0000001a}.product-hotspots__button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}@media(max-width:768px){.hotspot{left:var(--mhotspot-x);top:var(--mhotspot-y)}.product-hotspots__subheading{margin-bottom:30px}.hotspot__trigger{width:30px;height:30px}.hotspot__tooltip{position:fixed;bottom:80px;left:-70px;right:0;top:auto;width:100%;max-width:100%;border-radius:var(--hotspot-radius) var(--hotspot-radius) 0 0;padding:24px 20px 32px;transform:translateY(100%);min-width:270px;font-size:16px}.hotspot__tooltip:before{display:none}.hotspot__trigger[aria-expanded=true]+.hotspot__tooltip{transform:translateY(0)}.hotspot__title{font-size:1.125rem}.hotspot__description{font-size:.9375rem}.hotspot__close{top:16px;right:16px;width:32px;height:32px}}.product-hotspots__video-wrapper{margin-top:40px;width:100%;height:80vh;overflow:hidden}.product-hotspots__video{width:100%;height:100%;object-fit:cover;border-radius:10px}@media(prefers-reduced-motion:reduce){.hotspot__pulse{animation:none}.hotspot__tooltip,.hotspot__trigger,.hotspot__link,.product-hotspots__button{transition:none}}.hotspot__trigger:focus-visible,.hotspot__close:focus-visible,.hotspot__link:focus-visible,.product-hotspots__button:focus-visible{outline:2px solid var(--hotspot-accent);outline-offset:2px}.hotspot__trigger[aria-expanded=true] .line-vertical{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-product-hotspots.css.map */