/* Mobile styling for menu */

@media (max-width: 1030px) {

    .menu {
        margin-top: 4rem;
        padding: 2rem;
    }

    .menu h2 {
        font-size: 2.2rem;
    }

    .title-bar {
        width: 2.5rem;
        height: 0.45rem;
        margin-bottom: 1rem;
    }

    .dietary-group {
        gap: 0;
    }

    .dietary-container {
        margin-bottom: 0.5rem;
    }

    .menu-grid {
        padding-top: 0.5rem;
    }

}