/* --- Robot Widget Positioning (Fixed & Visible) --- */
.uv-robot-wrapper {
    position: fixed;
    /* Desktop: Perfect Position */
    bottom: 20px !important; 
    right: 20px !important;   
    
    width: 300px;
    height: 500px;
    
    z-index: 999999;
    cursor: pointer;
    
    /* Desktop Scale */
    transform: scale(0.35);
    transform-origin: bottom right;
    
    display: flex;
    justify-content: center;
    align-items: flex-end; 
    pointer-events: auto;
    
    animation: float-robot 6s ease-in-out infinite;
}

/* --- Mobile Adjustment (Lowered Position) --- */
@media (max-width: 480px) {
    .uv-robot-wrapper {
        transform: scale(0.20);
        
        /* Mobile Right Margin */
        right: 10px !important; 
        
        /* FIX: 80px से घटाकर 10px किया ताकि ज्यादा ऊपर न दिखे */
        bottom: 10px !important; 
    }
}

/* --- Chat CTA Label (No Arrow, High Position) --- */
.uv-robot-cta {
    position: absolute;
    
    /* Label Position inside Wrapper */
    bottom: 35px; 
    left: 50%;
    transform: translateX(-50%);
    
    background: #008080;
    color: #FFF;
    
    font-family: 'Alegreya Sans SC', sans-serif;
    font-weight: 700;
    font-size: 40px; 
    letter-spacing: 1px;
    
    padding: 15px 35px;
    border-radius: 50px;
    border: 3px solid #FFF;
    
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    white-space: nowrap;
    z-index: 100;
    
    animation: pop-in 3s infinite ease-in-out;
}

/* --- ARROW REMOVED --- */
.uv-robot-cta::after {
    display: none; 
}

/* --- Robot Body (High Contrast Shadow) --- */
.robot {
    position: relative;
    width: 200px;
    height: 350px;
    margin-bottom: 120px; /* Space for Label */
    
    /* Drop Shadow for visibility on white bg */
    filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.5));
}

/* Head */
.head-group {
    position: absolute; top: 0; left: 50%;
    transform: translateX(-50%);
    width: 150px; height: 120px; z-index: 10;
}

.head-shape {
    width: 100%; height: 100%;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #e0f2f1 50%, #b2dfdb 100%);
    border-radius: 65px;
    box-shadow: inset 2px 2px 5px #fff, 0 15px 35px rgba(0,77,64,0.2);
    position: relative; z-index: 2;
}

/* Ears */
.ear {
    position: absolute; top: -15px; width: 34px; height: 45px;
    background: linear-gradient(135deg, #ffffff 20%, #b2dfdb 100%);
    border-radius: 10px 10px 0 0; z-index: 1;
}
.ear.left { left: 20px; transform: rotate(-15deg); }
.ear.right { right: 20px; transform: rotate(15deg); }

/* Face Screen */
.face-screen {
    position: absolute; top: 55%; left: 50%;
    transform: translate(-50%, -50%);
    width: 120px; height: 80px; background: #00251a;
    border-radius: 45px; overflow: hidden;
    display: flex; justify-content: center; align-items: center;
    box-shadow: inset 0 0 20px #000;
}

/* Eyes */
.eyes-container { display: flex; gap: 20px; animation: blink-robot 4s infinite; }
.eye {
    width: 28px; height: 18px;
    border-top: 6px solid #1de9b6;
    border-radius: 50% 50% 0 0;
    box-shadow: 0 -2px 12px rgba(29, 233, 182, 0.8);
}

/* Cheeks */
.cheek {
    position: absolute; bottom: 25px; width: 12px; height: 6px;
    background: rgba(255, 100, 100, 0.3); border-radius: 50%; filter: blur(2px);
}
.cheek.left { left: 25px; } .cheek.right { right: 25px; }

/* Body */
.neck {
    position: absolute; top: 115px; left: 50%; transform: translateX(-50%);
    width: 50px; height: 30px; background: #004d40; border-radius: 10px; z-index: 4;
}

.torso {
    position: absolute; top: 130px; left: 50%; transform: translateX(-50%);
    width: 110px; height: 140px;
    background: radial-gradient(circle at 75% 25%, #ffffff 0%, #e0f2f1 50%, #b2dfdb 100%);
    border-radius: 50px 50px 60px 60px; z-index: 5;
    box-shadow: inset 3px 3px 8px #fff, 0 15px 30px rgba(0,77,64,0.2);
}

.glow-strip {
    position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);
    width: 70%; height: 5px; background: #1de9b6;
    border-radius: 3px; box-shadow: 0 0 15px #1de9b6;
    animation: glow-pulse 2s infinite alternate;
}

/* Arms */
.arm {
    position: absolute; top: 145px; width: 40px; height: 90px;
    background: #fff; border-radius: 20px; z-index: 4;
    box-shadow: inset -3px -3px 8px rgba(0,0,0,0.1);
}
.arm.left { left: 10px; transform: rotate(8deg); transform-origin: top center; }
.arm.right { right: 10px; transform: rotate(-8deg); transform-origin: top center; }

/* Shadow (Ground) */
.shadow {
    position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%);
    width: 120px; height: 20px; background: rgba(0,0,0,0.15);
    border-radius: 50%; filter: blur(8px);
    animation: shadow-move 6s ease-in-out infinite;
}

/* Speech Bubble (Small "Hi") */
.speech-bubble {
    position: absolute; top: -60px; right: -80px;
    background: #fff; padding: 15px 25px; border-radius: 30px;
    font-size: 30px; font-weight: 800; color: #004d40;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); opacity: 0;
    animation: fade-hi 5s infinite;
}

/* Animations */
@keyframes float-robot { 0%, 100% { transform: scale(0.35) translateY(0); } 50% { transform: scale(0.35) translateY(-30px); } }
@keyframes shadow-move { 0%, 100% { transform: translateX(-50%) scale(1); opacity: 0.3; } 50% { transform: translateX(-50%) scale(0.8); opacity: 0.1; } }
@keyframes blink-robot { 0%, 48%, 52%, 100% { transform: scaleY(1); } 50% { transform: scaleY(0.1); } }
@keyframes glow-pulse { from { opacity: 0.6; } to { opacity: 1; } }
@keyframes pop-in { 0%, 100% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.05); } }
@keyframes fade-hi { 0%, 80%, 100% { opacity: 0; transform: scale(0); } 10%, 70% { opacity: 1; transform: scale(1); } }

/* Wave Animation */
.animate-wave .arm.right { animation: wave-hand 1s infinite; }
@keyframes wave-hand { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(-60deg); } }