@media (max-width: 767.98px) {
    .item-pedido {
      flex-direction: column !important; /* força coluna no sm e abaixo */
      align-items: flex-start !important;
    }
    .item-pedido > .info-produto {
      margin-bottom: 1rem;
    }
    .item-pedido > .controles-carrinho {
      width: 100%;
      justify-content: flex-start !important;
    }
  }