/* --- SATURN HOTSPOTS --- */
.sb-hotspots-wrapper {
    position: relative;
    border-radius: var(--sb-radius);
    overflow: hidden;
    box-shadow: var(--sb-shadow);
}

.sb-hotspots-img { width: 100%; display: block; }

.sb-hotspot-item { position: absolute; z-index: 5; }

.sb-hotspot-point {
    width: 30px; height: 30px;
    background: #fff !important;
    color: #000 !important;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-weight: bold;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: var(--sb-transition);
}

.sb-hotspot-point i { font-size: 14px; }
.sb-hotspot-point svg { width: 14px; height: 14px; fill: currentColor; }

.sb-hotspot-point::after {
    content: ''; position: absolute; inset: 0; border-radius: 50%;
    animation: sb-pulse 2s infinite;
    box-shadow: 0 0 0 0 rgba(255,255,255,0.7);
}

@keyframes sb-pulse { 70% { transform: scale(2.5); opacity: 0; box-shadow: 0 0 0 10px rgba(255,255,255,0); } 100% { opacity: 0; } }

.sb-hotspot-tooltip {
    position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%) translateY(10px);
    width: 200px; padding: 15px; background: #fff; border-radius: 15px;
    box-shadow: var(--sb-shadow); opacity: 0; visibility: hidden;
    transition: var(--sb-transition); z-index: 10;
    pointer-events: none;
}

.sb-hotspot-item:hover .sb-hotspot-tooltip { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: all; }

.sb-hotspot-tooltip h4 { margin: 0 0 10px 0; font-size: 16px; font-weight: 700; color: #111; }
.sb-hotspot-tooltip p { margin: 0; font-size: 14px; line-height: 1.5; color: #666; }