.image-hotspots-wrapper{position:relative;width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);display:block;padding:0}.image-hotspots-wrapper img{width:100%;height:auto;display:block;margin:0;padding:0}.hotspot-trigger{position:absolute;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#000;border:2px solid rgba(255,255,255,.9);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hotspot-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.8);animation:hotspot-pulse 2s ease-out infinite;pointer-events:none}.hotspot-trigger:hover{background:#000000f2;border-color:#fff;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 20px #ffffff4d}.hotspot-trigger:hover:before{animation:none;opacity:0}.hotspot-plus{color:#fff;font-size:15px;font-weight:400;line-height:1;display:block;margin-top:-2px;position:relative;z-index:1}@keyframes hotspot-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.hotspot-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.hotspot-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.hotspot-modal-content{position:relative;background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #ffffff4d;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hotspot-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease;box-shadow:0 2px 8px #ffffff1a}.hotspot-modal-close:hover{background:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #ffffff26}.hotspot-modal-close svg{width:20px;height:20px;stroke:#000}.hotspot-modal-inner{padding:24px;display:flex;flex-direction:column;gap:20px}.hotspot-product-image{width:100%;background:#fff;border-radius:8px;overflow:hidden}.hotspot-product-image img{width:100%;height:auto;display:block}.hotspot-product-title{font-family:Helvetica;font-size:10px;font-weight:400;line-height:1.4;color:#000;margin:0;text-align:center}.hotspot-product-price{display:flex;align-items:center;justify-content:center;gap:12px;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.price-compare{font-size:12px;color:#d01d1d;text-decoration:line-through}.price-final{font-size:12px!important;font-weight:600;color:#000}.hotspot-view-product{display:inline-block;width:100%;text-align:center;background:#000;color:#fff;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;text-decoration:none;text-transform:none;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none}.hotspot-view-product:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 20px #fff3}@media screen and (max-width:749px){.hotspot-trigger{width:30px;height:30px}.hotspot-plus{font-size:15px}.hotspot-modal-content{max-width:calc(100% - 32px);border-radius:10px}.hotspot-modal-inner{padding:20px;gap:7px}.hotspot-product-title,.price-final{font-size:14px}.hotspot-modal-close{width:36px;height:36px;top:12px;right:12px}}@media screen and (min-width:750px)and (max-width:989px){.hotspot-modal-content{max-width:480px}}@media screen and (min-width:990px){.hotspot-modal-content{max-width:520px}.hotspot-modal-inner{padding:20px;gap:6px}}.hotspot-modal-content{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.hotspot-modal-content::-webkit-scrollbar{width:6px}.hotspot-modal-content::-webkit-scrollbar-track{background:transparent}.hotspot-modal-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.hotspot-trigger:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.hotspot-modal-close:focus-visible{outline:2px solid #000000;outline-offset:2px}.hotspot-view-product:focus-visible{outline:2px solid #000000;outline-offset:4px}.image-hotspots-wrapper.aspect-ratio-square{aspect-ratio:1 / 1;overflow:hidden}.image-hotspots-wrapper.aspect-ratio-portrait{aspect-ratio:2 / 3;overflow:hidden}.image-hotspots-wrapper.aspect-ratio-landscape{aspect-ratio:16 / 9;overflow:hidden}.image-hotspots-wrapper.aspect-ratio-landscape_wide{aspect-ratio:21 / 9;overflow:hidden}.image-hotspots-wrapper.aspect-ratio-square img,.image-hotspots-wrapper.aspect-ratio-portrait img,.image-hotspots-wrapper.aspect-ratio-landscape img,.image-hotspots-wrapper.aspect-ratio-landscape_wide img{width:100%;height:100%;object-fit:cover;object-position:center}.hotspot-product-image.aspect-ratio-square{aspect-ratio:1 / 1}.hotspot-product-image.aspect-ratio-portrait{aspect-ratio:2 / 3}.hotspot-product-image.aspect-ratio-portrait_tall{aspect-ratio:3 / 4}.hotspot-product-image.aspect-ratio-square img,.hotspot-product-image.aspect-ratio-portrait img,.hotspot-product-image.aspect-ratio-portrait_tall img{width:100%;height:100%;object-fit:cover;object-position:center}.visibility-desktop{display:block}.visibility-mobile{display:none}@media screen and (max-width:749px){.visibility-desktop{display:none}.visibility-mobile,.visibility-both{display:block}}@media screen and (min-width:750px){.visibility-desktop{display:block}.visibility-mobile{display:none}.visibility-both{display:block}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-with-hotspots.css.map */