/* SGH Bubble Block Styles */

.sgh-bubble-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    pointer-events: none;
    z-index: -1;
}

.sgh-bubble {
    position: absolute;
    border-radius: 50%;
    filter: blur(1px);
    opacity: 0.7;
    will-change: transform, opacity;
    backface-visibility: hidden;
    perspective: 1000px;
    z-index: 10;
    margin-top: -25%;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .sgh-bubble {
        transform: scale(0.6) !important;
    }
}

@media (max-width: 480px) {
    .sgh-bubble {
        transform: scale(0.4) !important;
    }
}