.image-hotspot-section{position:relative}.image-hotspot__container{position:relative;margin:0 auto;max-width:60%}.image-hotspot__wrapper{position:relative;display:inline-block;width:100%}.image-hotspot__image{position:relative;display:inline-block;width:100%;line-height:0}.image-hotspot__bg-image{width:100%;height:auto;border-radius:var(--media-radius)}.image-hotspot__placeholder{position:relative;width:100%;background:rgba(var(--color-foreground),.04)}.hotspot{position:absolute}.hotspot__button{position:relative;width:2.5rem;height:2.5rem;border:none;background:#ffffffe6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px #00000026;z-index:1}.hotspot__button:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 20px #0003}.hotspot__dot{width:.75rem;height:.75rem;background:rgb(var(--color-button));border-radius:50%;display:block}.hotspot__pulse{position:absolute;width:100%;height:100%;border:2px solid rgb(var(--color-button));border-radius:50%;animation:hotspot-pulse 2s infinite;opacity:.6}@keyframes hotspot-pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}.hotspot__tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%) translateY(-10px);background:rgb(var(--color-background));border-radius:8px;padding:1.2rem;box-shadow:0 10px 40px #00000026;min-width:280px;max-width:320px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;border:1px solid rgba(var(--color-foreground),.1)}.hotspot__tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgb(var(--color-background))}.hotspot:hover .hotspot__tooltip,.hotspot.active .hotspot__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-15px);z-index:100!important}.hotspot.active .hotspot__button{z-index:5!important;transform:scale(.8)!important;opacity:.7!important}.hotspot__product{display:flex;gap:1rem;align-items:flex-start}.hotspot__product-image{flex-shrink:0;width:6rem;height:6rem;border-radius:var(--radius);overflow:hidden}.hotspot__product-image img{width:100%;height:100%;object-fit:cover}.hotspot__product-info{flex:1;min-width:0}.hotspot__product-title{font-size:1.4rem;font-weight:600;margin:0 0 .5rem;line-height:1.3;color:rgb(var(--color-foreground));font-family:Poppins,sans-serif}.hotspot__price{font-size:1.6rem;font-weight:700;color:rgb(var(--color-foreground));margin:.5rem 0;line-height:1.8rem}.hotspot__compare-price{font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin-left:.5rem}.hotspot__link{margin-top:.5rem;width:100%;text-align:center;min-height:30px;padding:8px;background:#255a2f}.hotspot__link:before,.hotspot__link:after{box-shadow:none!important}.hotspot__custom-title{font-size:1.6rem;font-weight:600;margin:0 0 .5rem;color:rgb(var(--color-foreground))}.hotspot__custom-description{font-size:1.4rem;color:rgba(var(--color-foreground),.75);margin:0 0 1rem;line-height:1.4}@media screen and (max-width: 749px){.image-hotspot__container{max-width:100%}.hotspot__button{width:1.4rem;height:1.4rem;z-index:1}.hotspot__dot{width:.5rem;height:.5rem}.hotspot__tooltip{position:absolute!important;top:50%!important;left:50%!important;bottom:auto!important;transform:translate(-46%,-40%) scale(.95)!important;min-width:200px;max-width:calc(100vw - 2rem);padding:1.1rem;z-index:1000!important;border-radius:12px}.hotspot.active .hotspot__tooltip{transform:translate(-50%,-50%) scale(1)!important;opacity:1;visibility:visible}.hotspot__tooltip-arrow{display:none!important}.hotspot.active .hotspot__button{z-index:1!important;transform:scale(.6)!important;opacity:.4!important;pointer-events:none!important}.hotspot__product{flex-direction:column;text-align:center}.hotspot__product-image,.hotspot__product-info{align-self:center}.hotspot__product-title{font-size:1.2rem}.hotspot-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hotspot.hotspot-5 .hotspot__tooltip{transform:translate(-50px,10px)!important}}@media (hover: none) and (pointer: coarse){.hotspot__tooltip{position:absolute;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);max-width:90vw;z-index:10000}.hotspot.active .hotspot__tooltip{transform:translate(-50%,-50%) scale(1)}.hotspot__tooltip-arrow{display:none}}.hotspot[style*="top: 0%"] .hotspot__tooltip,.hotspot[style*="top: 1%"] .hotspot__tooltip,.hotspot[style*="top: 2%"] .hotspot__tooltip,.hotspot[style*="top: 3%"] .hotspot__tooltip,.hotspot[style*="top: 4%"] .hotspot__tooltip,.hotspot[style*="top: 5%"] .hotspot__tooltip{bottom:auto!important;top:calc(100% + 15px)!important}.hotspot[style*="top: 0%"] .hotspot__tooltip-arrow,.hotspot[style*="top: 1%"] .hotspot__tooltip-arrow,.hotspot[style*="top: 2%"] .hotspot__tooltip-arrow,.hotspot[style*="top: 3%"] .hotspot__tooltip-arrow,.hotspot[style*="top: 4%"] .hotspot__tooltip-arrow,.hotspot[style*="top: 5%"] .hotspot__tooltip-arrow{top:auto!important;bottom:100%!important;border-top:none!important;border-bottom:8px solid rgb(var(--color-background))!important}
/*# sourceMappingURL=/cdn/shop/t/63/assets/component-image-hotspot.css.map */