.product-hotspot{overflow:hidden;position:relative}.product-hotspot__picture{pointer-events:none}.product-hotspot__picture img{display:block;width:100%;height:auto;position:relative;max-height:var(--media-height,100%);overflow:hidden;-o-object-fit:cover;object-fit:cover}@media (min-width:750px){.product-hotspot__picture img{max-height:var(--media-height-mobile,100%)}}.product-hotspot hotspot-point{display:block;position:absolute;cursor:pointer;min-height:33px;aspect-ratio:1;left:var(--left-distance-mobile);top:var(--top-distance-mobile);-webkit-transform:translate(var(--left-distance-mobile),var(--top-distance-mobile));transform:translate(var(--left-distance-mobile),var(--top-distance-mobile))}@media (min-width:750px){.product-hotspot hotspot-point{left:var(--left-distance);top:var(--top-distance);-webkit-transform:translate(var(--left-distance),var(--top-distance));transform:translate(var(--left-distance),var(--top-distance))}}.product-hotspot hotspot-point:hover:after{-webkit-animation-play-state:running;animation-play-state:running}.product-hotspot hotspot-point:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:9px solid rgba(255,255,255,.2);-webkit-animation:borderPulsate 2s ease-in-out infinite;animation:borderPulsate 2s ease-in-out infinite;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes borderPulsate{0%,100%{border-color:rgba(255,255,255,.2)}50%{border-color:rgba(255,255,255,.4)}}@keyframes borderPulsate{0%,100%{border-color:rgba(255,255,255,.2)}50%{border-color:rgba(255,255,255,.4)}}.product-hotspot hotspot-point-product{position:absolute;inset:0}.product-hotspot .spot-wrapper{display:block;border-radius:50%;background:#fff;width:100%;height:100%}.product-hotspot .spot-wrapper::after,.product-hotspot .spot-wrapper::before{content:"";display:block;width:11px;height:1px;background-color:currentColor;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:1}@media (min-width:750px){.product-hotspot .spot-wrapper::after,.product-hotspot .spot-wrapper::before{width:13px}}.product-hotspot .spot-wrapper::after{-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}.product-hotspot .spot-product--info{--border-width:0;--media-border-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;inset:0;opacity:0;pointer-events:none;z-index:1;isolation:isolate;background-color:rgba(0,0,0,.4)}.product-hotspot .spot-product--info.open{pointer-events:all}.product-hotspot .spot-product--info .quick-add-hidden{display:none}.product-hotspot .spot-product--wrapper{position:relative;margin-inline:auto;margin-block:0;margin-top:18px;background-color:#f8f5f3;border-radius:8px;overflow-y:auto;overflow-x:hidden;max-width:66.66667%;max-height:calc(100% - 36px);padding-top:12px;padding-inline:24px}@media (min-width:750px){.product-hotspot .spot-product--wrapper{max-width:500px;padding-top:0;margin-top:0;width:100%;max-height:88%;padding-inline:0}}@media (min-width:990px){.product-hotspot .spot-product--wrapper{width:33.33333%}}.product-hotspot .spot-product--title{display:block;margin:0 auto;text-align:center;margin-top:6px}@media (min-width:750px){.product-hotspot .spot-product--title{padding-inline:36px;margin-top:14px}}.product-hotspot .spot-product--price{display:block;text-align:center;margin-top:6px}@media (min-width:750px){.product-hotspot .spot-product--price{margin-top:12px}}.product-hotspot .spot-product--add{display:block;margin-top:16px;padding-bottom:24px}@media (min-width:750px){.product-hotspot .spot-product--add{padding-bottom:38px}}.product-hotspot .spot-product--add .product-form__buttons{max-width:none}.product-hotspot .spot-product--add .product-form__submit{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;width:auto}@media (min-width:750px){.product-hotspot .spot-product--media{display:block;margin:0 auto;max-width:calc(100% - 88px)}}.product-hotspot .spot-product--media .product-media-container{--aspect-ratio:var(--preview-ratio);--ratio-percent:calc(1 / var(--aspect-ratio) * 100%);position:relative;width:100%;max-width:calc(100% - calc(var(--media-border-width) * 2))}.product-hotspot .spot-product--media .product-media-container .media{padding-top:var(--ratio-percent)}.product-hotspot .spot-product--icon{position:absolute;background-color:#000;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;color:#fff;width:25px;height:25px;right:8px;top:8px;z-index:3;border-radius:50%;cursor:pointer}@media (min-width:750px){.product-hotspot .spot-product--icon{width:33px;height:33px}}.product-hotspot .spot-product--icon:hover{background-color:rgba(0,0,0,.6)}.product-hotspot .spot-product--icon::after,.product-hotspot .spot-product--icon::before{content:"";display:block;width:11px;height:1px;background-color:currentColor;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:1}@media (min-width:750px){.product-hotspot .spot-product--icon::after,.product-hotspot .spot-product--icon::before{width:13px}}.product-hotspot .spot-product--icon::after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}