.product-hotspots-section.color-scheme-1,.product-hotspots-section.color-scheme-2,.product-hotspots-section.color-scheme-3,.product-hotspots-section.color-scheme-4,.product-hotspots-section.color-scheme-5{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.product-hotspots-section .hotspots-placeholder{background:rgba(var(--color-foreground),.04);border-color:rgba(var(--color-foreground),.2)}.product-hotspots-section .hotspots-placeholder-content h3,.product-hotspots-section .hotspots-placeholder-content p{color:rgba(var(--color-foreground),.75)}.product-hotspots-section{margin:2rem 0;padding:0 1rem}.hotspots-container{max-width:1200px;margin:0 auto}.hotspots-image-wrapper{position:relative;display:inline-block;width:100%;max-width:100%;z-index:1}.hotspots-main-image{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 4px 20px #0000001a}.hotspots-placeholder{border:2px dashed;border-radius:12px;padding:60px 20px;text-align:center;margin:20px 0}.hotspots-placeholder-content h3{color:#6c757d;margin-bottom:10px;font-size:24px}.hotspots-placeholder-content p{color:#6c757d;font-size:16px;margin:0}.hotspot-marker{position:absolute;cursor:pointer;z-index:100;transform:translate(-50%,-50%)}.hotspot-circle{width:32px;height:32px;border:2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 12px #00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hotspot-pulse{position:relative}.hotspot-pulse:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:inherit;opacity:.7;animation:pulse-radiate 4s cubic-bezier(.4,0,.6,1) infinite;z-index:-1}@keyframes pulse-radiate{0%{transform:scale(1);opacity:.7}30%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}.hotspot-pulse-double{position:relative}.hotspot-pulse-double:before,.hotspot-pulse-double:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:inherit;z-index:-1}.hotspot-pulse-double:before{animation:pulse-double-first 4s cubic-bezier(.4,0,.6,1) infinite}.hotspot-pulse-double:after{animation:pulse-double-second 4s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-double-first{0%{transform:scale(1);opacity:.7}12.5%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}@keyframes pulse-double-second{0%,12.5%{transform:scale(1);opacity:0}12.5%{opacity:.7}25%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}.hotspot-pulse-breathe{position:relative}.hotspot-pulse-breathe:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:inherit;opacity:.4;animation:pulse-breathe 3s ease-in-out infinite;z-index:-1}@keyframes pulse-breathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.1}}.hotspot-pulse-ripple{position:relative}.hotspot-pulse-ripple:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:2px solid;border-color:inherit;background:transparent;animation:pulse-ripple 2s linear infinite;z-index:-1}@keyframes pulse-ripple{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.3}to{transform:scale(2.5);opacity:0}}.hotspot-pulse-glow{position:relative}.hotspot-pulse-glow:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:inherit;filter:blur(8px);animation:pulse-glow 2.5s ease-in-out infinite;z-index:-1}@keyframes pulse-glow{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1.4);opacity:.8}}.hotspot-plus{font-size:18px;font-weight:700;line-height:1;transition:all .3s ease;transform-origin:center center;display:flex;align-items:center;justify-content:center}.hotspot-marker:hover .hotspot-circle{box-shadow:0 4px 20px #00000040;filter:brightness(.6)}.hotspot-marker:hover .hotspot-plus{transform:rotate(45deg)}.hotspot-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:200px;max-width:320px;box-shadow:0 12px 40px #00000040;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:20000;padding:16px;font-size:14px;line-height:1.5;border:1px solid rgba(0,0,0,.1);pointer-events:none}.hotspot-tooltip.visible{opacity:1;visibility:visible;pointer-events:auto}@media (min-width: 769px){.hotspot-tooltip:after{display:none!important}}@media (max-width: 768px){.hotspot-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:inherit}}.tooltip-image{width:100%;height:auto;border-radius:8px;display:block}.tooltip-html-content h1,.tooltip-html-content h2,.tooltip-html-content h3,.tooltip-html-content h4,.tooltip-html-content h5,.tooltip-html-content h6{margin:0 0 8px;font-weight:600;line-height:1.3}.tooltip-html-content h1{font-size:20px}.tooltip-html-content h2{font-size:18px}.tooltip-html-content h3{font-size:16px}.tooltip-html-content h4{font-size:15px}.tooltip-html-content h5{font-size:14px}.tooltip-html-content h6{font-size:13px}.tooltip-html-content p{margin:0 0 8px;line-height:1.5}.tooltip-html-content p:last-child{margin-bottom:0}.tooltip-html-content ul,.tooltip-html-content ol{margin:0 0 8px;padding-left:20px}.tooltip-html-content li{margin-bottom:4px}.tooltip-html-content a{color:inherit;text-decoration:underline}.tooltip-html-content a:hover{text-decoration:none}.tooltip-html-content strong,.tooltip-html-content b{font-weight:600}.tooltip-html-content em,.tooltip-html-content i{font-style:italic}.tooltip-placeholder{color:#999;font-style:italic;text-align:center;padding:20px}@media (max-width: 768px){.hotspot-circle{width:28px;height:28px}.hotspot-plus{font-size:16px}.product-hotspots-section{padding:0 .5rem}.hotspot-tooltip{position:fixed!important;left:50%!important;right:auto!important;bottom:20px!important;top:auto!important;transform:translate(-50%)!important;margin:0;max-width:calc(100vw - 40px);min-width:200px;font-size:13px;padding:12px}.hotspot-tooltip.visible{transform:translate(-50%)!important}}@media (max-width: 480px){.hotspot-circle{width:20px;height:20px;border:1px solid}.hotspot-plus{font-size:10px}.hotspot-tooltip{max-width:calc(100vw - 20px);padding:10px;font-size:12px}.tooltip-html-content h1{font-size:18px}.tooltip-html-content h2{font-size:16px}.tooltip-html-content h3{font-size:15px}.tooltip-html-content h4{font-size:14px}.tooltip-html-content h5{font-size:13px}.tooltip-html-content h6{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/product-hotspots.css.map */