@media screen and (max-width: 600px) {
    .wcmobilemenu-nav {
        position: fixed;
        left: 0; right: 0; bottom: 0;
        background: #fff;
        border-top: 1px solid #eee;
        display: flex;
        justify-content: space-around;
        align-items: center;
        z-index: 9999;
        padding: 8px 0;
        box-shadow: 0 -2px 8px rgba(0,0,0,0.05);
    }
    .wcmobilemenu-nav a {
        flex: 1;
        text-align: center;
        color: #222;
        text-decoration: none;
        font-size: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wcmobilemenu-nav .dashicons {
        font-size: 22px;
        margin-bottom: 2px;
    }
} 