.shoppable-banner-wrapper{position:relative;width:100%;max-width:1536px;margin:0 auto;aspect-ratio:3 / 2;overflow:hidden;background:transparent}.shoppable-banner-wrapper img{width:100%;height:100%;display:block;object-fit:contain}.desktop-banner{display:block}.mobile-banner{display:none}.hotspot{position:absolute;width:26px;height:26px;background:#fff;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #00000040;transition:transform .25s ease;top:var(--dy);left:var(--dx)}.hotspot:after{content:"";width:10px;height:10px;background:#000;border-radius:50%}.hotspot:hover{transform:scale(1.1)}.hotspot-popup{position:absolute;top:50%;left:36px;transform:translateY(-50%);background:#fff;border-radius:14px;box-shadow:0 4px 20px #00000040;padding:14px;width:280px;display:none;z-index:20;gap:14px;align-items:center}.hotspot:hover .hotspot-popup,.hotspot.open .hotspot-popup{display:flex}.hotspot-popup:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);border:10px solid transparent;border-right-color:#fff}.hotspot-popup img{width:100px;height:120px;border-radius:10px;object-fit:cover}.hotspot-popup h4{margin:0;font-size:15px;font-weight:600}.hotspot-popup p{margin:0;font-size:14px}.hotspot-popup p span{color:#888;text-decoration:line-through;margin-right:6px}.hotspot[data-side=right] .hotspot-popup{left:auto;right:36px}.hotspot[data-side=right] .hotspot-popup:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#fff}@media(max-width:767px){.shoppable-banner-wrapper{aspect-ratio:9 / 16;max-width:900px}.desktop-banner{display:none!important}.mobile-banner{display:block!important;width:100%;height:100%;object-fit:contain}.hotspot{width:22px;height:22px;top:var(--my);left:var(--mx)}.hotspot-popup{position:fixed;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:260px;max-width:calc(100vw - 32px);padding:12px;z-index:999}.hotspot-popup:before{display:none}.hotspot.open:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:998}.hotspot.open{opacity:0;visibility:hidden}.hotspot-popup img{width:90px;height:110px}}
/*# sourceMappingURL=/cdn/shop/t/1/compiled_assets/styles.css.map */