.np-hotspot-section{padding:0}.np-hotspot-heading{text-align:center;margin-bottom:2.5rem}.np-hotspot-heading h2{margin-bottom:.5rem}.np-hotspot-wrap{position:relative;width:100%;overflow:hidden;line-height:0}.np-hotspot-image{display:block;width:100%;height:auto;margin:0}.np-hotspot-placeholder svg{width:100%;height:auto}.np-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:5}.np-hotspot-toggle{position:relative;width:44px;height:44px;border-radius:50%;background:#fffffff2;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0003;padding:0}.np-hotspot-ping{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ffffffbf;animation:np-heartbeat 1.8s ease-out infinite;pointer-events:none}@keyframes np-heartbeat{0%{transform:scale(1);opacity:.7}70%{transform:scale(2.1);opacity:0}to{transform:scale(2.1);opacity:0}}.np-hotspot-icon{position:relative;width:18px;height:18px;color:#1a1a1a}.np-icon-plus,.np-icon-close{position:absolute;top:0;right:0;bottom:0;left:0;width:18px;height:18px;transition:opacity .2s ease,transform .2s ease}.np-icon-close{opacity:0;transform:rotate(-45deg)}.np-hotspot.is-active .np-icon-plus{opacity:0;transform:rotate(45deg)}.np-hotspot.is-active .np-icon-close{opacity:1;transform:rotate(0)}.np-hotspot.is-active .np-hotspot-ping{animation:none;opacity:0}.np-hotspot-card{position:absolute;left:56px;top:50%;transform:translateY(-50%) scale(.96);width:320px;max-height:320px;background:#fff;border-radius:10px;box-shadow:0 8px 30px #0000002e;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:10}.np-hotspot.is-active .np-hotspot-card{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) scale(1)}.np-hotspot-card-inner{padding:1.5rem;max-height:320px;overflow-y:auto}.np-hotspot-card h3{margin:0 0 .75rem;font-size:1.1rem}.np-hotspot-desc{font-size:.95rem;line-height:1.6;color:#333}.np-hotspot-link{display:inline-block;margin-top:.75rem;font-weight:600;text-decoration:underline;color:inherit}.np-hotspot--flip .np-hotspot-card{left:auto;right:56px}@media(max-width:749px){.np-hotspot-card,.np-hotspot--flip .np-hotspot-card{left:50%;right:auto;top:56px;transform:translate(-50%) scale(.96);width:240px;max-height:240px}.np-hotspot.is-active .np-hotspot-card,.np-hotspot--flip.is-active .np-hotspot-card{transform:translate(-50%) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-image-hotspots.css.map */