/* The Auto Text Box at the Bottom */
        #autoTextBox {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #fff;
            color: #3c413f;
            text-align: center;
            padding: 8px;
            box-shadow: 0 -4px 15px rgba(0,0,0,0.2);
            z-index: 1000;

            /* Smooth animation for hide/show */
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transform: translateY(0);
        }

        /* Unique and descriptive class name */
        #autoTextBox.js-is-scrolled-hidden {
            transform: translateY(100%);
        }

        /* --- CSS for smooth text change --- */
        #changingText {
            display: inline-block; /* Required for transitions */
            opacity: 1;
            transition: opacity 0.5s ease-in-out; /* Fade in/out effect */
        }

        /* When text should fade out */
        #changingText.is-fading-out {
            opacity: 0;
        }