
        /* Ensure proper body spacing */
        body {
            padding-bottom: 50px !important;  Match nav height 
            min-height: 100vh;
            position: relative;
        }

        .mobile-bottom-nav a:visited {
            color: unset !important;
        }

        .mobile-bottom-nav a {
            color: unset !important;
        }

        .mobile-bottom-nav, .t360-bottom-nav-body {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;  /* Changed from 100vw to prevent horizontal scroll */
            overflow: hidden; /* Changed from clip for better browser support */
            right: 0;
            z-index: 1000;
            will-change: transform;
            transform: translateZ(0);
            display: flex;
            height: 100px;
            box-shadow: 0 -2px 5px -2px #333;
            background-color: #fff;
            -webkit-backface-visibility: hidden; /* Prevent flickering on scroll */
            backface-visibility: hidden;
           /* padding-bottom: 40px; */
        }

        .mobile-bottom-nav__item {
            flex-grow: 1;
            text-align: center;
            font-size: 12px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            cursor: pointer;
            user-select: none;
            transition: color 0.2s ease;
        }

        .mobile-bottom-nav__item--active {
            color: #0086ff;
        }

        .mobile-bottom-nav__item-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 4px; /* Add space between icon and text */
        }

         Fix icon alignment 
        .mobile-bottom-nav__item-content i {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 2px;
        }

         Ensure nav stays above WP admin bar if logged in 
        .admin-bar .mobile-bottom-nav {
            z-index: 99999;
        }

        @media screen and (min-width: 783px) {
            .mobile-bottom-nav {
                display: none; /* Optional: hide on desktop */
            }
            body {
                padding-bottom: 0 !important;
            }
        }