/* ============= WHATSAPP FLOATING BUTTON ============= */
        .whatsapp-float {
            position: fixed;
            bottom: 2rem;
            left: 2rem; /* Sits opposite to your 'Back to Top' button */
            z-index: 998; /* Just below modals but above standard content */
            display: flex;
            align-items: center;
            text-decoration: none;
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .whatsapp-float:hover {
            transform: scale(1.05) translateY(-5px);
        }

        /* Ensure it doesn't overlap on very small screens */
        @media (max-width: 640px) {
            .whatsapp-float {
                bottom: 1.5rem;
                left: 1rem;
            }
        }