@media (max-width: 660px) {
    :root {
        --container: calc(100% - 20px);
    }

    .dish__content {
        padding: 10px;
    }

    .dish__name {
        font-size: 14px;
        margin: 0 0 10px 0;
    }
    
    .dish__prop-item.dish__prop-item_price {
        font-size: 16px;
    }
    
    .dish__prop-item.dish__prop-item_weight {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .header {
        margin: 0 0 20px 0;
    }

    .menu-header {
        gap: 0;
    }

    .menu-header .menu-nav {
        width: calc(100% - 35px);
    }

    .menu-header .menu-burger {
        --size: 35px;
    }

    .menu-header .menu-nav__item {
        height: 35px;
    }

    .menu-nav__item {
        padding: 5px 10px;
        border-radius: 20px;
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    .order-item {
        grid-template-columns: 50px 1fr 90px;
        gap: 5px;
    }

    .qty {
        --size: 30px;
    }

    .qty__button {
        font-size: 28px;
    }
    
    .qty__input {
        font-size: 14px;
    }
}