/* ===== ORIGINAL GENIE IMAGE 3D EFFECT ===== */
.ulg-genie-image {
    width: 100%;
    max-width: 600px;
    height: auto;
    filter: drop-shadow(0 30px 60px rgba(0, 209, 255, 0.25));
    transform-style: preserve-3d;
    transition: transform 0.5s ease;
    will-change: transform;
}

.ulg-hero-visual:hover .ulg-genie-image {
    transform: perspective(1000px) rotateX(5deg) rotateY(5deg) translateZ(20px);
}

/* ===== SMOOTH PARALLAX ===== */
.ulg-genie-image {
    transition: transform 0.3s ease;
    will-change: transform;
}

.ulg-hero-visual {
    transform-style: preserve-3d;
}

/* ===== GENIE SPEECH BUBBLE ANIMATION ===== */
.ulg-genie-speech-box {
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    background: rgba(7, 18, 47, 0.95);
    backdrop-filter: blur(20px);
    padding: 12px 20px;
    border-radius: 20px;
    border: 2px solid #00d1ff;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 10px 30px rgba(0, 209, 255, 0.4);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    pointer-events: none;
}

.ulg-genie-speech-box.active {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

/* ===== GENIE IMAGE GLOW ===== */
.ulg-genie-image {
    filter: drop-shadow(0 20px 40px rgba(0, 209, 255, 0.3));
}

.ulg-hero-visual:hover .ulg-genie-image {
    filter: drop-shadow(0 30px 60px rgba(0, 209, 255, 0.45));
}