/* magnets-hotspots.css */
.magnets-hotspots{position:absolute;inset:0;pointer-events:none;z-index:5}
.magnets-hotspots.is-active{pointer-events:auto}
.magnets-hotspots__layer{position:absolute;inset:0}
.magnets-hotspots__dot{position:absolute;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:999px;background:rgba(255,77,77,1);border:2px solid rgba(255,255,255,.9);cursor:pointer}
.magnets-hotspots__dot::after{content:"";position:absolute;inset:-2px;border-radius:999px;animation:magnetsPulse 1.5s infinite}
@keyframes magnetsPulse{0%{box-shadow:0 0 0 0 rgba(255,77,77,.5)}100%{box-shadow:0 0 0 16px rgba(255,77,77,0)}}
.magnets-hotspots__dot:focus-visible{outline:3px solid rgba(0,0,0,.6);outline-offset:2px}
.magnets-hotspots__modal[hidden]{display:none!important}
.magnets-hotspots__modal{position:fixed;inset:0;z-index:1000}
.magnets-hotspots__modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.magnets-hotspots__modal-dialog{position:relative;max-width:900px;width:calc(100% - 32px);margin:6vh auto;background:#fff;border-radius:16px;overflow:hidden}
.magnets-hotspots__modal-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-size:22px;line-height:1}
.magnets-hotspots__modal-content{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;padding:16px}
.magnets-hotspots__modal-media img{width:100%;height:auto;display:block;border-radius:12px}
@media (max-width:749px){.magnets-hotspots__modal-content{grid-template-columns:1fr}}